2017-01-27 03:20:51 -05:00
< header class = "background-sky l-relative" >
2017-04-19 16:35:11 -04:00
< div class = "hero background-superhero-paper is-large" >
< img src = "assets/images/logos/angular/angular.svg" class = "hero-logo" / >
2017-04-27 18:32:46 -04:00
< h1 class = "text-headline no-toc" > One framework.< br > Mobile & desktop.< / h1 >
2017-04-19 16:35:11 -04:00
< a href = "guide/quickstart" md-button = "md-button" class = "hero-cta mat-raised button button-large button-plain" > Get Started< / a >
2017-03-31 19:36:21 -04:00
< 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 >
2017-04-27 18:32:46 -04:00
2017-03-31 19:36:21 -04:00
< / div >
2017-01-27 03:20:51 -05:00
< / header >
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< article class = "l-content " >
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< div class = "home-rows" > <!-- Group 1 -->
< div layout = "row" layout-xs = "column" class = "home-row" >
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< div class = "promo-img-container promo-1" >
2017-04-19 16:35:11 -04:00
< div >
2017-05-06 05:18:42 -04:00
< img height = "222" src = "assets/images/home/responsive-framework.svg" alt = "responsive framework" >
2017-04-19 16:35:11 -04:00
< / div >
2017-01-27 03:20:51 -05:00
< / div >
2017-04-27 18:32:46 -04:00
2017-01-27 03:20:51 -05:00
< div class = "text-container" >
2017-04-19 16:35:11 -04:00
< div class = "text-block promo-1-desc l-pad-top-2" >
< h2 class = "text-headline" > Develop Across All Platforms< / h2 >
< 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 >
2017-01-27 03:20:51 -05:00
< / div >
< / div > <!-- Group 2 -->
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< div layout = "row" layout-xs = "column" class = "home-row" >
< div class = "text-container" >
2017-04-19 16:35:11 -04:00
< div class = "text-block" >
< h2 class = "text-headline" > Speed & Performance< / h2 >
< 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 >
2017-01-27 03:20:51 -05:00
< / div >
< / div >
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< div class = "promo-img-container promo-2" >
2017-04-19 16:35:11 -04:00
< div >
2017-05-06 05:18:42 -04:00
< img height = "222" src = "assets/images/home/speed-performance.svg" alt = "speed and performance" >
2017-04-19 16:35:11 -04:00
< / div >
2017-01-27 03:20:51 -05:00
< / div >
< / div > <!-- Group 3 -->
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< 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 >
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< div class = "text-container" >
2017-04-19 16:35:11 -04:00
< div class = "text-block promo-3-desc" >
< h2 class = "text-headline" > Incredible Tooling< / h2 >
< 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 >
2017-01-27 03:20:51 -05:00
< / div >
< / div > <!-- Group 4 -->
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< div layout = "row" layout-xs = "column" class = "home-row" >
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< div class = "text-container" >
2017-04-19 16:35:11 -04:00
< div class = "text-block l-pad-top-2" >
< h2 class = "text-headline" > Loved by Millions< / h2 >
< p class = "text-body" > From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google's largest applications.< / p >
< / div >
2017-01-27 03:20:51 -05:00
< / div >
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< div class = "promo-img-container promo-4" >
2017-04-19 16:35:11 -04:00
< div >
2017-04-28 10:10:31 -04:00
< img src = "assets/images/home/loved-by-millions.png" alt = "angular on the map" width = "455" height = "228" >
2017-04-19 16:35:11 -04:00
< / div >
2017-01-27 03:20:51 -05:00
< / div >
< / div >
2017-04-19 16:35:11 -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 >
2017-04-19 16:35:11 -04:00
2017-01-27 03:20:51 -05:00
< / article >