Advertisement
electricmaster

HTML5! :D

Aug 13th, 2011
286
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 3.05 KB | None | 0 0
  1. <!-- Welcome to the wonderful wonderful world of HTML5 :3 -->
  2. <!DOCTYPE HTML>
  3. <html>
  4.     <head>
  5.         <meta charset="UTF-8">
  6.         <meta name="author" content="Michaael MacLean" />
  7.         <meta name="description" content="" />
  8.         <meta name="keywords" content="" />
  9.         <meta name="revised" content="8/9/2011" />
  10.         <meta name="robots" content="NOINDEX, NOARCHIVE, NOFOLLOW" />
  11.         <title>electric master &raquo; Template Page</title>
  12.         <link rel="stylesheet" type="text/css" href="incl/main.css" />
  13.     </head>
  14.    
  15.     <body>
  16.         <header>
  17.             <nav id="uppernav">
  18.                 <ul>
  19.                     <li><a href="#" id="un0">Home</a></li>
  20.                     <li><a href="#" id="un1">Blog</a></li>
  21.                     <li><a href="#" id="un2">About</a></li>
  22.                     <li><a href="#" id="un3">Websites</a></li>
  23.                     <li><a href="#" id="un4">Projects</a></li>
  24.                     <li><a href="#" id="un5">Randomness</a></li>
  25.                     <li class="social" style="margin-left: -13px"><a title="Facebook" href="http://facebook.com/electricmaster"><img src="images/facebook.png" /></a></li>
  26.                     <li class="social"><a title="Twitter" href="http://twitter.com/electric_master"><img src="images/twitter.png" /></a></li>
  27.                     <li class="social"><a title="Google+" href="http://gplus.to/electricmaster"><img src="images/google.png" /></a></li>
  28.                     <li class="social"><a title="deviantART" href="http://electric-master.deviantart.com"><img src="images/deviantart.png" /></a></li>
  29.                     <li class="social"><a title="Grooveshark" href="http://grooveshark.com/#/electric_master"><img src="images/grooveshark.png" /></a></li>
  30.                     <li class="social"><a title="Forrst" href="http://forrst.com/people/electricmaster"><img src="images/forrst.png" /></a></li>
  31.                 </ul>
  32.             </nav>
  33.             <a href="#" id="logoa"><div id="logo">&nbsp;</div></a>
  34.         </header>
  35.        
  36.         <article id="centerDoc">
  37.                 <hgroup>
  38.                     <h1>Leorem Ipsum</h1>
  39.                     <h2>Putting the Ipsum in your Leporium..</h2>
  40.                 </hgroup>
  41.                 <p>
  42.                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae massa
  43.                     condimentum risus ornare imperdiet. Vivamus ut orci et justo fringilla
  44.                     scelerisque et id magna. Morbi sed purus in lectus bibendum eleifend.
  45.                     Sed quis tellus felis. Sed et metus quis orci venenatis fringilla ac quis
  46.                     purus.
  47.                 </p>
  48.                 <p>
  49.                     Aenean leo nisi, fermentum a egestas vel, scelerisque a nisi. Mauris ultrices
  50.                     lorem a libero elementum egestas venenatis urna rutrum. Suspendisse id
  51.                     viverra sapien. Nulla nulla libero, volutpat eget ullamcorper non, auctor ac
  52.                     ipsum. Nulla fringilla fermentum orci in auctor. Aenean condimentum vulputate
  53.                     urna vitae pretium. In convallis lobortis tempus. Ut ac risus elit. Sed a
  54.                     tellus nec mi sollicitudin pellentesque eget placerat magna. Curabitur nec
  55.                     libero magna. Proin metus arcu, venenatis pellentesque gravida ac, volutpat
  56.                     sit amet odio. Praesent eros magna, tincidunt nec ornare id, facilisis in
  57.                     turpis.
  58.                 </p>
  59.         </article>
  60.         <footer>
  61.             <p>
  62.                 &copy; <time>2011<?php if(date("Y") !== "2011") echo "&ndash; ".date("Y"); ?></time>
  63.                 Michael MacLean.
  64.             </p>
  65.         </footer>
  66.     </body>
  67. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement