Skip to content

Instantly share code, notes, and snippets.

@XenGi

XenGi/index.html

Created July 13, 2013 07:13
Show Gist options
  • Save XenGi/5989756 to your computer and use it in GitHub Desktop.
Save XenGi/5989756 to your computer and use it in GitHub Desktop.
Download ZIP
Sample HTML5 page template
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Page title</title>
<!-- enable html5 elements in IE6,7,8 -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
@import url("style.css") all;
</style>
</head>
<body>
<header class="roundborder center whitebg">
<h1>Page headline</h1>
</header>
<aside class="roundborder whitebg">
<header>
<h1>Aside headline</h1>
</header>
<nav>
<ul>
<li><a href="#"><button>Link</button></a></li>
<li><a href="#"><button>Link</button></a></li>
<li><a href="#"><button>Link</button></a></li>
<li><a href="#"><button>Link</button></a></li>
<li><a href="#"><button>Link</button></a></li>
</ul>
</nav>
<footer>
<p>Aside footer</p>
</footer>
</aside>
<section class="roundborder center whitebg">
<header>
<h1>Section headline</h1>
</header>
<article class="roundborder">
<header>
<h1>Article headline</h1>
</header>
<p>Article content.</p>
<footer>
<p>Article footer</p>
</footer>
</article>
<article class="roundborder">
<header>
<h1>Article headline</h1>
</header>
<p>Article content.</p>
<footer>
<p>Article footer</p>
</footer>
</article>
<article class="roundborder">
<header>
<h1>Article headline</h1>
</header>
<p>Article content.</p>
<footer>
<p>Article footer</p>
</footer>
</article>
<footer>
<p>Section footer</p>
</footer>
</section>
<footer class="roundborder center whitebg">
<p>&copy; Author - <a href="mailto:webmaster@localhost">Contact</a> - Page footer</p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment