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 19, 2014

patek philippe watches | patek philippe watches | patek philippe replica watches | patek philippe replica watches | patek philippe watches | patek philippe watches patek philippe watches | patek philippe watches | patek philippe replica watches | patek philippe replica watches | patek philippe watches | patek philippe watches patek philippe watches patek philippe nautilus replica watches blog watches About blog

Posted By: wilberthackel on December 19, 2014

mbt shoes mbt shoes clearance outlet mbt shoes usa ÎïÒµ6Ôª£¬300ƽ·½£¬2Ôª.µç»°18616850982 shoes blog shoes About cy366.net blog

Posted By: wilberthackel on December 19, 2014

[b][url=http://www.cy366.net/]mbt shoes[/url][/b] [b][url=http://www.cy366.netmbt shoes mbt shoes clearance outlet mbt shoes usa ÎïÒµ6Ôª£¬300ƽ·½£¬2Ôª.µç»°18616850982

Posted By: wilberthackel on December 19, 2014

[b][url=http://www.speedmasteromega.com/]AAA replica omega watches[/url][/b] [b][url=http://www.speedmasteromega.com/]replica omega watches[/url][/b] [b][url=http://www.speedmasteromega.com/]copy omega watches[/url][/b]

[b][url=http://www.speedmasteromega.com/]AAA replica omega watches[/url][/b] [b][url=http://www.speedmasteromega.com/]replica omega watches[/url][/b] [b][url=http://www.speedmasteromega.com/]copy omega watches[/url][/b]

[b][url=http://www.speedmasteromega.com/]1000 omega watches[/url][/b] [b][url=http://www.speedmasteromega.com/omega-basel-c-1.html]omega 2013[/url][/b]

[url=http://monclersale56.webs.com] watches blog [/url]

[url=http://watches71.webs.com] watches [/url]

[url=http://pandorasale52.webs.com] About blog [/url]

Posted By: wilberthackel on December 19, 2014

[b][url=http://www.speedmasteromega.com/]AAA replica omega watches[/url][/b] [b][url=http://www.speedmasteromega.com/]replicaAAA replica omega watches replica omega watches copy omega watches

1000 omega watches omega 2013

Posted By: wilberthackel on December 19, 2014

rolex new 2013 rolex basel rolex Yacht-Master II ÎïÒµ6Ôª£¬300ƽ·½£¬2Ôª.µç»°18616850982 replica blog replica About fmcpsp.org blog

Posted By: wilberthackel on December 19, 2014

[b][url=http://www.fmcpsp.org/]rolex new 2013[/url][/b] [b][url=http://www.fmrolex new 2013 rolex basel rolex Yacht-Master II ÎïÒµ6Ôª£¬300ƽ·½£¬2Ôª.µç»°18616850982

Posted By: wilberthackel on December 19, 2014

moncler boots | moncler boots | moncler outlet | moncler outlet | moncler boots | moncler boots

Links of London Booby trap bra [links190288] - $30.00 : Links of London online store, linksoflondon.moncleroutletshopping.com

language:         
                                   

Payment |  Shipping & Returns  |  Wholesale |  Contact Us

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

Your cart is empty

    <li><a href="http://linksoflondon.moncleroutletshopping.com/">Home</a></li>
    <li><a href="http://linksoflondon.moncleroutletshopping.com/new-arrivals-c-1.html">New Arrivals</a></li>
    <li><a href="http://linksoflondon.moncleroutletshopping.com/links-of-london-bangles-c-6.html">Bangles</a></li>
    <li><a href="http://linksoflondon.moncleroutletshopping.com/links-of-london-bracelets-c-3.html">Bracelets</a></li>
            <li><a href="http://linksoflondon.moncleroutletshopping.com/links-of-london-charms-c-1.html">Charms</a></li>
            <li><a href="http://linksoflondon.moncleroutletshopping.com/links-of-london-sweetie-c-11.html">Sweetie</a></li>

            <li><a href="http://linksoflondon.moncleroutletshopping.com/index.php?main_page=contact_us">Contact Us</a></li>

Currencies

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

Categories

Links of London Rings Links of London Sweetie Links of London Bangles Links of London Bracelets Links of London Chains Links of London Charms Links of London Earrings Links of London Friendship Links of London Key rings Links of London Necklaces Links of London New Arrivals Links of London Watches

Featured -   [more] Links of London Pink bag charm$51.00  $30.00Save: 41% offLinks of London Sweetie chain necklace with a driver aqua gp wat$319.00  $87.00Save: 73% offLinks of London Four charms bracelet$179.00  $61.00Save: 66% off

  <a href="http://linksoflondon.moncleroutletshopping.com/">Home</a>&nbsp;::&nbsp;

Links of London Charms ::  Links of London Booby trap bra

.jqzoom{

float:left;

position:relative;

padding:0px;

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

Links of London Booby trap bra

$75.00  $30.00Save: 60% off

Add to Cart:           

Size:1.0cm * 1.3cm A cheeky sterling silver with bright pink enamel accented Booby-Trap Bra charm. Old world burlesque style and representing the newest fashion trend. Links of London product is recognized for personalized items like charms, rings, bracelets, along with earrings that happen to be nice along with laid-back at the same time. The firm furthermore features a group of designer watches along with range of promotional items. The look Links of London sale will be specialized in providing you all those gorgeous and stylish items with cheap prices. Links of London charms are generally recognized as the planet company. People characterize royal, magnificence, fashion as well as other phrases and words you possibly can call in your thoughts. With their eye-cathing models, people will like Links of London charms on the primary view. Have you thought to get one yourself as a present? You can find in which other folks is going to jealousy anyone. Visit pick.

  • Model: links190288

Related Products

Links of London little boy silver charm

Links of London saddle charm

Links of London Killer heels charm with a diamond

Links of London Ice Cream Charm

    <a href="http://linksoflondon.moncleroutletshopping.com/links-of-london-bangles-c-6.html">Links of London Bangles</a> &nbsp;&nbsp;
    <a href="http://linksoflondon.moncleroutletshopping.com/links-of-london-bracelets-c-3.html">Links of London Bracelets</a> &nbsp;&nbsp;
    <a href="http://linksoflondon.moncleroutletshopping.com/links-of-london-bracelets-c-3.html">Links of London Charms</a> &nbsp;&nbsp;
    <a href="http://linksoflondon.moncleroutletshopping.com/links-of-london-earrings-c-7.html">Links of London Earrings</a> &nbsp;&nbsp;
    <a href="http://linksoflondon.moncleroutletshopping.com/links-of-london-friendship-c-12.html">Links of London Friendship</a>&nbsp;&nbsp;

Copyright © 2012 All Rights Reserved.

jacket moncler moncler outlet uced making use of these automobiles.The usage of petroleum is actually significantly reduced when buying a model which usually runs at biofuel.

If you happen to were asking if there would be anything unfavorable to reveal in regards to the plug for hybrid, absolutely yes, there usually are disadvantages to applying car.It's very expensive to look after and try to find a plug inside hybrid power supply.The selling price of standard hybrids raises by about $3000, when adding any such battery towards preexisting models.If quite a few car companies better of the connect in hybrid bandwagon, variances the battery packs may decrease in the future.

A onetime incentive take into consideration regarding the plug in hybrid car will be promise of your Clean Supply Vehicle Fed tax lowering.This incentive ideal for $2000.Remember the fact that you have to replace ones battery often considering that lifespan of a plug with selection might be drastically reduced with the constant getting cycles.Mileage could also be affected from the weight of any plug in battery, which stems from long car or truck rides.Although automobile will likely need to work harder to deal with this fat, it will not produce the slower vehicle.The Web-based is heaped with additional details concerning the plug with hybrid, that is definitely just an excellent as the average, offering even more possibilities. boots blog boots About moncleroutletshopping.com blog

Posted By: wilberthackel on December 19, 2014

[b]jacket moncler[/b] [b][url=http://www.moncleroutletshopping.com/women-moncler-jackets-c-10.html]moncler outlet[/url][/b] uced making use of these automobiles.The usage of petroleum is actually significantly reduced when buying a model which usually runs at biofuel. If you happen to were asking if there would be anything unfavorable to reveal in regards to the plug for hybrid, absolutely yes, there usually are disadvantages to applying car.It's very expensive tojacket moncler moncler outlet uced making use of these automobiles.The usage of petroleum is actually significantly reduced when buying a model which usually runs at biofuel.

If you happen to were asking if there would be anything unfavorable to reveal in regards to the plug for hybrid, absolutely yes, there usually are disadvantages to applying car.It's very expensive to look after and try to find a plug inside hybrid power supply.The selling price of standard hybrids raises by about $3000, when adding any such battery towards preexisting models.If quite a few car companies better of the connect in hybrid bandwagon, variances the battery packs may decrease in the future.

A onetime incentive take into consideration regarding the plug in hybrid car will be promise of your Clean Supply Vehicle Fed tax lowering.This incentive ideal for $2000.Remember the fact that you have to replace ones battery often considering that lifespan of a plug with selection might be drastically reduced with the constant getting cycles.Mileage could also be affected from the weight of any plug in battery, which stems from long car or truck rides.Although automobile will likely need to work harder to deal with this fat, it will not produce the slower vehicle.The Web-based is heaped with additional details concerning the plug with hybrid, that is definitely just an excellent as the average, offering even more possibilities.

Posted By: wilberthackel on December 19, 2014

[b][url=http://www.coolbikinishop.com/]Sexy Bikinis[/url][/b] [b][url=http://www.coolbikinishop.com/]Sexy Swimsuits[/url][/b] [b][url=http://www.coolbikinishop.com/]Cheap and Sexy Bikinis for Women[/url][/b]

ÎïÒµ6Ôª£¬300ƽ·½£¬2Ôª.µç»°18616850982

[url=http://tiffany755.webs.com] swimwear blog [/url]

[url=http://tiffany634.webs.com] swimwear [/url]

[url=http://cheaptiffany3725.webs.com] About coolbikinishop.com blog [/url]

Posted By: wilberthackel on December 19, 2014

[b]Sexy Bikinis[/b] [b][url=http://www.coolbikSexy Bikinis Sexy Swimsuits Cheap and Sexy Bikinis for Women ÎïÒµ6Ôª£¬300ƽ·½£¬2Ôª.µç»°18616850982

Posted By: wilberthackel on December 19, 2014

[b][url=http://www.mens-timberland-boots.com/]timberland shoes[/url][/b] | [url=http://timberlandshoes84.webs.com]timberland shoes[/url] | [b][url=http://www.mens-timberland-boots.com/]timberland outlet[/url][/b] | [url=http://timberlandshoes84.webs.com]timberland outlet[/url] | [b][url=http://www.mens-timberland-boots.com/]timberland shoes[/url][/b] | [url=http://timberlandshoes84.webs.com]timberland shoes[/url] [b][url=http://www.mens-timberland-boots.com/]timberland shoes[/url][/b] | [url=http://timberlandshoes84.webs.com]timberland shoes[/url] | [b][url=http://www.mens-timberland-boots.com/]timberland outlet[/url][/b] | [url=http://timberlandshoes84.webs.com]timberland outlet[/url] | [b][url=http://www.mens-timberland-boots.com/]timberland shoes[/url][/b] | timberland shoes [b][url=http://www.mens-timberland-boots.com/]timberland discount shoes[/url][/b] [b]discount timberland boots[/b]

[url=http://uggsclearance615.webs.com] shoes blog [/url]

[url=http://moncleroutletstore15.webs.com] shoes [/url]

[url=http://hermeshandbagsoutlet2.webs.com] About blog [/url]

Posted By: wilberthackel on December 19, 2014

[b]timberland shoes[/b] | [url=http://timberlandshoes84.webs.com]timberland shoes[/url] | [b][url=http://www.mens-timberland-boots.com/]timberlantimberland shoes | timberland shoes | timberland outlet | timberland outlet | timberland shoes | timberland shoes timberland discount shoes discount timberland boots

You need to login to post a comment.