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 December 22, 2014

New Arrival Toms Grid Rubber sole shoes Black - $27.00 : Professional toms shoes stores, shoestomsonline.com

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: #f4762a; 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}
    <a href="http://www.shoestomsonline.com/free-shipping">
     WELCOME TO TOMS SHOES STORES
    </a>













<a href="http://www.shoestomsonline.com/"></a>

Your cart is empty

    <li><a href="http://www.shoestomsonline.com/womens-toms-shoes-c-13.html">Toms Women shoes</a></li>
    <li><a href="http://www.shoestomsonline.com/mens-toms-shoes-c-14.html">Toms Men shoes</a></li>
    <li><a href="http://www.shoestomsonline.com/2014-new-arrival-toms-shoes-c-1.html">New Arrival Toms Shoes</a></li>

Currencies

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

Categories

2014 New Arrival Toms Shoes Womens Toms Shoes Mens Toms Shoes

Featured -   [more] Toms Womens Crochet shoes Black$85.00  $27.00Save: 68% offToms Womens Crochet shoes Beige$85.00  $27.00Save: 68% offWomens Toms Cordones Shoes Red$88.00  $27.00Save: 69% offToms Womens Crochet shoes Pink$85.00  $27.00Save: 68% off

  <a href="http://www.shoestomsonline.com/">Home</a>&nbsp;::&nbsp;

2014 New Arrival Toms Shoes ::  New Arrival Toms Grid Rubber sole shoes Black

.jqzoom{

float:left;

position:relative;

padding:0px;

cursor:pointer; width:301px; height:300px; }

New Arrival Toms Grid Rubber sole shoes Black

$88.00  $27.00Save: 69% off

Please Choose:

Size

M10=US/CA7=UK6=EUR 40 M11=US/CA8=UK7.5=EUR 41 M12=US/CA9=UK8=EUR 42 M13=US/CA10=UK9=EUR 43 M14=US/CA11=UK10=EUR 44 M15=US/CA12=UK11=EUR 45 W10=US/CA9=UK8=EUR40 W6=US/CA5.5=UK4=EUR36 W7=US/CA6.5=UK5=EUR37 W8=US/CA7.5=UK6=EUR38 W9=US/CA8.5=UK7=EUR39

  Size Chart

Add to Cart:           
  • Description

Description:Looking for the freshest styles of toms shoes. Huge Selection Of Latest toms 2013 collection. Warm head, creative mind. Thats just how it works. So pull on one of these soft beanies and see what you come up with. Its going to be good.With a great philosophy that with every pair of TOMS Shoes.The toms shoes has various different kinds of series of products such as women toms shoes, toms shoes for kids, toms shoes clearance and so on.Good ventilation ensure a comfortable shoe environment.Let's go for the trends in toms & fashion. Come to find the latest styles toms shoes for you.Model:New Arrival Toms30Product categories: Canvas Rubber sole shoesFunction: warmUpper height: low helpSuitable for seasons:spring,autumn

Related Products

Toms women Zebra shoes Blue

New Arrival Toms women Classics Shoes Beggar Bule

New Arrival Toms Flax Knit Strip Shoes Blue

Toms 2014 New Arrival Womens Strip Star Shoes Blue White

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Help Center

    <a href="http://www.shoestomsonline.com/index.php?main_page=shippinginfo">Order Tracking</a>
    <a href="http://www.shoestomsonline.com/index.php?main_page=Coupons">Coupons</a>
    <a href="http://www.shoestomsonline.com/index.php?main_page=contact_us">Contact Us</a>

   Payment & Shipping

    <a href="http://www.shoestomsonline.com/index.php?main_page=shippinginfo">Shipping</a>
    <a href="http://www.shoestomsonline.com/index.php?main_page=Payment_Methods">Wholesale</a>
<a href="http://www.shoestomsonline.com/index.php?main_page=Payment_Methods">Payment Methods</a>

   Customer Service

    <a href="http://www.shoestomsonline.com/index.php?main_page=Size">Size Chart</a>
<a href="http://www.shoestomsonline.com/index.php?main_page=contact_us">About Us</a>





&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Hot Sales

    <a href="http://www.lojsp.com/">Toms Women shoes</a>
    <a href="http://www.lojsp.com/">Toms Men shoes</a>
    <a href="http://www.lojsp.com/">Toms Kids Shoes</a>
    <a href="http://www.lojsp.com/">New Arrival Toms Shoes</a>

Copyright © 2012-2014 All Rights Reserved.

2014 New style toms shoes TOMS Official Outlet Store

Posted By: wilberthackel on December 22, 2014

