2017-01-27 03:20:51 -05:00
|
|
|
<header class="background-sky l-relative">
|
|
|
|
<div class="hero background-superhero-paper is-large"><img
|
2017-03-31 05:50:15 -04:00
|
|
|
src="assets/images/logos/angular/angular.svg" class="hero-logo"/>
|
2017-01-27 03:20:51 -05:00
|
|
|
<h1 class="text-headline">One framework.<br>Mobile & desktop.</h1><a
|
2017-04-15 05:39:52 -04:00
|
|
|
href="guide/quickstart" md-button="md-button"
|
2017-03-31 19:36:21 -04:00
|
|
|
class="hero-cta mat-raised button button-large button-plain">Get Started</a>
|
|
|
|
<announcement-bar class="announcement-bar">
|
2017-04-18 19:29:55 -04:00
|
|
|
<div class="announcement-bar-slide cleafix is-visible">
|
|
|
|
<img src="assets/images/logos/angular/angular-banner-logo-grey.png" width="64"/>
|
|
|
|
<p>Angular v4.0 is out! Smaller, faster, no biggie...</p>
|
|
|
|
<a href="http://angularjs.blogspot.com/2017/03/angular-400-now-available.html" target="_blank" class="button mat-button">Learn More</a>
|
|
|
|
</div>
|
2017-03-31 19:36:21 -04:00
|
|
|
</announcement-bar>
|
|
|
|
</div>
|
2017-01-27 03:20:51 -05:00
|
|
|
</header>
|
|
|
|
<article class="l-content ">
|
|
|
|
<div class="home-rows"><!-- Group 1-->
|
|
|
|
<div layout="row" layout-xs="column" class="home-row">
|
|
|
|
<div class="promo-img-container promo-1">
|
2017-04-17 13:57:49 -04:00
|
|
|
<div><img src="assets/images/home/responsive-framework.svg" alt="responsive framework"></div>
|
2017-01-27 03:20:51 -05:00
|
|
|
</div>
|
|
|
|
<div class="text-container">
|
|
|
|
<div class="text-block promo-1-desc l-pad-top-2"><h3 class="text-headline">Develop Across
|
|
|
|
All Platforms</h3>
|
|
|
|
<p class="text-body">Learn one way to build applications with Angular and reuse your code
|
|
|
|
and abilities to build apps for any deployment target. For web, mobile web, native
|
|
|
|
mobile and native desktop.
|
|
|
|
</p></div>
|
|
|
|
</div>
|
|
|
|
</div><!-- Group 2-->
|
|
|
|
<div layout="row" layout-xs="column" class="home-row">
|
|
|
|
<div class="text-container">
|
|
|
|
<div class="text-block"><h3 class="text-headline">Speed & Performance</h3>
|
|
|
|
<p class="text-body">Achieve the maximum speed possible on the Web Platform today, and
|
|
|
|
take it further, via Web Workers and server-side rendering.</p>
|
|
|
|
<p class="text-body">Angular puts you in control over scalability. Meet huge data
|
|
|
|
requirements by building data models on RxJS, Immutable.js or another push-model.</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="promo-img-container promo-2">
|
2017-04-17 13:57:49 -04:00
|
|
|
<div><img src="assets/images/home/speed-performance.svg" alt="speed and performance"></div>
|
2017-01-27 03:20:51 -05:00
|
|
|
</div>
|
|
|
|
</div><!-- Group 3-->
|
|
|
|
<div layout="row" layout-xs="column" class="home-row">
|
|
|
|
<div class="promo-img-container promo-3">
|
2017-04-17 13:57:49 -04:00
|
|
|
<div><img src="assets/images/home/joyful-development.png" alt="IDE example"></div>
|
2017-01-27 03:20:51 -05:00
|
|
|
</div>
|
|
|
|
<div class="text-container">
|
|
|
|
<div class="text-block promo-3-desc"><h3 class="text-headline">Incredible Tooling</h3>
|
|
|
|
<p class="text-body">Build features quickly with simple, declarative templates. Extend the
|
|
|
|
template language with your own components and use a wide array of existing components.
|
|
|
|
Get immediate Angular-specific help and feedback with nearly every IDE and editor. All
|
|
|
|
this comes together so you can focus on building amazing apps rather than trying to make
|
|
|
|
the code work.
|
|
|
|
</p></div>
|
|
|
|
</div>
|
|
|
|
</div><!-- Group 4-->
|
|
|
|
<div layout="row" layout-xs="column" class="home-row">
|
|
|
|
<div class="text-container">
|
|
|
|
<div class="text-block l-pad-top-2"><h3 class="text-headline">Loved by Millions</h3>
|
|
|
|
<p class="text-body">From prototype through global deployment, Angular delivers the
|
|
|
|
productivity and scalable infrastructure that supports Google's largest
|
|
|
|
applications.</p></div>
|
|
|
|
</div>
|
|
|
|
<div class="promo-img-container promo-4">
|
2017-04-17 13:57:49 -04:00
|
|
|
<div><img src="assets/images/home/loved-by-millions.png" alt="angular on the map"></div>
|
2017-01-27 03:20:51 -05:00
|
|
|
</div>
|
|
|
|
</div>
|
2017-04-04 14:33:25 -04:00
|
|
|
<div class="cta-bar"><a href="/guide/quickstart" md-button="md-button" class="button button-large button-shield mat-raised mat-primary">Get Started</a></div>
|
2017-01-27 03:20:51 -05:00
|
|
|
</div>
|
|
|
|
</article>
|