anchor.diff:      <section>
       <h2> A Simple Yet Complete Page </h2>
   
  -    <pre><code data-trim contenteditable>
  +    <pre><code data-trim >
   &lt;!DOCTYPE html&gt;
   &lt;html lang=&quot;en&quot;&gt;
   &lt;head&gt;
  
positive.code: &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.
  
  
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;
  