VERY basic HTML template

Strange Leader · 20-03-2016, 04:23 AM

This is the one I made that I usually start with, it gets me a quicker start, it's also simple but has some tags that you might be missing especially in the head.

Html

Code:
<!doctype html>
 <head>
 <meta charset="utf-8">
 <title></title>
 <meta name="description" content="">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <link rel="stylesheet" href="css/main.css">
 </head>
 
 <body>
 
 <div id="page-wrapper">
 <header id="header">
 <div id="header-wrapper">
 <div id="logo">
 </div>
 </nav>
 </nav>
 </div>
 </header>
 
 <div id="content">
 <div id="content-wrapper">
 </div>
 </div>
 
 <div id="footer">
 <div id="footer-wrapper">
 </div>
 </div>
 </div>
 </body>
 <html>

Css

Code:
/* removes white space around page */
 
 body {
 margin: 0;
 }
 
 #page-wrapper {
 }
 
 #header {
 }
 
 #header-wrapper {
 }
 
 #logo {
 }
 
 nav {
 }
 
 #content {
 }
 
 #content-wrapper {
 }
 
 #footer {
 }
 
 #footer-wrapper {
 }
 
 /* better looking horizontal rule */
 
 hr {
   display: block;
   height: 1px;
   border: 0;
   border-top: 1px solid #ccc;
   margin: 1em 0;
   padding: 0;
 }
 
 /* Remove default fieldset styles. */
 
 fieldset {
   border: 0;
   margin: 0;
   padding: 0;
 }
 
 /* Allow only vertical resizing of textareas. */
 
 textarea {
   resize: vertical;
 }

VERY basic HTML template

Submitted by NSA, 01-10-2015, 08:18 PM, Thread ID: 10768

RE: VERY basic HTML template