Create a gist now

Instantly share code, notes, and snippets.

@dskrepps /index.html
Last active May 27, 2016

What would you like to do?
My basic HTML5 skeleton. Replace the brackets. Style .inwrap so you can set your content width while still allowing 100% width designs.
<!DOCTYPE html>
<html lang="en">
<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="//" />
<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="//"></script>
<!--[if lt IE 9]><script src="//"></script><![endif]-->
<header><div class="inwrap">
<main><div class="inwrap">
<footer><div class="inwrap">
<small> &copy; 2013 </small>
<!-- foot scripts -->
<script src="assets/js/main.js"></script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment