Created
July 13, 2013 07:13
-
-
Save XenGi/5989756 to your computer and use it in GitHub Desktop.
Sample HTML5 page template
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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>© 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