Skip to content

Instantly share code, notes, and snippets.

@dskrepps

dskrepps/index.html

Last active May 27, 2016 10:46
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save dskrepps/5850376 to your computer and use it in GitHub Desktop.
Save dskrepps/5850376 to your computer and use it in GitHub Desktop.
Download ZIP
My basic HTML5 skeleton. Replace the brackets. Style .inwrap so you can set your content width while still allowing 100% width designs.
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<!-- search meta -->
<title> [] </title>
<meta name="author" content="[]" />
<meta name="description" content="[]" />
<meta name="keywords" content="[]" />
<meta name="robots" contents="[]" />
<!-- social meta -->
<meta property='og:title' content='[]' />
<meta property='og:type' content='[]' />
<meta property='og:description' content='[]' />
<meta property='og:image' content='assets/img/share.jpg' />
<meta property='og:url' content='[]' />
<meta property='og:site_name' content='[]' />
<meta name='twitter:card' content='[]' />
<!-- styles -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/2.1.0/normalize.css" />
<link rel="stylesheet" href="assets/css/index.css" />
<!-- icons -->
<link rel="shortcut icon" href="assets/img/favicon.ico" />
<link rel="apple-touch-icon-precomposed" href="assets/img/apple-touch-icon-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/img/apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/img/apple-touch-icon-114x114-precomposed.png" />
<!-- head scripts -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<header><div class="inwrap">
</div></header>
<main><div class="inwrap">
</div></main>
<footer><div class="inwrap">
<small> &copy; 2013 </small>
</div></footer>
<!-- foot scripts -->
<script src="assets/js/main.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment