Why is the output of my GitHub pages different to the zip file on the safari browser?

If you download my GitHub repo you can see it looks nothing like what is displayed on my GitHub pages on the safari browser.

I have deleted the repo and updated all the files. However, I’m having no luck, what should I do to fix this?

Locally when hosted my site homepage displays like this

When hosted on git pages it looks like this

I don’t really have time to dig through your code, but the first thing I’d do is investigate all the console errors I get when I go to your github.io page"

liamdocherty.github.io/:108 Mixed Content: The page at 'https://liamdocherty.github.io/' was loaded over HTTPS, but requested an insecure image 'http://www.coolhdwallpapers.net/gallery/adidas-logo-black-background-wallpaper.jpg'. This content should also be served over HTTPS.
liamdocherty.github.io/:113 Mixed Content: The page at 'https://liamdocherty.github.io/' was loaded over HTTPS, but requested an insecure image 'http://www.gsfdcy.com/data/img/67/1913982-polo-wallpaper.jpg'. This content should also be served over HTTPS.
liamdocherty.github.io/:14 GET https://liamdocherty.github.io/css/animate.css net::ERR_ABORTED
liamdocherty.github.io/:15 GET https://liamdocherty.github.io/bower_components/Morphext/dist/morphext.css net::ERR_ABORTED
liamdocherty.github.io/:20 GET https://liamdocherty.github.io/CSS/design.css net::ERR_ABORTED
liamdocherty.github.io/:21 GET https://liamdocherty.github.io/CSS/media_queries.css net::ERR_ABORTED
liamdocherty.github.io/:224 GET https://liamdocherty.github.io/JS/smooth-scroll-master/dist/js/smooth-scroll.js net::ERR_ABORTED
liamdocherty.github.io/:226 GET https://liamdocherty.github.io/JS/javascript.js net::ERR_ABORTED
(index):224 GET https://liamdocherty.github.io/JS/smooth-scroll-master/dist/js/smooth-scroll.js net::ERR_ABORTED
(index):226 GET https://liamdocherty.github.io/JS/javascript.js net::ERR_ABORTED