Advertisement
Guest User

Basic HTML5 layout

a guest
Apr 7th, 2010
423
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 1.25 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <html dir="ltr" lang="en">
  4.  
  5.     <head>
  6.  
  7.         <meta charset="utf-8" />
  8.  
  9.         <title></title>
  10.  
  11.         <link rel="stylesheet" href="estilos/personal.css" />
  12.  
  13.         <!--[if IE]>
  14.         <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  15.         <![endif]-->
  16.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  17.         <script src="js/general.js"></script>
  18.  
  19.         <link rel="alternate" type="application/atom+xml" title="Atom feed" href="feed/">
  20.  
  21.     </head>
  22.  
  23.     <body>
  24.  
  25.         <div id="wrap">
  26.  
  27.             <header id="main-header">
  28.  
  29.                 <figure>
  30.  
  31.                     <img alt="Logo" height="" src="images/logo.png" width="" />
  32.  
  33.                 </figure>
  34.  
  35.                 <nav id="main-navigation">
  36.  
  37.                     <ul>
  38.  
  39.                         <li><a href="/">Home</a></li>
  40.                         <li><a href="/projects/">Projects</a></li>
  41.                         <li><a href="/author/">About</a></li>
  42.  
  43.                     </ul>
  44.  
  45.                 </nav>
  46.  
  47.             </header>
  48.  
  49.             <section id="content">
  50.  
  51.                 <hgroup>
  52.  
  53.                     <h1>Business website</h1>
  54.                     <h2>And also personal blog</h2>
  55.  
  56.                 </hgroup>
  57.  
  58.                 <p id="hello">Hello world</p>
  59.  
  60.             </section>
  61.  
  62.             <footer id="main-footer">
  63.  
  64.                 <p><small><a href="/author/" rel="author">Andrés Botero</a> &copy; 2010. No rights reserved.</small></p>
  65.  
  66.             </footer>
  67.  
  68.         </div>
  69.  
  70.     </body>
  71.  
  72. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement