The images on my GitHub page are not loading

Solution 1:

You need to change your img src attributes in your index.html file, I added <!-- Edit Line Below --> comments before lines you should edit

<!DOCTYPE>
<html>

<head>
  <title>Google Homepage</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <div class="topnav">
    <ul>
      <li><a href="https://about.google/?fg=1&utm_source=google-US&utm_medium=referral&utm_campaign=hp-header">About</a></li>
      <li><a href="">Store</a></li>
      <div class="topnavright">
        <li><a href="">Gmail</a></li>
        <li><a href="">Images</a></li>

        <!-- Edit Line Below -->
        <li><img src="./googleappsicon.png" width="20" height="20" alt="Google Apps Icon"></li>
        <li><input type="submit" value="Sign in"></li>
      </div>
    </ul>
  </div>

  <div class="logosearch">
    <p>
      <!-- Edit Line Below -->
      <img src="./googlelogo-color.png" width="272" height="92" alt="Google Logo"><br>
      <input>
      <p>
        <input type="submit" value="Google Search">
        <input type="submit" value="I'm Feeling Lucky">
      </p>
    </p>
  </div>

  <div class="bottomnav">
    <ul>
      <li><a href="">Advertising</a></li>
      <li><a href="">Business</a></li>
      <li><a href="">How Search works</a></li>
      <div class="bottomnavright">
        <li><a href="">Privacy</a></li>
        <li><a href="">Terms</a></li>
        <li><a href="">Settings</a></li>
      </div>
    </ul>
  </div>
</body>

</html>