title: The images on my GitHub page are not loading
body: <p>I am currently working on the Google Homepage assignment with the Odin Project. I finished the code and committed all of the files to my google-homepage GitHub repository and then uploaded to the GitHub pages to make a website through GitHub. Everything is working fine but the images are not loading onto the website.</p>
  
  <p>I have searched through the stack overflow forums and Odin Project but could not find an answer to my problem. One forum said that GitHub is case sensitive so I checked to make sure my code was right for my images and even changed the <code>googlelogo_color_.png</code> to <code>googlelogo-color.png</code> and recommit it to get rid of the underscores and nothing changed. I am still new to all of this so I really have no idea how to work with GitHub except for the bit that the Odin Project has taught me and through forums. Here is my <a href="https://github.com/Ran-The-Vegan/google-homepage" rel="nofollow noreferrer">repository</a>. </p>
  
  <p>Here is a snippet of my code with the image sources:</p>
  
  <pre><code>`&lt;div class ="topnavright"&gt;
      &lt;li&gt;&lt;a href=""&gt;Gmail&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href=""&gt;Images&lt;/a&gt;&lt;/li&gt;
  
      &lt;li&gt;&lt;img src="/home/ranico/Projects/the_odin_project/google- 
      homepage/googleappsicon.png" width="20" height="20" alt="Google Apps 
      Icon"&gt;&lt;/li&gt;
      &lt;li&gt;&lt;input type="submit" value="Sign in"&gt;&lt;/li&gt;
  &lt;/div&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div class="logosearch"&gt;    
  &lt;p&gt; 
      &lt;img src="/home/ranico/Projects/the_odin_project/google- 
      homepage/googlelogo-color.png" width="272" height="92" alt="Google Logo"&gt; 
      &lt;br&gt;
      &lt;input&gt;
  &lt;p&gt; 
      &lt;input type="submit" value="Google Search"&gt;
      &lt;input type="submit" value="I'm Feeling Lucky"&gt;
  &lt;/p&gt;&lt;/p&gt;
  &lt;/div&gt;`
  </code></pre>