Skip to content

Instantly share code, notes, and snippets.

@jonathansousa

jonathansousa/HTML HTML5 Template

Created April 19, 2012 21:55
Show Gist options
  • Save jonathansousa/2424471 to your computer and use it in GitHub Desktop.
Save jonathansousa/2424471 to your computer and use it in GitHub Desktop.
Download ZIP
HTML: HTML5 Template
Raw
HTML HTML5 Template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<!-- Metadata -->
<meta name="viewport" content="width=device-width">
<meta property="og:image" content="images/logo.png">
<meta property="og:title" content="">
<meta property="og:url" content="">
<meta property="og:site_name" content="">
<meta property="og:type" content="website">
<!-- CSS Styles -->
<link rel="stylesheet" href="css/css.css">
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Conditional CSS Styles -->
<!--[if gte IE 9]>
<link rel="stylesheet" href="css/ie9.css">
<![endif]-->
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/ie8.css">
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- JS Files -->
<script src="js/jquery.min.js"></script>
<script src="js/actions.js"></script>
</head>
<body>
<div id="skip_link">
<a href="#content" class="invisible">Skip to main content</a>
</div>
<header role="banner">
<h1></h1>
</header>
<!-- Main Page Navigation -->
<nav role="navigation">
<ul>
<li><a href="" title=""></a></li>
<li><a href="" title=""></a></li>
</ul>
</nav>
<!-- Main Content Section -->
<section id="content" role="main">
<article role="article">
<header>
<h1></h1>
</header>
<footer>
</footer>
</article>
</section>
<!-- End Main Content Section -->
<!-- Right Sidebar Content -->
<aside id="sidebar" role="complementary">
<article>
<header>
<h2></h2>
</header>
</article>
</aside>
<!-- End Right Sidebar Content -->
<!-- Page Footer -->
<footer>
<nav id="footer_nav" role="navigation">
<ul>
<li><a href="" title=""></a></li>
<li><a href="" title=""></a></li>
</ul>
</nav>
<small>&copy; 2012. All Rights Reserved</small>
</footer>
</body>
</html>
Raw
HTML: HTML5 Template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<!-- Metadata -->
<meta name="viewport" content="width=device-width">
<meta property="og:image" content="images/logo.png">
<meta property="og:title" content="">
<meta property="og:url" content="">
<meta property="og:site_name" content="">
<meta property="og:type" content="website">
<!-- CSS Styles -->
<link rel="stylesheet" href="css/css.css">
<link rel="shortcut icon" href="images/favicon.ico">
<!-- Conditional CSS Styles -->
<!--[if gte IE 9]>
<link rel="stylesheet" href="css/ie9.css">
<![endif]-->
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/ie8.css">
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- JS Files -->
<script src="js/jquery.min.js"></script>
<script src="js/actions.js"></script>
</head>
<body>
<div id="skip_link">
<a href="#content" class="invisible">Skip to main content</a>
</div>
<header role="banner">
<h1></h1>
</header>
<!-- Main Page Navigation -->
<nav role="navigation">
<ul>
<li><a href="" title=""></a></li>
<li><a href="" title=""></a></li>
</ul>
</nav>
<!-- Main Content Section -->
<section id="content" role="main">
<article role="article">
<header>
<h1></h1>
</header>
<footer>
</footer>
</article>
</section>
<!-- End Main Content Section -->
<!-- Right Sidebar Content -->
<aside id="sidebar" role="complementary">
<article>
<header>
<h2></h2>
</header>
</article>
</aside>
<!-- End Right Sidebar Content -->
<!-- Page Footer -->
<footer>
<nav id="footer_nav" role="navigation">
<ul>
<li><a href="" title=""></a></li>
<li><a href="" title=""></a></li>
</ul>
</nav>
<small>&copy; 2012. All Rights Reserved</small>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment