index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Seeds.js is a full stack JavaScript framework for Ember.js">
    <meta name="author" content="John-Henry Liberty">
    <link rel="icon" href="img/favicon.ico">
    <script>
      ((window.gitter = {}).chat = {}).options = {
        room: 'terminalvelocity/seeds.js'
      };
    </script>
    <script src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer></script>

    <title>Seeds.js</title>

    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/animation.css" rel="stylesheet">
    <link href="css/ionicons.min.css" rel="stylesheet">


    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="js/ie10-viewport-bug-workaround.js"></script>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

  <section id="subheaderone" class="clearfix">
    <h1>Seeds.js</h1>
    <h2>FULL-STACK EMBER FRAMEWORK</h2>
    <div class="earth"></div>
     <div class="star1"></div>
     <div class="star2"></div>
     <div class="star3"></div>
     <div class="star4"></div>
     <div class="star5"></div>
     <div class="star6"></div>
     <div class="star7"></div>
     <div class="star8"></div>
     <div class="star9"></div>
     <div class="star10"></div>
     <div class="star11"></div>
     <div class="star12"></div>
  </section><!-- END Subheader-->

  <div class="container ptb">
    <div class="row centered">
      <h3>WHAT IS SEEDS.JS</h3>
      <hr class="aligncenter mb">
      <div class="col-md-4">
        <div class="circle-icon">
          <div class="icon ion-waterdrop"></div>
        </div>
        <h4 class="black">Sails.js</h4>
        <p>Seeds utilizes Sails to handle your API server. The scaffold generator will automatically create your API end points.</p>
      </div>
      <div class="col-md-4">
        <div class="circle-icon">
          <div class="icon ion-fireball"></div>
        </div>
        <h4 class="black">Ember.js / Ember Data</h4>
        <p>We love building ambitious applications with Ember.js. Seeds handles generating many of the routes and models as well as wiring up Ember to your Sails API server AutoMagically™</p>
      </div>
      <div class="col-md-4">
        <div class="circle-icon">
          <div class="icon ion-leaf"></div>
        </div>
        <h4 class="black">Semantic UI</h4>
        <p>An amazing user experience starts with your design so Seeds.js comes with Semantic UI, specifically designed for Ember, including easy to use components - baked right in.</p>
      </div>
    </div>
  </div>

  <div id="y" class="npbottom">
    <div class="container">
      <div class="row">
        <div class="col-md-8 col-md-offset-2 centered">
          <h3>DESIGNED FOR RAPID APP DEVELOPMENT</h3>
          <hr class="aligncenter">
          <h4>Seeds saves you time with it's simple generators that do their job and then get out of your way so you can do what you do, boo-boo.</h4>
        </div>
      </div>
      <div class="row">
        <div class="col-md-10 col-md-offset-1">
          <img src="img/browser.png" class="img-responsive aligncenter" alt="">
        </div>
      </div>
    </div>
  </div>

  <div class="container ptb">
    <div class="row">
      <h3 class="centered mb">IMPORTANT FEATURES</h3>

      <div class="col-md-1 centered">
        <div class="circle-icon-sm">
          <div class="icon-sm ion-grid mt"></div>
        </div>
      </div>
      <div class="col-md-3">
        <h4 class="black">Semantic Grid</h4>
        <p>Seeds projects come with a grid system in place that's easy to use and very flexible.</p>
      </div>


      <div class="col-md-1 centered">
        <div class="circle-icon-sm">
          <div class="icon-sm ion-ios-color-filter mt"></div>
        </div>
      </div>
      <div class="col-md-3">
        <h4 class="black">Separation of Concerns</h4>
        <p>Seeds.js apps have a separate Sails API server to store data - our CLI tool makes it so easy to manage you may forget they are even separate.</p>
      </div>


      <div class="col-md-1 centered">
        <div class="circle-icon-sm">
          <div class="icon-sm ion-social-nodejs mt"></div>
        </div>
      </div>
      <div class="col-md-3">
        <h4 class="black">JavaScript All The Things</h4>
        <p>One language for your server, your frontend and your development tools!</p>
      </div>

    </div>
    <div class="row mt">

      <div class="col-md-1 centered">
        <div class="circle-icon-sm">
          <div class="icon-sm ion-android-boat mt"></div>
        </div>
      </div>
      <div class="col-md-3">
        <h4 class="black">Ship Your Code</h4>
        <p>We will be developing a modular deploy system so you can get your Seeds up and running in your production environment quickly and painlessly!</p>
      </div>


      <div class="col-md-1 centered">
        <div class="circle-icon-sm">
          <div class="icon-sm ion-cube mt"></div>
        </div>
      </div>
      <div class="col-md-3">
        <h4 class="black">Semantic Components</h4>
        <p>Ready to go, right out of the box. We will be creating a place to share and discover Seeds.js components easily.</p>
      </div>


      <div class="col-md-1 centered">
        <div class="circle-icon-sm">
          <div class="icon-sm ion-heart mt"></div>
        </div>
      </div>
      <div class="col-md-3">
        <h4 class="black">Designed For Happiness</h4>
        <p>Carefully crafted and continually improved with developer productivity and happiness our primary focus.</p>
      </div>

    </div>
  </div>

  <div id="y">
    <div class="container">
      <div class="row">
        <div class="col-md-8 col-md-offset-2 centered">
          <h3>Get Started</h3>
          <hr class="aligncenter">
          <h4></h4>
          <a href="http://docs.seedsjs.com/" class="seeds-actions btn btn-large btn-info"> <i class="ion-map"></i> Documentation</a>
          <a href="https://github.com/terminalvelocity/seeds.js" class="seeds-actions btn btn-large btn-default"><i class="ion-social-github"></i> Github</a>
          <a href="https://github.com/terminalvelocity/seeds.js/archive/master.zip" class="seeds-actions btn btn-large btn-primary"> <i class="ion-ios-cloud-download"></i> Download</a>
        </div>
      </div>
    </div>
  </div>


  <div id="b">
    <div class="container">
      <div class="row">
        <div class="col-md-6 col-md-offset-3 mb">

          <h2>Newsletter</h2>
          <p>Stay up to date with Seeds.js</p>
          <form action="//github.us10.list-manage.com/subscribe/post?u=0d76aadd1a753eb0adf271c4e&amp;id=287502672c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
            <div class="input-group"><span class="input-group-addon"><i class="ion-email"></i></span>
                <input type="email" value="" name="EMAIL" class="email form-control" id="mce-EMAIL" placeholder="email address" required>
            </div>
            <div style="position: absolute; left: -5000px;"><input type="text" name="b_0d76aadd1a753eb0adf271c4e_287502672c" tabindex="-1" value=""></div>
            <br />
            <input type="submit" value="Subscribe Now!" name="subscribe" id="mc-embedded-subscribe" class="btn btn-large btn-primary" />
          </form>

        </div>
      </div>
    </div>
  </div>

  <div id="f">
    <div class="container">
      <div class="row centered">
      <h5><a href="http://seedsjs.com">Seeds.js</a></h5>
      Crafted With <i class="ion-heart"></i>
      <h5><a href="https://github.com/terminalvelocity">By TerminalVelo.city</a></h5>
      </div>
    </div>
  </div>
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-61106908-5', 'auto');
      ga('send', 'pageview');

    </script>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/retina-1.1.0.js"></script>
  </body>
</html>