[b][url=http://www.shoestomsonline.com/]2014 New st2014 New style toms shoes TOMS Official Outlet Store

Posted By: wilberthackel on December 22, 2014

Cheap Moncler Cheap Moncler Cheap Moncler Jackets outlet online

Moncler Women :

language:         
                                   

    Welcome!
        <a href="http://www.monclersalemalls.com/index.php?main_page=login">Sign In</a>
or    <a href="http://www.monclersalemalls.com/index.php?main_page=create_account">Register</a>

Your cart is empty


Currencies

US Dollar (USD) Euro (EUR) GB Pound (GBP) Canadian Dollar (CAD) Australian Dollar (AUD) Jappen Yen (JPY) Norske Krone (NOK) Swedish Krone (SEK) Danish Krone (DKK) CNY (CNY)

Categories

2014 Moncler Moncler Men Moncler Women Moncler Coats Womens Moncler Jackets Womens Moncler Vests Womens Moncler Shawl Moncler Boots Moncler Scarf & Caps

Bestsellers

  1. 2013 New! Moncler Euramerican Style Down Coats Womens Black $742.00  $295.00Save: 60% off

Featured -   [more] Moncler Branson Classic Men Down Jackets With Hat Purple$590.00  $278.00Save: 53% offMoncler Men 2014 black and red 8505$1,005.00  $298.00Save: 70% offMoncler Women Gray 3021$605.00  $300.00Save: 50% off

  <a href="http://www.monclersalemalls.com/">Home</a>&nbsp;::&nbsp;

Moncler Women

Moncler Women

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 73 to 90 (of 420 products) [<< Prev]   1 ... 3  4  5  6  7 ...  24  [Next >>] 

2013 New! Moncler Sanglante Eider Down Jacket Women BlackMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $291.00Save: 57% off 2013 New! Moncler Seon Euramerican Style Coat For Women BlackMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$787.00  $281.00Save: 64% off 2013 New! Moncler Seon Euramerican Style Coat For Women CoffeeMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$787.00  $278.00Save: 65% off 2013 New! Moncler Sumiko Jackets Women Button Buckle BlackMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$561.00  $281.00Save: 50% off 2013 New! Moncler Top Quality Womens Down Jackets Zip BlackMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $281.00Save: 59% off 2013 New! Moncler Top Quality Womens Down Jackets Zip Green CardMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $279.00Save: 59% off 2013 New! Moncler Top Quality Womens Down Jackets Zip WhiteMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $283.00Save: 58% off 2013 New! Moncler Top Quality Womens Down Jackets Zip YellowMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $284.00Save: 58% off 2013 New! Moncler Trinon Jackets Womens Zip Button Hat BlackMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$566.00  $276.00Save: 51% off 2013 New! Moncler Windproof Womens Jackets Stand Collar BlackMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $280.00Save: 59% off 2013 New! Moncler Windproof Womens Jackets Stand Collar Green CardMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $279.00Save: 59% off 2013 New! Moncler Windproof Womens Jackets Stand Collar RedMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $284.00Save: 58% off 2013 New! Moncler Winter Jackets Womens Zip Stand Collar BlackMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $281.00Save: 59% off 2013 New! Moncler Winter Jackets Womens Zip Stand Collar WhiteMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $279.00Save: 59% off 2013 New! Moncler Winter Jackets Womens Zip Stand Collar YellowMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $279.00Save: 59% off 2013 New! Moncler Women Down Jacket Double Stand Collar BlackMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $288.00Save: 58% off 2013 New! Moncler Women Down Jacket Double Stand Collar CoffeeMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $289.00Save: 57% off 2013 New! Moncler Womens Down Jackets Featured Zip Army GreenMoncler the origins The origins of the name reveal its roots: indeed the Moncler...$678.00  $282.00Save: 58% off

Displaying 73 to 90 (of 420 products) [<< Prev]   1 ... 3  4  5  6  7 ...  24  [Next >>] 

.articles{width:900px; margin:0 auto;} .articles ul{width:900px; } .articles li{width:450px; float:left;}

    <ul>
    <li><a href="http://www.monclersalemalls.com/index.php">Home</a></li>
    <li><a href="http://www.monclersalemalls.com/index.php?main_page=shippinginfo">Shipping</a></li>
    <li><a href="http://www.monclersalemalls.com/index.php?main_page=Payment_Methods">Wholesale</a></li>
    <li><a href="http://www.monclersalemalls.com/index.php?main_page=shippinginfo">Order Tracking</a></li>
    <li><a href="http://www.monclersalemalls.com/index.php?main_page=Coupons">Coupons</a></li>
    <li><a href="http://www.monclersalemalls.com/index.php?main_page=Payment_Methods">Payment Methods</a></li>
    <li><a href="http://www.monclersalemalls.com/index.php?main_page=contact_us">Contact Us</a></li>      
<li><a href="http://www.monclersalemalls.com/index.php?main_page=Size">Size Chart</a></li>
    </ul>



 <ul>
    <li><a href="http://www.monclerpaschere.co/">Moncler Men Coats</a></li>
    <li><a href="http://www.monclerpaschere.co/">Moncler Men Jackets</a></li>
    <li><a href="http://www.monclerpaschere.co/">Moncler Women Coats</a></li>
    <li><a href="http://www.monclerpaschere.co/">Moncler Women Jackets</a></li>
    <li><a href="http://www.monclerpaschere.co/">Moncler Vest</a></li>
</ul>

Copyright © 2012-2014 All Rights Reserved.

moncler sale moncler outlet store

Posted By: wilberthackel on December 22, 2014

[b][url=http://monclersalemalls.com/]monclemoncler sale moncler outlet store

Posted By: wilberthackel on December 22, 2014

lv outlet online lv outlet store louis vuitton outlet

Louis Vuitton Delightful Monogram MM - $234.00 : Louis Vuitton Bags Outlet Stores, llouisvuittonbags.com

language:         
                                   

  <p><a href="http://www.s-qr.org/"></a></p>
  <p>
  <a href="http://www.s-qr.org/index.php?main_page=Payment_Methods">Wholesale</a>

Shipping Info Payment Methods Contact Us

  </p>

   Welcome   
    GUEST, PLEASE     <a href="http://www.s-qr.org/index.php?main_page=login">Sign In</a>
or    <a href="http://www.s-qr.org/index.php?main_page=create_account">Register</a>



    <a href="http://www.s-qr.org/index.php?main_page=shopping_cart">Shopping Bag:</a>&nbsp&nbsp(Your cart is empty) 









<ul>




    <ul>
        <li><a href="http://www.s-qr.org/index.php">Home</a></li>
    <li><a href="http://www.s-qr.org/women-c-1.html">Womens</a></li>
    <li><a href="http://www.s-qr.org/men-c-19.html">Mens</a></li>
    <li><a href="http://www.s-qr.org/styles-c-27.html">New Arrivals</a></li>
    </ul>
    </ul>

Currencies

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

Categories

MEN STYLES WOMEN Bag Charms And Key Rings Belts HANDBAGS Scarves Shoes Sunglasses Wallets

Featured - more Louis Vuitton Lily$334.00  $159.00Save: 52% offLouis Vuitton Batignolles$361.00  $225.00Save: 38% offLouis Vuitton Catalina NS$355.00  $218.00Save: 39% offLouis Vuitton Alma MM$414.00  $257.00Save: 38% off

  <a href="http://www.s-qr.org/">Home</a>&nbsp;::&nbsp;

WOMEN ::  Louis Vuitton Delightful Monogram MM

.jqzoom{

float:left;

position:relative;

padding:0px;

cursor:pointer; width:301px; height:300px; }"

Louis Vuitton Delightful Monogram MM

$376.00  $234.00Save: 38% off

Add to Cart:           

Fearture:* Natural cowhide leather trimmings* Golden brass hardware* Snap hook closure* 1 interior zipped pocket* D-ring to hang keys and pouches* Striped textile lining inspired by vintage Louis Vuitton trunks Description:The Delightful Monogram MM embodies everyday elegance. In supple yet resistant Monogram canvas, its lightweight feel, generous interior and luxuriously soft embossed handle make it chic yet practical.

Related Products

Louis Vuitton Neverfull GM Capri

Louis Vuitton Catalina NS

Louis Vuitton Trevi PM

Louis Vuitton Iris

<a href="http://llouisvuittonbags.com/">Cheap Louis Vuitton Handbag</a>&nbsp;&nbsp;
    <a href="http://llouisvuittonbags.com/">Louis Vuitton Belts</a> &nbsp;&nbsp;
<a href="http://llouisvuittonbags.com/">Louis Vuitton Travel</a> &nbsp;&nbsp;
<a href="http://llouisvuittonbags.com/">Louis Vuitton Wallets</a> &nbsp;&nbsp;
<a href="http://llouisvuittonbags.com/">Louis Vuitton Scarves</a> &nbsp;&nbsp;
<a href="http://llouisvuittonbags.com/">Louis Vuitton High Imitate</a>&nbsp;&nbsp;

Copyright © 2012 All Rights Reserved.

lv scarves lv shoes online blog online About s-qr.org blog

Posted By: wilberthackel on December 22, 2014

[b][url=http://www.s-qr.org/]lv slv scarves lv shoes

You need to login to post a comment.