Could not load images - website loaded without formatting

Question

I created a website with parallax effects which loads beautifully in Chrome, Safari and Opera but not in Firefox. You can check the website at "varun.web44.net". Please help me identify the problem. Is it a problem of Firefox?

Answer 1

That is a problem with backslashes in the URL of the files.
You will have to change the backslashes to forward slashes to make it work in Firefox.
<pre><nowiki>
[1] <link href="css\bootstrap.css">
[2] <link href="css\bootstrap-theme.css">
[3] <link href="css\font-awesome.css">
[4] <link href="css\animate.css">
[5] <link href="css\prettyphoto.css">
[6] <link href="css\flexslider.css">
[7] <link href="css\style.css">
[8] <link href="css\responsive.css">
[9] <link href="css\demo-switcher.css">
[10] <link href="css\blue.css">
[11] <script src="js\modernizr.js">
[12] <script src="js\jquery.js">
[13] <link href="images\favicon.ico">
[14] <link href="images\apple-touch-icon.png">
[15] <link href="images\apple-touch-icon-72x72.png">
[16] <link href="images\apple-touch-icon-114x114.png">
[17] <img src="images\logo.png">
[18] <img src="images\logo.png">
[19] <img src="images\destination.png">
[20] <img src="images\security.png">
[21] <img src="images\payment.png">
[22] <img src="images\team-1.jpg">
[23] <img src="images\team-2.jpg">
[24] <img src="images\team-3.jpg">
[25] <script src="js\bootstrap.js">
[26] <script src="js\waypoints.js">
[27] <script src="js\jquery (1).js">
[28] <script src="js\smoothscroll.js">
[29] <script src="js\jquery.backstretch.js">
[30] <script src="js\jquery.flexslider.js">
[31] <script src="js\jquery.isotope.js">
[32] <script src="js\jquery (2).js">
[33] <script src="js\jquery (3).js">
[34] <script src="js\jquery (4).js">
[35] <script src="js\jquery (5).js">
[36] <script src="js\infy.js">
[37] <script src="js\demo-switcher.js"></nowiki></pre>