anchor.diff:              |   }
               | }
           p
  +          | Templates read directly from their component controllers. Any properties or functions placed on the component controller can be directly accessed from the template.
  +        p
             | In the template above binds to a <code>name</code> property through the <code>{{ }}</code> syntax. In the component's constructor the name property is being set to Alice. When the template is rendered, Alice will appear instead of <code>{{ name }}</code>.
  -        p
  -          | Templates read directly from their component controllers. Any properties or functions placed on the component controller can be directly accessed from the template.
         .clear
   
   .content-block.content-number.clearfix
  -  i.number.icon-number5.large
  +  i.number.icon-number4.large
     
     .c11
       header
       
         h3#section-transpile Bootstrap
       p
  -      | The last step to get your component to load on the page.
  +      | The last step to get the component to load on the page. 
         
       section.docs-sub-section
         h4 The <code>bootstrap</code> function
         .c6
           p
  -          | Angular provides a <code>bootstrap</code> function that renders your component to the page. 
  +          | Angular provides a <code>bootstrap</code> function that renders your component to the page. The <code>bootstrap</code> function takes a component as a parameter. Any child components inside of the parent component will be rendered as well.
  +          
  +        code
  +          pre bootstrap(App);
         .clear
  +      
  +    section.docs-sub-section
  +      h4 Declare the HTML
  +      .c6
  +        p
  +          | Create a <code>index.html</code> file.
  +          
  +        code
  +          pre &lt;app&gt;&lt;/app&gt;
  +      .clear      
   
   .content-block.content-number.clearfix
     i.number.icon-number6.large
  
positive.code:     
        h3#section-install-angular Install Angular
      p
        | Install Angular from npm.
        
  .content-block.content-number.clearfix
    i.number.icon-number2.large
    
    .c11
      header
      
        h3#section-transpile Transpile ES6 to ES5
      p
        | Angular is written in ES6 which needs to be transpiled to ES5 before reaching the browser.
        
  .content-block.content-number.clearfix
    i.number.icon-number3.large
    
    .c11
      header
      
        h3#section-transpile Import Angular
      p
        | Using the ES6 module syntax you can import Angular2.
      pre
        code
          | import {Component, Template, bootstrap} from 'angular2/angular2';
      p
        | The above import statement will import the three basic pieces needed to create an Angular app.
        
  
  .content-block.content-number.clearfix
    i.number.icon-number4.large
    
    .c11
      header
      
        h3#section-angular-create-account Create a component
      p
        | Angular is a component based framework. Components are used to structure and represent the UI. A <code>Component</code> is made up of two parts; the annotation section and the component controller.
      pre
        code
          | import {Component, Template, bootstrap} from 'angular2/angular2';
  
negative.code:             | })
              | @Template({
              |   inline: `
              |     &lt;h1&gt;Hello {{ name }}&lt;/h1&gt;
              |   `
              | })
          p
            | The <code>Component</code> created above will have a HTML tag of <code>&lt;app&gt;&lt;/app&gt;</code> and a template of <code>&lt;h1&gt;Hello {{ name }}&lt;/h1&gt;</code>.
        .clear
        
      section.docs-sub-section
  