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>