rhythmpatel
1/27/2014 - 8:30 AM
HTML5 starter
HTML5 starter
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Page Title</title>
<link href="css/style.css" rel="stylesheet">
<script src="js/html5.js"></script>
<script src="js/jquery.min.js"></script>
</head>
<body>
<div id="wrapper">
<header></header>
<nav></nav>
<section></section>
<footer></footer>
</div>
</body>
</html>@charset "utf-8";
/* ==========================================================================
Reset
========================================================================== */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Box Model */ }
html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */ }
body { margin: 0px; padding: 0px; font: 14px/20px 'merriweather_sansregular'; }
h1,h2,h3,h4,h5,h6,
ul,ol,li,
form,input,textarea,select { margin: 0; padding: 0; }
a, input[type=button], input[type=reset], input[type=submit], button { outline: none; }
a::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
button::-moz-focus-inner { border: 0; }
header, nav, article, footer, address, section { display: block; }
p { margin: 10px 0; }
img { border: 0; }
a { text-decoration: none; outline: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
.float-left { float: left; }
.float-right { float: right; }
.clear { clear: both; }
.clearfix { clear: both; overflow: hidden; }
.fullimg { display: block; width: 100%; }
.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
/* ==========================================================================
General
========================================================================== */
#wrapper {
width: 1000px;
margin: 0 auto;
}
header {
}
nav {
}
footer {
}
section {
}
/* ==========================================================================
Media Queries
========================================================================== */
/* Large desktop */
@media (min-width: 1200px) {
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
@media (max-width: 640px) {
}
/* Landscape phones and down */
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}// JavaScript Document
document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("nav");
document.createElement("section");