anchor.diff:  &lt;/body&gt;
   &lt;/html&gt;
         </code></pre>
  -    <p> "Boilerplate" </p>
  +
       <aside class='notes'>
         It is the underlying structure. It influences your design, but for the most part it is not visible to the users.
   
  
positive.code:   <title> UX Design </title>
  <% end %>
  <section>
    <h1> UX Design </h1>
    <h3> User Experience of the Web </h3>
    <p>
      <small>
  
negative.code:     <p>This is content.</p>
      <h2>This is content.</h2>
      <p>This is <em>also</em> content.</p>
      <%= image_tag('../assets/slides/ux_design/smiley_face.jpg', size: '50')%>
    </section>
  
  
  
    <section>
      <h2> Required Structure </h2>
      <h3> "Boilerplate" </h3>
      <pre><code data-trim >
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  