Skip to content

Instantly share code, notes, and snippets.

@melissacabral

melissacabral/HTML5 starter.html

Last active October 12, 2015 14:47
Show Gist options
  • Save melissacabral/4042805 to your computer and use it in GitHub Desktop.
Save melissacabral/4042805 to your computer and use it in GitHub Desktop.
Download ZIP
Simple HTML5 starting point for day 2 demo
Raw
HTML5 starter.html
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<meta name="description" content="DESCRIPTION" />
<title>SITE NAME - SITE DESCRIPTION</title>
<link rel="stylesheet" href="RESET_STYLESHEET_URL" media="screen" />
<link rel="stylesheet" href="STYLESHEET_URI" media="screen" />
</head>
<body class="home">
<header role="banner">
<h1 class="site-title"><a href="path/to/frontpage">SITE NAME </a></h1>
<h2>SITE DESCRIPTION</h2>
<nav>
<ul class="nav">
<li><a href="/sitemap/">Sitemap</a></li>
<li><a href="/">Home</a></li>
<li><a href="/about-2/">About</a></li>
<li><a href="/services/">Services</a></li>
<li><a href="/gallery/">Gallery</a></li>
<li><a href="/blog/">Blog</a></li>
</ul>
</nav>
<form method="get" action="SEARCH_PARSER" >
<label >Search for:</label>
<input type="text" />
<input type="submit" value="Search" />
</form>
</header>
<main id="content">
<article id="post-ID" class="post">
<h2 class="entry-title">
<a href="SINGLE_POST_URL">
POST TITLE
</a>
</h2>
<div class="entry-content">
<p>POST CONTENT HERE A short portion of the post content. Etiam posuere adipiscing ante a euismod. Aliquam rutrum tempus ipsum a pulvinar. Cras arcu tellus, aliquam ac rutrum sit amet, consectetur et sapien. [...]</p>
</div>
<div class="postmeta">
<span class="author"> Posted by: USERNAME </span>
<span class="date"> DATE </span>
<span class="num-comments"> X COMMENTS </span>
<span class="categories">
<a href="/category/updates/" title="View all posts in Updates" >
CATEGORY NAME
</a>
</span>
<span class="tags">TAG, TAG, TAG</span>
</div><!-- end postmeta -->
</article><!-- end post -->
<article id="post-ID" class="post">
<h2 class="entry-title">
<a href="SINGLE_POST_URL">
POST TITLE
</a>
</h2>
<div class="entry-content">
<p>POST CONTENT HERE A short portion of the post content. Etiam posuere adipiscing ante a euismod. Aliquam rutrum tempus ipsum a pulvinar. Cras arcu tellus, aliquam ac rutrum sit amet, consectetur et sapien. [...]</p>
</div>
<div class="postmeta">
<span class="author"> Posted by: USERNAME </span>
<span class="date"> DATE </span>
<span class="num-comments"> X COMMENTS </span>
<span class="categories">
<a href="/category/updates/" title="View all posts in Updates" >
CATEGORY NAME
</a>
</span>
<span class="tags">TAG, TAG, TAG</span>
</div><!-- end postmeta -->
</article><!-- end post -->
</main><!-- end #content -->
<aside id="sidebar">
<section id="categories" class="widget">
<h3 class="widget-title"> Categories </h3>
<ul>
<li><a href="URL">NAME</a> (21)</li>
<li><a href="URL/">NAME</a> (21)</li>
<li><a href="URL">NAME</a> (21)</li>
</ul>
</section>
<section id="archives" class="widget">
<h3 class="widget-title"> Archives </h3>
<ul>
<li><a href="/2011/" title="2011">2011</a></li>
<li><a href="/2008/" title="2008">2008</a></li>
<li><a href="/2007/" title="2007">2007</a></li>
</ul>
</section>
<section id="tags" class="widget">
<h3 class="widget-title"> Tags </h3>
<ul>
<li>tag1</li>
<li>another tag</li>
<li>taggity tag</li>
</ul>
</section>
<section id="meta" class="widget">
<h3 class="widget-title"> Meta </h3>
<ul>
<li><a href="ADMIN PATH">Site Admin</a></li>
<li><a href="LOGOUT URL">Log out</a> </li>
</ul>
</section>
</aside><!-- end #sidebar -->
<footer id="colophon" role="contentinfo">
&copy; 2015 by SITE TITLE. All Rights Reserved.
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment