Create a gist now

Instantly share code, notes, and snippets.

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

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