anchor.diff:      <ul class="list-three-tiles marketing--feature-boast">
         <li>
           <section>
  -          <span class="icon-clock"><i class="fa fa-clock-o"></i></span>
  -          <h2><span>Flexible and easy to use interface.</span></h2>
  -          <p>Nullam id ipsum quis leo dictum feugiat. Praesent rhoncus diam erat,
  -            vehicula cursus mi interdum nec.</p>
  +          <span class="icon-clock">
  +            <i class="fa fa-clock-o"></i>
  +          </span>
  +
  +          <h2>
  +            <span>
  +              Flexible and easy to use interface.
  +            </span>
  +          </h2>
  +
  +          <p>
  +            Nullam id ipsum quis leo dictum feugiat. Praesent rhoncus diam erat,
  +            vehicula cursus mi interdum nec.
  +          </p>
           </section>
         </li>
  +
         <li>
           <section>
  -          <span class="icon-user-add"><i class="fa fa-users"></i></span>
  -          <h2><span>It's never been easier to book resource.</span></h2>
  -          <p>Nullam id ipsum quis leo dictum feugiat. Praesent rhoncus diam erat,
  -            vehicula cursus mi interdum nec.</p>
  +          <span class="icon-user-add">
  +            <i class="fa fa-users"></i>
  +          </span>
  +
  +          <h2>
  +            <span>
  +              It's never been easier to book resource.
  +            </span>
  +          </h2>
  +
  +          <p>
  +            Nullam id ipsum quis leo dictum feugiat. Praesent rhoncus diam erat,
  +            vehicula cursus mi interdum nec.
  +          </p>
           </section>
         </li>
  +
         <li>
           <section>
  -          <span class="icon-marker"><i class="fa fa-map-marker"></i></span>
  -          <h2><span>Pinpoint clashes & your freelance needs.</span></h2>
  -          <p>Nullam id ipsum quis leo dictum feugiat. Praesent rhoncus diam erat,
  -            vehicula cursus mi interdum nec.</p>
  +          <span class="icon-marker">
  +            <i class="fa fa-map-marker"></i>
  +          </span>
  +
  +          <h2>
  +            <span>Pinpoint clashes &amp; your freelance needs.</span>
  +          </h2>
  +
  +          <p>
  +            Nullam id ipsum quis leo dictum feugiat. Praesent rhoncus diam erat,
  +            vehicula cursus mi interdum nec.
  +          </p>
           </section>
         </li>
       </ul>
  
positive.code:   </div>
  
    <div class="header--signup no-mobile">
      <form class="form--inline-2-inputs" action="//email.yourdaytheirday.com/t/r/s/tykhluh/" method="POST">
        <input class="large" type="email" placeholder="Email Address" name="cm-tykhluh-tykhluh" required />
        <input class="large" type="text" placeholder="Company Name" name="cm-f-jyddhtu" />
        <button class="button-primary large" type="submit">Sign Up</button>
      </form>
  
      <p>YDTD is in limited preview release. Sign up to get your invitation.</p>
  
negative.code:       <ul class="list-two-tiles">
          <% 4.times do %>
          <li>
            <blockquote
              itemprop="review"
              itemscope
              itemtype="http://schema.org/Review"
              >
              <p>
                “<span itemprop="reviewBody">Nullam id ipsum quis leo dictum feugiat. Praesent rhoncus diam erat, vehicula cursus mi interdum nec.</span>”
              </p>
              <cite>
                <span
                  itemprop="author"
                  itemscope
                  itemtype="http://schema.org/Organization"
                  >
                  <a href="#">
                    <img
                      src="<%= image_path('holding/logo-design-week.png') %>"
                      />
                  </a>
                </span>
              </cite>
            </blockquote>
  