<header>
  <h1>Welcome to my site!</h1>
  <nav role='navigation'>
    <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">About</a></li>
      <li><a href="#">Clients</a></li>
      <li><a href="#">Contact Us</a></li>
    </ul>
  </nav>  
</header>
<div role="main">
  <article>
    <h3>Cats are awesome!</h3>
    <div>Omnis necessitatibus repudiandae suscipit eos itaque perspiciatis quisquam magnam deserunt doloribus iste ab at maiores unde quod consequuntur odio quas? Aut neque rerum soluta aliquid consequuntur provident itaque numquam voluptatibus.</div>
    <img src="http://placekitten.com/300/200" alt="a kitten" />
  </article>
  <article>
    <h3>Links are super cool</h3>
    <div>Nisi doloremque expedita distinctio <a href="#">eos praesentium dolorem</a> facilis autem? </div>
    <h4>Reasons I like links:</h4>
    <ul>
      <li>Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</li>
      <li>Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.</li>
      <li>Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.</li>
      <li>Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.</li>
    </ul>
    
  </article>
  <article>
    <h3>Other Things I love, and stuff about them</h3>
    <dl>
      <dt>Definition list</dt>
      <dd>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna 
        aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
        commodo consequat.</dd>
      <dt>Lorem ipsum dolor sit amet</dt>
      <dd>Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna 
        aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
        commodo consequat.</dd>
    </dl>
  </article>
  <article>
    <h3>My Goals</h3>
    <ol>
      <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</li>
      <li>Aliquam tincidunt mauris eu risus.</li>
      <li>Vestibulum auctor dapibus neque.</li>
    </ol>
    
  </article>
</div>
<aside>
  <h3>Contact Us!</h3>
  <form action="#">
    <div>
      <label for="name">Your name:</label>
      <input type="text" name="name" id="name" placeholder="John Smith" required />
    </div>
    
    <fieldset>
      <legend>Favorite Post</legend>
      
      <label for="radio-choice-1">Cats</label>
      <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" />
      
      <label for="radio-choice-2">Links</label>
      <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2" />
    </fieldset>
    
    <div>
      <label for="select-choice">Reason you like Cats</label>
      <select name="select-choice" id="select-choice">
        <option value="Choice 1">cute</option>
        <option value="Choice 2">I hate cats</option>
        <option value="Choice 3">all of the above</option>
      </select>
    </div>
    
    <div>
      <label for="textarea">Message:</label>
      <textarea cols="40" rows="8" name="textarea" id="textarea"></textarea>
    </div>
    
    <div>
      <label for="checkbox">Do you like pizza?</label>
      <input type="checkbox" name="checkbox" id="checkbox" />
    </div>
    
    <div>
      <label for="rating">Rate Your Service (1-10)</label>
      <input type="range" name="rating" id="rating" min=1 max=11 />
    </div>
    
    <div>
      <input type="submit" value="Send!" />
    </div>
  </form>  
</aside>
<footer>
  Copyleft 2013 The Internet
</footer>