html5 – Extreme Web Designs https://theextremewebdesigns.com/blog Web Design and Web Development Sun, 19 Feb 2012 13:12:47 +0000 en-US hourly 1 https://wordpress.org/?v=6.7.5 156673191 Free HTML5 template https://theextremewebdesigns.com/blog/free-html5-template/ https://theextremewebdesigns.com/blog/free-html5-template/#respond Sun, 19 Feb 2012 13:12:47 +0000 https://theextremewebdesigns.com/blog/?p=330 Ever wanted to create a HTML5 page but did not know where to start from? Here is a free HTML5 template from us. Simply copy & paste the code in your pages and change the values as desired and you are all set!

Free HTML5 template source code

Feel free to copy & use the following HTML5 source code as you see fit in your own websites:

<!doctype html>

<!--[if IE 6]><html lang="en" class="no-js ie6"><![endif]-->
<!--[if (gt IE 6)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->

<head>

<meta charset="utf-8">

<title>Simple HTML5 Template</title>
<meta name="description" content="Simple HTML5 Template">
<meta name="author" content="">

<!-- Include these 2 icons or HTML5 validation fails -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<!-- Include stylesheet -->
<link rel="stylesheet" href="css/styles.css">

<!-- Remove the reference below if you're using any other JS framework for backward compatibility -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

</head>

<body>

<header class="header">

<hgroup>
<h1>Easy HTML5 Template</h1>
<h2>tagline</h2>
</hgroup>

<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>

</header><!-- .header -->

<div class="main">

<section class="section">

<header>
<h1>Sub Title</h1>
</header>

<p>Content, Content and more Content</p>

</section><!-- .section -->

<section class="section2">
<h1>Another section</h1>
<p>Dummy content</p>
</section><!-- .section2 -->

</div><!-- .main -->

<aside class="sidebar">
<p>Sidebar content</p>
</aside><!-- .sidebar -->

<footer class="footer">
<p>&copy; year</p>
</footer><!-- .footer -->

</body>
</html>

Your turn!

Did you like this post? Do you know of any other free HTML5 template? Feel free to share with others and let us know your thoughts by commenting below.

]]> https://theextremewebdesigns.com/blog/free-html5-template/feed/ 0 330