Blank page when uploading website files to web hoster - html

So I downloaded my own portfolio after making it through a portfolio maker and decided to download it, modify the html files to my liking and then wanted to upload them to a web hoster where I would use my own domain for it, however when I tried uploading my files to the main folder on my website's directory and check the website out it simply shows me a blank page, even though it actually displays my logo on the tab on top. When I open the index.html with Chrome from my local files it displays my website perfectly however when I upload it to my website and try view it that's when I get a problem. I have tried using 2 different web hosters and tried uploading my files through FTP and direct upload and still got the same blank page.
NOTE: I uploaded all the files in my site folder not just the index.html and if it works when I opened it with Chrome I don't see why it wouldn't work on my website.

It looks like you have forgotten to upload some files:
All the ones marked 404 are missing and need to be uploaded.

Related

My site uploaded on Git hub doesn't load with CSS on net but it loads correctly with chrome on my laptop

I uploaded my own created personal site on Github (includes CSS and HTML only). The link doesn't open the site very well as my CSS contents doesn't get displayed but when I open the same file locally on my chrome browser it opens correctly.
Below I'm attaching the 2 screenshots of what it's like when I open.
1)With Github(Error while loading)
2)Locally opened using VScode(Correctly opened)
I was hoping that my uploaded file gets opened correctly like did in VScode so that I can share the link of my site.I am mentioning the link here too if anyone finds the fault then please help me rectify it.
https://dewansh28.github.io/PersonalSite/

HTML edits not showing

I’m working on a simple webpage with just an index.html file. If I make changes to the html file and then upload the file to my server, when I reload the page using the url with only http the changes I made show, for example, if I remove the index.html file and reload the page it says could not load page, not found. If I do the same thing but use https, the page still loads even if the index.html file is deleted from the server. I have deleted and cleared cache and website data from my iPhone. This seems to happen on iOS in both safari and Firefox on my iPhone but not on a computer. Does the https cache differently or store files in a different directory?

Page loads on local but doesn't on a host/server

So I've been trying some HTML templates out and I've spent 4 hours editing this certain template. It ran perfectly just for loading index.html --> Chrome.
Once I uploaded the site to my hosting I noticed that the site keeps getting stuck on the loading screen.
I wanted to past the whole index.html file but I couldn't so I uploaded it here:
http://pastebin.com/raw/P6Z2Qvd9
Since I cannot paste the whole index code here, I've also uploaded all the files to my hosting so you can view the website:
http://ziiran.xyz/notepad/

HTML pages in the Dropbox Public folder

I dearly hope my first question here is 'acceptable', but I cannot find an answer anywhere - not even from an online Dropbox search.
As a web developer in training, I recently added an HTML file to my Public folder in Dropbox; it is meant as an example webpage for my 'portfolio'. The rendered page directly in Dropbox online links to a Dropbox CSS file successfully. Also, my local Dropbox images link and display successfully.
However, my link to a Dropbox audio file does not play - and neither does the video link to Youtube.
All 'src' and 'a href' links work fine when I render the page from my laptop Desktop Dropbox app; they link to external pages and audio and video files correctly. After researching, I had already changed the 'www' to 'dl' to my local Dropbox files, but that doesn't solve the issue of links working when rendered from the Dropbox server. The audio file works fine when accessing the file directly in Dropbox online using the player, so it's the HTML file that cannot 'find' the audio file from within the Dropbox server. Similarly, any hyperlinks to external sites, such as Youtube and my Linkedin account do not work by left-clicking or CTRL-click - the correct URL shows in the bottom-left corner but the link does not respond. Only right-clicking and 'open in another tab' works on links, thus 'escaping' the restriction of the Dropbox server.
I tried to provide as much detail here as possible so that you're fully aware of my situation. I hope someone knows how to 'free' these hyperlinks from the Dropbox server. I'll soon have my first website online, which will eliminate these issues - but I'm curious to solve this Dropbox problem. Thanks in advance.

IMG won't show on remote site

I have a webpage where the images are not being found (running chrome). I synced the remote directory with my local one, so all files should be identical, however I can see the images locally but not on the remote site. Can anyone explain why?
I have the following directory where my index.html is:
icons/circle/*.png, where * is some generic social media i.e. (facebook, twitter, etc.)
using this code to show it on html
<img class="social-media" src="icons/circle/facebook.png">
But it only shows when I view my webpage locally, not when everything is uploaded to the server.
See webpage footer at dmacmill.com
Full directory listing:
Temp solution
I decided to just create another folder to hold all my icons, now they work for some reason. Still never found out the underlying cause of this.