<html>
 <head> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Web Page Title</title> 
  <style>body { font-family:Verdana,sans-serif; font-size:.9em } header,footer { padding:10px; color:#fff; background-color:slategrey } section { margin:5px 0; padding:10px; background-color:#d3d3d3 } article { margin:5px; padding:10px; background-color:#fff } .bluish { background-color:#add8e6 } .lightsalmon { background-color:#ffa07a } #orange { background-color:orange } #palegoldenrod { background-color:#eee8aa } nav ul { padding:0 } nav ul li { display:inline; margin:5px } img { max-width:100% }</style> 
 </head> 
 <body> 
  <header> 
   <h1>Templates</h1> 
  </header> 
  <nav> 
   <ul> 
    <li>News</li> 
    <li>Sports</li> 
    <li>Weather</li> 
   </ul> 
  </nav> 
  <section> 
   <h2>News Section</h2> 
   <article> 
    <h2><br></h2> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p> 
   </article> 
   <article class="bluish"> 
    <h2>News Article 2</h2> 
    <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p> 
   </article> 
  </section> 
  <footer> 
   <p>© 2014 Monday Times. All rights reserved.</p> 
  </footer>  
 </body>
</html>