user3291513 user3291513 - 2 months ago 19
HTML Question

My GitHub page (css, js, style) doesn't work correctly

I'm entirely new to github pages and i've run into some problems while creating my first project. For this purpose i use github pages (username.github.io) for live preview. But in locally it works good but not in github pages. In github pages it doesn't work any css,js, or my style. All of my css,js and style all in index.html page. If i go to page source it show all code but not work!
What i do for showing actual(like as local host)?
Link is given bellow. Please see and tell me what i do ?

https://mostafizur67.github.io

Answer

The browser console shows that your external resources are blocked:

(index):8 Mixed Content: The page at 'https://mostafizur67.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css'. This request has been blocked; the content must be served over HTTPS.
(index):1 Mixed Content: The page at 'https://mostafizur67.github.io/' was loaded over HTTPS, but requested an insecure script 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js'. This request has been blocked; the content must be served over HTTPS.
(index):13 Mixed Content: The page at 'https://mostafizur67.github.io/' was loaded over HTTPS, but requested an insecure stylesheet 'http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'. This request has been blocked; the content must be served over HTTPS.

Try loading the external resources using https instead of http.

Comments