Skip to content

Instantly share code, notes, and snippets.

@gitdagray

gitdagray/index.html

Created January 4, 2021 07:25
Show Gist options
  • Save gitdagray/bcfe1d34dbd5d9478f095098f9265adc to your computer and use it in GitHub Desktop.
Save gitdagray/bcfe1d34dbd5d9478f095098f9265adc to your computer and use it in GitHub Desktop.
Download ZIP
Basic HTML
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>My First Page</title>
<style>
body { min-height: 300vh;}
</style>
</head>
<body>
<header>
<h1>My First Page</h1>
<nav>
<ul>
<li><a href="#article1">Post One</a></li>
<li><a href="#article2">Post Two</a></li>
<li><a href="#article3">Post Three</a></li>
</ul>
</nav>
</header>
<main>
<article id="article1">
<h2>Post One</h2>
<img src="https://via.placeholder.com/150" alt="image description">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo aspernatur fuga reprehenderit ab? Itaque corrupti, eaque odio ipsum accusamus, quidem sed est alias hic quos velit sit quae placeat odit?
<br>
Not finding what you want? <a href="https://www.google.com">Search Google</a>!
</p>
<hr>
</article>
<article id="article2">
<h2>Post Two</h2>
<img src="https://via.placeholder.com/150" alt="image description">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo aspernatur fuga reprehenderit ab? Itaque corrupti, eaque odio ipsum accusamus, quidem sed est alias hic quos velit sit quae placeat odit?
</p>
<hr>
</article>
<article id="article3">
<h2>Post Three</h2>
<img src="https://via.placeholder.com/150" alt="image description">
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo aspernatur fuga reprehenderit ab? Itaque corrupti, eaque odio ipsum accusamus, quidem sed est alias hic quos velit sit quae placeat odit?
</p>
<hr>
</article>
</main>
<footer>
Copyright &copy; 2021
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment