anchor.diff:        .row
           .col-md-6.col-md-offset-3.text-center
             h2(style='margin-bottom: 30px;') Spot
  -          p A photo background square box that display a heading.
  +          p A photo background square box that just display a heading with a hyperlink.
             pre
               | /* How to composite a Spot element. */
               | 
               | // Step 1: Require partjs elements.
  -            | var Elements = require('elements');
  +            | var Elements = require('partjs-elements');
               | 
               | // Step 2: Create an element instance and bind data.
               | this.widget = new Elements.Spot({
  
positive.code: block neck
  
  block feet
    script(src='/elements/build/bundle.js?#{cacheBreaker}')
  
  block body
  
  
negative.code:             | // * and composite UI.
              | this.widget.add({
              |   title: 'Coders', 
              |   href: 'https://www.mokoversity.com/coders',
              |   img: '//static.mokoversity.com/images/gallery/spot-course.jpg'
              | });
              | this.widget.add({
              |   title: 'Makers', 
              |   href: 'https://www.mokoversity.com/makers',
              |   img: '//static.mokoversity.com/images/gallery/spot-online.jpg'
              | });
              | this.widget.add({
              |   title: 'Training', 
              |   href: 'https://www.mokoversity.com/camp/full-stack',
              |   img: '//static.mokoversity.com/images/gallery/spot-training.jpg'
              | });
        section.spot-box
          .row.text-center#demo-spot
            a.ghost-button.ghost-button-inverse#btn-demo-spot(href='#') Run
  
    script(type='text/template', id='tmpl-spot-news')
      .col-md-4
        a.text-center.btn-spot-news(href!='<%= href %>', data-id!='<%= spotId %>')
          img.img-responsive(src!='<%= img %>')
          .info
            h2 <%= title %>