<div class="pure-g">
  <div class="island3 pure-u-1 pure-u-lg-2-3">
    <h3>Speed up your <strong>AngularJS</strong> development with a complete and scalable build system that scaffolds the project for you. Just focus on writing code and tests,
                <code>angular-kickstart</code> will take care of the rest.</h3>
  </div>
  <div class="island3 pure-u-1 pure-u-lg-1-3">
    <a href="https://github.com/castle-dev/angular-kickstart/releases/latest" class="pure-button button-xlarge button-expanded">
        Download
      </a>
    <a href="https://github.com/castle-dev/angular-kickstart/#readme" target="_blank" class="pure-button button-xlarge button-expanded pure-button-primary">
        Docs on GitHub
      </a>
  </div>
</div>

<hr/>
<div class="pure-g island">
  <div class="pure-u-1 pure-u-lg-1-3 island">
    <div class="text-center">
      <img class="pure-img" src="assets/images/angular-logo.png">
    </div>
    <h3>AngularJS</h3>
    <p>The best JavaScript framework out there will power up your awesome app.
    </p>
  </div>

  <div class="pure-u-1 pure-u-lg-1-3 island">
    <div class="text-center">
      <img class="pure-img" src="assets/images/gulp-logo.png">
    </div>
    <h3>Gulpjs</h3>
    <p>A smart and scalable <a href="http://gulpjs.com" target="_blank">gulpjs</a> based build system will take care of your development and testing workflow, as well as the optimization process for production release. <a href ui-sref="root.getting-started">Read more...</a>
    </p>
  </div>

  <div class="pure-u-1 pure-u-lg-1-3 island">
    <div class="text-center">
      <img class="pure-img" src="assets/images/browserify-logo.png" style="padding: 30px 0px">
    </div>
    <h3>Browserify</h3>
    <p><a href="http://browserify.org/" target="_blank">Browserify</a> allows you to require <a href="https://www.npmjs.com/" target="_blank">npm modules</a> in your client-side JavaScript.</p>
  </div>

</div>

<div class="pure-g island">
  <div class="pure-u-1 pure-u-lg-1-3 island">
    <h4>Sass + SMACSS</h4>
    <p><a href="http://sass-lang.com/" target="_blank">Sass</a> is the most mature, stable, and powerful professional grade CSS extension language. The project is structured following the <a href="http://smacss.com/" target="_blank">SMACSS</a> architecture.
      Write your CSS in a modular and scalable way, the build system will compile your <code>.scss</code> files into a single css files. It should be easy to integrate less, stylus or any other preprocessor if you prefer. <a href="http://purecss.io/" target="_blank">Pure</a> is the default CSS framework, by you can easily plug your own.</p>
  </div>

  <div class="pure-u-1 pure-u-lg-1-3 island">
    <h4>Generators</h4>
    <p>angular-kickstart comes with three awesome generators–<code>gulp new:page</code>, <code>gulp new:component</code>, and <code>gulp new:service</code>–that puts new files where they're supposed to go and injects them into app.js and index.html so you can focus on the important stuff: your business logic.</p>
  </div>

  <div class="pure-u-1 pure-u-lg-1-3 island">
    <h4>Keep Your Code Reusable</h4>
    <p>Every general purpose directive, service or filter, should be placed into the  <code>common</code> directory, in this way you can copy and paste the directory into another project, require the module you need, and you are ready to go with your new project.
    </p>
  </div>
</div>

<div class="pure-g">
  <div class="pure-u-1 pure-u-lg-1-3 island">
    <h4>Unit testing</h4>
    <p>The build system comes with a special task for running tests by using <a href="http://karma-runner.github.io/" target="_blank">Karma Test Runner</a>.
    </p>
  </div>

  <div class="pure-u-1 pure-u-lg-1-3 island">
    <h4>e2e testing</h4>
    <p>end-to-end testing support is provided by the build system. Tests can be executed using <a href="http://angular.github.io/protractor/" target="_blank">protractor</a>.</p>
  </div>

  <div class="pure-u-1 pure-u-lg-1-3 island">
    <h4>Build for production with ease</h4>
    <p>Easily optimize css, js, and images files for production with <code>gulp build:dist</code>.</p>

    <md-button class="md-primary md-raised">Primary (md-noink)</md-button>
  </div>
</div>
