anchor.diff:  .l-main-section
     h2#section-transpile 4. Bootstrap
   
  -  p The last step to load the component on the page.
  -
  -  .l-sub-section
  -    h3 The <code>bootstrap</code> function
  -    p.
  -      Angular provides a <code>bootstrap</code> function that renders a
  -      component to the page. The <code>bootstrap</code> function takes a
  -      component as a parameter. Any child components inside of the parent
  -      component will render as well.
  -
  -    pre.prettyprint.linenums
  -      code bootstrap(MyAppComponent);
  -
  +  p The last step to load the component on the page. At the bottom of <code>app.es6</code> call the <code>bootstrap()</code> function.
  +    
  +  pre.prettyprint.linenums
  +    code bootstrap(MyAppComponent);
  +  
  +  
  +  p.
  +    Angular provides a <code>bootstrap</code> function that renders a
  +    component to the page. The <code>bootstrap</code> function takes a
  +    component as a parameter. Any child components inside of the parent
  +    component will render as well.
   
   
   // STEP 5 - Declare the HTML ##########################
  
positive.code: // STEP 3 - Create a component ##########################
  .l-main-section
  
    h2#section-angular-create-account 3. Create a component
  
    p.
      Components structure and repre.prettyprint.linenumssent the UI. This quickstart
      demonstrates the process of creating a component. This component will have the tag of app,
      <code>&lt;my-app&gt;&lt;/my-app&gt;</code>.
  
    p A component consists of two parts; the annotation section and the component controller.
  
    pre.prettyprint.linenums
      code.
        // app.es6
        import {Component, Template, bootstrap} from 'angular2/angular2';
  
        // Annotation Section
        @Component({
          selector: 'my-app'
  
negative.code:         }
        }
  
    .l-sub-section
      h3 Component Annotations
  
      p.
        A component annotation provides metadata about the component.
        An annotation can always identified by its at-sign (<code>@</code>).
      p.
        The <code>@Component</code> annotation defines the HTML tag for the component.
        The <code>selector</code> property is a CSS selector which specifies the HTML tag for the component.
  
      p.
        The <code>@Template</code> annotation defines the template to apply to the component. 
        This component uses an inline template, but external templates are
        available as well. To use an external template specify a <code>url</code> property
        and give it the path to the html file.
  
      pre.prettyprint.linenums
        code.
          @Component({
            selector: 'my-app' // Defines the &lt;my-app&gt;&lt;/my-app&gt; tag
          })
          @Template({
            inline: '&lt;h1&gt;Hello {{ name }}&lt;/h1&gt;' // Defines the inline template for the component
          })
  
      p.
        The component created above has a HTML tag of <code>&lt;my-app&gt;&lt;/my-app&gt;</code>
        and a template of <code>&lt;h1&gt;Hello <code>{{</code> name }}&lt;/h1&gt;</code>.
  
    .l-sub-section
  