anchor.diff:              &lt;/span&gt;
             &lt;/p&gt;
             &lt;p&gt;Access the ...&lt;/p&gt;
  -          &lt;a href="http://2016.geoenvironmentconference.org/" #[u itemprop="url"]&gt;Event Details&lt;/a&gt;
           &lt;/div&gt;
     section.sg-sect#overlay-component
       h2 The Overlay Component
  
positive.code:           , addressRegion_title : 'Colorado'
            }
          }
        div.c-Hero
          +hero-content(demoevent)
        p Classes:
        pre.
          &lt;div class="#[u c-Hero]"&gt;
  
negative.code:           , addressRegion_title : 'Illinois'
            }
          }
        //- div.c-OtherYear
          +otheryear-content(demoevent)
            p.c-OtherYear__Desc.
              Access the 2016 program to see which sessions qualify for
              PDHs and other documentation.
        div.c-OtherYear.
          <h1 class="c-OtherYear__Name" id="geo-chicago-2016" itemprop="name">Geo-Chicago 2016</h1>
          <meta content="2016-08-14" itemprop="startDate"/>
          <p class="c-OtherYear__Detail" itemprop="location" itemscope="" itemtype="http://schema.org/PostalAddress">
            <span itemprop="name">
              <span itemprop="addressLocality">Chicago, </span>
              <abbr title="Illinois" itemprop="addressRegion">IL</abbr>
            </span>
          </p>
          <p class="c-OtherYear__Desc">Access the 2016 program to see which sessions qualify for PDHs and other documentation.</p>
        p Classes:
        pre.
          &lt;div class="#[u c-OtherYear]"&gt;
            &lt;h1 class="#[u c-OtherYear__Name]"&gt;Geo-Chicago 2016&lt;/h1&gt;
            &lt;p class="#[u c-OtherYear__Detail]"&gt;Chicago, IL&lt;/p&gt;
            &lt;p class="#[u c-OtherYear__Desc]"&gt;Access the ...&lt;/p&gt;
          &lt;/div&gt;
        p Microdata:
        pre.is-md.
  