Skip to content

Instantly share code, notes, and snippets.

@kccnma

kccnma/summersite-structure.html

Last active March 5, 2024 00:05
Show Gist options
  • Save kccnma/cd27b19759476298b79bacce074f6427 to your computer and use it in GitHub Desktop.
Save kccnma/cd27b19759476298b79bacce074f6427 to your computer and use it in GitHub Desktop.
Download ZIP
Summer Favorites Site - Structural Markup
Raw
summersite-structure.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Summer Site 2019</title>
<meta name="description" content="My Personal Web Site">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<header>
<div class="site-id">
<h1><a href="index.html">JD</a></h1>
</div>
<nav class="site-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</nav>
</header>
<main>
<section class="hero">
<h2>Summer 2019</h2>
<p>I created this site as part of my summer project at Iolani. Within it, you will find lists of my summer
favorites along with resources from my summer web design class.</p>
</section>
<section class="lists">
<div class="category">
<h3>Movies</h3>
<p>Favorite movies of 2019</p>
<ul>
<li>Lorem ipsum</li>
<li>Et dolorem</li>
<li>Adipiscing Elit</li>
</ul>
</div>
<div class="category">
<h3>Songs</h3>
<p>Favorite songs of 2019</p>
<ul>
<li>Lorem ipsum</li>
<li>Et dolorem</li>
<li>Adipiscing Elit</li>
</ul>
</div>
<div class="category">
<h3>Games</h3>
<p>Favorite games of 2019</p>
<ul>
<li>Lorem ipsum</li>
<li>Et dolorem</li>
<li>Adipiscing Elit</li>
</ul>
</div>
</section>
</main>
<footer>
<nav class="site-nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</nav>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment