anchor.diff:  // 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.
  +  h2#section-angular-create-account 3. Define a component
  +
  +  p.
  +    Components structure and represent the UI. This quickstart demonstrates the process of creating a component. 
  +    The component will have an HTML tag named app,
  +    <strong><code>&lt;my-app&gt;&lt;/my-app&gt;</code></strong>.
  +
  +  p.
  +    A component consists of two parts; the <strong>annotation section</strong> 
  +    and the <strong>component controller</strong>.
   
     pre.prettyprint.linenums
       code.
  -      // app.es6
  -      import {Component, Template, bootstrap} from 'angular2/angular2';
  -
         // Annotation Section
         @Component({
           selector: 'my-app'
  
positive.code:         }
        }
  
        // Render the app to the page
        bootstrap(MyAppComponent);
  
    .l-sub-section
      h3 Component Annotations
  
      p.
        A component annotation provides metadata about the <code>component</code>.
        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>@Component</code>
        annotation is imported in the first line of <code>app.es6</code>.
        The selector property specifies the tag. The <code>selector</code> property is a CSS selector.
  
      p.
        The <code>@Template</code> annotation defines the template to apply to the The <code>@Template</code>
        annotation is imported in the first line of <code>app.es6</code>.
        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: '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;app&gt;&lt;/app&gt;</code>
        and a template of <code>&lt;h1&gt;Hello <code>{{</code> name }}&lt;/h1&gt;</code>.
  
    .l-sub-section
  
negative.code: p.
    <strong>Angular is still unpackaged and in alpha</strong>. This quickstart does not
    reflect the final build process for Angular. The following setup is for those who
    want to try out Angular while it is in alpha.
  
  // STEP 1 - Create a project ##########################
  .l-main-section
    h2#section-create-project 1. Create a project
      
    p.
      The goal of this quickstart is to create a component that renders "Hello Alice" to the page. 
      To get started, create a new directory. 
  
    pre.prettyprint
      code.
        mkdir angular2_quickstart
        cd angular2_quickstart
  
  // STEP 2 - Add the es6-shim ##########################
  .l-main-section
    h2#section-add-es6-shim 2. Add the es6-shim
    
    p. Within your project, clone the es6-shim repository:
    
    pre.prettyprint
      code git clone https://github.com/davideast/conscious.git es6-shim
  
    p.
      For the sake of this quickstart we recommend using the
      <a href="https://github.com/davideast/conscious"> <code>es6-shim</code> GitHub repository</a>.
      This repository will provides a faster start than building from <code>npm</code>. The <code>es6-shim</code> includes Angular and dependencies to compile ES6 in incompatible browsers.
  
    .l-sub-section
      h3 ES6, AtScript, and the es6-shim
      
      h4 AtScript
      p.
        Angular is built with <strong>AtScript</strong>. AtScript is an extension of ES6 (ECMAScript 6), the new specification 
        of the JavaScript language. This quickstart will be written in AtScript, but it is not required in Angular.
      
      h4 ES6
      p.
        AtScript compiles to <strong>ES6</strong>. ES6 is not widely supported in all browsers today. 
        The es6-shim repository allows you to use ES6 or AtScript in the browser.
        
      h4 es6-shim
      p.
        The <strong>es6-shim</strong> package includes Angular and dependencies needed to compile
        ES6 in the browser, such as Traceur. Traceur is an ES6 compiler that transpiles ES6 to ES5 code. 
        Think of the es6-shim repository as package rather than a project.
      
  
  
  // STEP 2 - Import Angular ##########################
  