Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

css test

By: a guest on Sep 15th, 2011  |  syntax: HTML 5  |  size: 2.73 KB  |  views: 110  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <header>
  2.         <h1><img src="images/logo.jpg" title="website title" /></h1>
  3.         <h2>A Slogan here</h2>
  4.     <nav>
  5.         <ul id="list-nav">
  6.             <li><a href="#">Home</a></li>
  7.             <li><a href="#">About Us</a></li>
  8.             <li><a href="#">Services</a></li>
  9.             <li><a href="#">Products</a></li>
  10.             <li><a href="#">Contact</a></li>
  11.         </ul>
  12.     </nav>
  13. </header>
  14.  
  15. <section>
  16.     <h2>Page title</h3>
  17.    
  18.     <article>
  19.         <section>
  20.             <h1>Shop Name</h1>
  21.             <address>Address</address>
  22.             <p>Description here in this part, etc...</p>
  23.             <h2>Open Hours</h2>
  24.             <span>18:00 - 01:00</span>
  25.         </section>
  26.  
  27.         <section>  
  28.             <h4>Photographs</h4>
  29.             <img src="images/photo1.jpg" /><img src="images/photo2.jpg" /><img src="images/photo3.jpg" />
  30.         </section>
  31.                
  32.         <section>  
  33.             <h4>Services</h4>
  34.             <p></p>
  35.         </section>
  36.                
  37.         <section>
  38.                 <h4>Map Directions</h4>
  39.             <div class="the_map"><img src="images/map.jpg"/></div>
  40.             <h4>Comments</h4>
  41.                         <h5>Comment title</h5>
  42.             <p>This is the comment number 1</p>
  43.             <h5>Comment title</h5>
  44.             <p>This is the comment number 2</p>
  45.             <h5>Comment title</h5>
  46.             <p>This is the comment number 3</p>
  47.         </section>
  48.     </article>
  49.  
  50.     <article>
  51.         <section>
  52.             <h1>Shop Name 2</h1>
  53.             <address>Address</address>
  54.             <p>Description here in this part, etc...</p>
  55.             <h2>Open Hours</h2>
  56.             <span>18:00 - 01:00</span>
  57.         </section>
  58.  
  59.         <section>  
  60.             <h4>Photographs</h4>
  61.             <img src="images/photo1.jpg" /><img src="images/photo2.jpg" /><img src="images/photo3.jpg" />
  62.         </section>
  63.                
  64.         <section>  
  65.             <h4>Services</h4>
  66.             <p></p>
  67.         </section>
  68.                
  69.         <section>
  70.                 <h4>Map Directions</h4>
  71.             <div class="the_map"><img src="images/map.jpg"/></div>
  72.             <h4>Comments</h4>
  73.                         <h5>Comment title</h5>
  74.             <p>This is the comment number 1</p>
  75.             <h5>Comment title</h5>
  76.             <p>This is the comment number 2</p>
  77.             <h5>Comment title</h5>
  78.             <p>This is the comment number 3</p>
  79.         </section>
  80.        
  81.     </article>
  82. </section>
  83.  
  84. <footer>
  85.     <nav>
  86.         <ul id="list-nav">
  87.             <li><a href="#">Home</a></li>
  88.             <li><a href="#">About Us</a></li>
  89.             <li><a href="#">Services</a></li>
  90.             <li><a href="#">Products</a></li>
  91.             <li><a href="#">Contact</a></li>
  92.         </ul>
  93.     </nav>
  94. </footer>