Skip to content

Instantly share code, notes, and snippets.

@joshfitzgerald

joshfitzgerald/HTML5 starter

Forked from melissacabral/HTML5 starter.html
Created July 8, 2013 04:22
Show Gist options
  • Save joshfitzgerald/5946207 to your computer and use it in GitHub Desktop.
Save joshfitzgerald/5946207 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
HTML5 starter
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="description" content="A description about your site" />
<title>Barebones Site - A really basic example of theming from scratch</title>
<link rel="stylesheet" href="path/to/css/reset.css" media="screen" />
<link rel="stylesheet" href="path/to/css/style.css" media="screen" />
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body class="home">
<header>
<h1><a href="path/to/index.php">Barebones Site</a></h1>
<h2>A really basic example of theming from scratch</h2>
<form method="get" action="path/to/search/parse" >
<label for="s">Search for:</label>
<input type="text" name="s" id="s" />
<input type="submit" value="Search" />
</form>
<ul class="utilities">
<li><a href="/contact-us/">Contact Us</a></li>
<li><a href="/location/">Location</a></li>
</ul>
<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>
</header>
<main id="content">
<article id="post-1" class="post">
<h2 class="entry-title"> <a href="/link to single post/"> Post Title </a></h2>
<div class="postmeta">
<span class="author"> Posted by: Bob </span>
<span class="date"> December 27, 2011 </span>
<span class="num-comments"> one comment </span>
<span class="categories"> <a href="/category/updates/" title="View all posts in Updates" rel="category tag">Updates</a> </span>
<span class="tags">tag, tag2, tag3</span>
</div><!-- end postmeta -->
<div class="entry-content">
<p>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>
</article>
<article id="post-2" class="post">
<h2 class="entry-title"> <a href="/link to single post/"> Post Title </a></h2>
<div class="postmeta">
<span class="author"> Posted by: Bob </span>
<span class="date"> December 27, 2011 </span>
<span class="num-comments"> one comment </span>
<span class="categories"> <a href="/category/updates/" title="View all posts in Updates" rel="category tag">Updates</a> </span>
<span class="tags">tag, tag2, tag3</span>
</div><!-- end postmeta -->
<div class="entry-content">
<p>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>
</article>
<article id="post-3" class="post">
<h2 class="entry-title"> <a href="/link to single post/"> Post Title </a></h2>
<div class="postmeta">
<span class="author"> Posted by: Bob </span>
<span class="date"> December 27, 2011 </span>
<span class="num-comments"> one comment </span>
<span class="categories"> <a href="/category/updates/" title="View all posts in Updates" rel="category tag">Updates</a> </span>
<span class="tags">tag, tag2, tag3</span>
</div><!-- end postmeta -->
<div class="entry-content">
<p>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>
</article>
</main><!-- end #content -->
<aside id="sidebar">
<section id="categories" class="widget">
<h3 class="widget-title"> Categories </h3>
<ul>
<li><a href="/category/updates/">Updates</a> (21)</li>
<li><a href="/category/sandwiches/">Sandwiches</a> (21)</li>
<li><a href="/category/misc/">Miscellaneous</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="/wp-admin/">Site Admin</a></li>
<li><a href="/wp-login.php?action=logout">Log out</a> </li>
</ul>
</section>
</aside><!-- end #sidebar -->
<footer>
&copy; 2012 by Author. All Rights Reserved.
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment