Posted By

vultur on 08/28/12


Tagged

basic template html5


Versions (?)

Who likes this?

14 people have marked this snippet as a favorite

Internet-Uzver
rafaelzago
kimil
vitaum3oitaum
std-59
zamfi
JuanIB
imoddesign
chino
_naphetz
CWade3052
sol_key
StephenOdieleHarlow
GertjandW


HTML5 Baisc Template


 / Published in: HTML
 

URL: http://www.vultur.ca/snipplr/html5.html

This is a basic template that I use most of the time for proper any html5 projects, it's straightforward simple with a few basic elements that are often used in any projects. I've taken the habits of commenting the end of a div to refer easily to it on a big scale project, but headers, navs, articles, asides, sections and footers are not commented at the end.

  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>My Title</title>
  6. <meta name="description" content="Ermahgerd Webr">
  7. <meta name="author" content="Derp">
  8. <link rel="stylesheet" href="css/style.css">
  9. <!--[if lt IE 9]>
  10. <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  11. <![endif]-->
  12. </head>
  13. <!-- Le Header -->
  14. <header></header>
  15.  
  16. <!-- Le Navigation -->
  17. <nav>
  18. <ul>
  19. <li><a href="#">Home</a></li>
  20. <li><a href="#">About</a></li>
  21. <li><a href="#">Portfolio</a></li>
  22. <li><a href="#">Contact</a></li>
  23. </ul>
  24. </nav>
  25.  
  26. <!-- Le Content Wrapper -->
  27. <div id="wrapper">
  28.  
  29. <!-- Le Content -->
  30. <div id="content">
  31.  
  32. <!-- Le Article -->
  33. <article>
  34. <h1>This is a Header.</h1>
  35. <p>Le lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis porta augue, vel convallis ligula dignissim eu. Le nam scelerisque aliquam adipiscing. Le aenean ante urna, accumsan quis placerat at, consectetur et tellus.</p>
  36. </article>
  37.  
  38. </div><!-- Le Content END -->
  39.  
  40. <!-- Le Complementary Stuff -->
  41. <aside></aside>
  42.  
  43. </div><!-- Le Content Wrapper END -->
  44.  
  45. <!-- Le Footer -->
  46. <footer></footer>
  47.  
  48. <!-- Le End -->
  49. </body>
  50. </html>

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: wilberthackel on October 2, 2014

Gucci Outlet Online Store gucci outlet Gucci Outlet Online Store

Gucci Top Handle - Gucci Purse Outlet - Gucci Purses Outlet

sddm

{ margin: 0 auto; padding: 0; z-index: 30; background-color:#F4F4F4; width: 80px; height:23px; float: right; margin-right: 70px;}

sddm li

{ margin: 0; padding: 0; list-style: none; float: left; font: bold 12px arial}

sddm li a

{ display: block; margin: 0 1px 0 0; padding: 4px 10px; width: 60px; background: #EAEAE8; color: #666; text-align: center; text-decoration: none}

sddm li a:hover

{ background: #49A3FF}

sddm div

{ position: absolute; visibility: hidden; margin: 0; padding: 0; background: #EAEBD8; border: 1px solid #5970B2}

#sddm div a
{   position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap;
    text-align: left;
    text-decoration: none;
    background: #EAEBD8;
    color: #2875DE;
    font: 12px arial}

#sddm div a:hover
{   background: #49A3FF;
    color: #FFF}

Payment |  Shipping & Returns  |  Wholesale |  Contact Us

            Welcome!
                <a href="http://www.lv-gucci.us/index.php?main_page=login">Sign In</a>
    or    <a href="http://www.lv-gucci.us/index.php?main_page=create_account">Register</a>

Your cart is empty

    <li><a href="http://www.lv-gucci.us/">Home</a></li>                
    <li><a href="http://www.lv-gucci.us/gucci-top-handles-c-12.html">Gucci Top Handles</a></li>
    <li><a href="http://www.lv-gucci.us/gucci-shoulder-bags-c-11.html">Gucci Shoulder Bags</a></li>
    <li><a href="http://www.lv-gucci.us/gucci-baby-carrier-c-2.html">Gucci Baby Carrier</a></li>

Currencies

US Dollar Euro GB Pound Canadian Dollar Australian Dollar Jappen Yen Norske Krone Swedish Krone Danish Krone

Categories

Gucci Baby Carrier Gucci Backpack Bags Gucci Briefcase Bags Gucci Clutches Bags Gucci Evening Bags Gucci Hobos Gucci Iphone Case Gucci Messenger Bags Gucci Shoulder Bags Gucci Top Handles Gucci Totes

Featured -   [more] Gucci 223974 Sukey Guccissima Medium Boston Tote Bag Black$284.00Gucci 295403 Emily GG Canvas Chain Shoulder Bag Pink$234.00Gucci 210188 Embossed Leather iphone Case Red$154.00Gucci 223955 'New Pelham' Large Shoulder Bag Coffee$253.00

Specials -   [more]

  <a href="http://www.lv-gucci.us/">Home</a>&nbsp;::&nbsp;

Gucci Top Handles

Gucci Top Handles

Filter Results by: Items starting with ... A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 0 1 2 3 4 5 6 7 8 9

Displaying 31 to 60 (of 187 products) [<< Prev]   1  2  3  4  5 ...  7  [Next >>] 

Gucci 241097 Techno Tag Guccissima Medium Boston Bag Brown$284.00 Gucci 241097 Techno Tag Guccissima Medium Boston Bag Coffee$284.00 Gucci 241097 Techno Tag Guccissima Medium Boston Bag Off-white$284.00 Gucci 246860 new bamboo handbag Black$303.00 Gucci 247204 Mircoguccissima Medium Boston Bag Apricot$273.00 Gucci 247204 Mircoguccissima Medium Boston Bag Blue$273.00 Gucci 247204 Mircoguccissima Medium Boston Bag Dark Green$273.00 Gucci 247204 Mircoguccissima Medium Boston Bag Gold$273.00 Gucci 247204 Mircoguccissima Medium Boston Bag Peach$273.00 Gucci 247204 Mircoguccissima Medium Boston Bag Red wine$273.00 Gucci 247205 Mircoguccissima Leather Medium Boston Bag Apricot$293.00 Gucci 247205 Mircoguccissima Leather Medium Boston Bag Blue$293.00 Gucci 247205 Mircoguccissima Leather Medium Boston Bag Dark Green$293.00 Gucci 247205 Mircoguccissima Leather Medium Boston Bag Gold$293.00 Gucci 247205 Mircoguccissima Leather Medium Boston Bag Peach$293.00 Gucci 247205 Mircoguccissima Leather Medium Boston Bag Red wine$293.00 Gucci 247205 Mircoguccissima Medium Boston Bag Black$293.00 Gucci 247205 Mircoguccissima Medium Boston Bag Camel$293.00 Gucci 247205 Mircoguccissima Medium Boston Bag dark Blue$293.00 Gucci 247205 Mircoguccissima Medium Boston Bag OffWhite$293.00 Gucci 247205 Nubuck Leather Vintage Web Boston Bag Brown$293.00 Gucci 247205 vintage web GG fabric boston bag Brown$243.00 Gucci 247205 vintage web GG fabric boston bag White$243.00 Gucci 247205 vintage web GG leather boston bag Black$293.00 Gucci 247205 vintage web GG leather boston bag Brown$293.00 Gucci 247205 vintage web leather boston bag Black$293.00 Gucci 247205 vintage web leather boston bag Brown$293.00 Gucci 247205 vintage web leather boston bag White$293.00 Gucci 247205 Vintage Web Medium Boston Bags FWCZG 4080 Blue$243.00 Gucci 247205 Vintage Web Medium Boston Bags FWCZG 9772$243.00

Displaying 31 to 60 (of 187 products) [<< Prev]   1  2  3  4  5 ...  7  [Next >>] 

New Products For January - Gucci Top HandlesGucci 271623 Seventies Medium Boston Bag White$294.00 Gucci 277514 Crocodile Stirrup Medium Top Handle Bag Red$334.00 Gucci 282302 Soho Boston Bag A7M0W 5309 Light Purple$290.00 Gucci 282347 Santa Monica Large Top Handle Bag Black$304.00 Gucci 277514 Ostrich Stirrup Medium Top Handle Bag Black$334.00 Gucci 277514 Stirrup Medium Top Handle Bag White$324.00 Gucci 277514 Ostrich Stirrup Medium Top Handle Bag Khaki$334.00 Gucci 282302 Soho Medium Boston Bag A7M0G 9022$290.00 Gucci 277514 Ostrich Stirrup Medium Top Handle Bag Light Coffee$334.00 Gucci 247205 Vintage Web Medium Embossed Boston Bags Orange$293.00 Gucci 271623 Seventies Medium Boston Bag Khaki$294.00 Gucci 277514 Crocodile Stirrup Medium Top Handle Bag Black$334.00 Gucci 277514 Stirrup Medium Top Handle Bag Ocher$324.00 Gucci 282302 Soho Medium Boston Bag A7M0G 1000$290.00 Gucci 247205 Vintage Web Medium Boston Bags FXO8G 8963 Black$243.00 Gucci 282302 Soho Boston Bag A7M0G 5517 Rose$290.00 Gucci 247205 Vintage Web Medium Boston Bags FWCZG 9772$243.00 Gucci 247205 Vintage Web Medium Boston Bags FWCZG 4080 Blue$243.00

    <a href="http://www.guccioutletsforsale.com/">Gucci Handbag OUTLET</a> &nbsp;&nbsp;
    <a href="http://www.guccioutletsforsale.com/">Gucci Wallet</a> &nbsp;&nbsp;
    <a href="http://www.guccioutletsforsale.com/">Gucci Belts</a> &nbsp;&nbsp;
    <a href="http://www.guccioutletsforsale.com/">New Gucci Handbag</a> &nbsp;&nbsp;
    <a href="http://www.guccioutletsforsale.com/">Gucci Totes Bags</a> &nbsp;&nbsp;
    <a href="http://www.guccioutletsforsale.com/">Gucci Handbag Discount</a>&nbsp;&nbsp;

Copyright © 2012-2014 All Rights Reserved.

gucci handbags gucci outlet online Store blog Store About lv-gucci.us blog

Posted By: wilberthackel on October 2, 2014

[b][url=http://www.lv-gucci.us/]gucci hangucci handbags gucci outlet online

You need to login to post a comment.