CODEWITHSUNDEEP
htmlcssgithub-pagesnetlify
Omar Emad
Omar Emad

Reputation: 38

My images are not loading in my site in both github pages and netlify

So I made a static site and it is working fine in my machine, but when I host it either with netlify or github pages it shows no images. Here is my github public repository link : https://github.com/Omar-Gebal/Hosting-static-site and here is my site on netlify : https://hosting-site-static.netlify.app/ . and here is my html code linking the images

 <nav class="zone black sticky">
      <ul class="main-nav">
        <li><a href="#">About</a></li>
        <li><a href="#">Products</a></li>
        <li><a href="#">Our team</a></li>
        <li class="push"><a href="#">Contacts</a></li>
      </ul>
    </nav>
    <div class="container zone">
      <img src="/Hosting-static-site/Asset 28.png" alt="" class="cover" />
      <h1>Own the internet. Start with fast web hosting.</h1>
      <button>Learn more</button>
    </div>
    <div class="zone dark-blue grid-wrapper">
      <div class="box zone">
        <img src="/Hosting-static-site/data_storage_2_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/files_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/desktop_analytics_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/monitor_coding_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/monitor_settings_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/server_2_2.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/server_3.png" alt="" />
      </div>
      <div class="box zone">
        <img src="/Hosting-static-site/server_safe_2.png" alt="" />
      </div>
    </div>

Upvotes: 0

Views: 517

Answers (1)

Koolmale
Koolmale

Reputation: 28

The image path is supposed to be different. Right now you have it under a folder, but on the repo they are not in the folder.

Upvotes: 1

Related Questions