2017-07-26 18:28:11 -04:00
<!-- FULL HEADER BLOCK -->
2017-07-07 14:16:51 -04:00
< header >
2017-04-19 16:35:11 -04:00
2017-07-26 18:28:11 -04:00
<!-- BACKGROUND IMAGE -->
2017-05-24 23:08:21 -04:00
< div class = "background-sky hero" > < / div >
2017-04-19 16:35:11 -04:00
2017-07-26 18:28:11 -04:00
<!-- INTRO SECTION -->
2017-05-24 23:08:21 -04:00
< section id = "intro" >
<!-- LOGO -->
< div class = "hero-logo" >
< img src = "assets/images/logos/angular/angular.svg" / >
< / div >
2017-07-26 18:28:11 -04:00
<!-- CONTAINER -->
2017-05-24 23:08:21 -04:00
< div class = "homepage-container" >
< div class = "hero-headline no-toc" > One framework.< br > Mobile & desktop.< / div >
2017-06-13 05:05:59 -04:00
< a class = "button hero-cta" href = "guide/quickstart" > Get Started< / a >
2017-07-26 18:28:11 -04:00
< / div >
2017-04-19 16:35:11 -04:00
2017-07-26 18:28:11 -04:00
< / section >
2017-04-27 18:32:46 -04:00
2017-01-27 03:20:51 -05:00
< / header >
2017-04-19 16:35:11 -04:00
2017-07-26 18:28:11 -04:00
<!-- MAIN CONTENT -->
2017-07-07 14:16:51 -04:00
< article >
2017-07-26 18:28:11 -04:00
< h1 class = "no-toc" style = "display: none" > < / h1 >
2017-05-24 23:08:21 -04:00
< div class = "home-rows" >
2017-04-19 16:35:11 -04:00
2017-07-26 18:28:11 -04:00
<!-- Announcement Bar -->
2017-05-24 23:08:21 -04:00
< div class = "homepage-container" >
< div class = "announcement-bar" >
2017-10-12 06:26:16 -04:00
< img src = "generated/images/marketing/home/angular-connect.png" >
< p > Join us in London for AngularConnect< br > November 7-8, 2017< / p >
2017-10-11 15:26:51 -04:00
< a class = "button" href = "https://angularconnect.com/" > Learn More< / a >
2017-07-26 18:28:11 -04:00
< / div >
2017-05-24 23:08:21 -04:00
< / div >
2017-04-19 16:35:11 -04:00
2017-07-26 18:28:11 -04:00
<!-- Group 1 -->
2017-05-24 23:08:21 -04:00
< div layout = "row" layout-xs = "column" class = "home-row homepage-container" >
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-07-27 17:36:28 -04:00
< img height = "222" width = "340" src = "generated/images/marketing/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" >
2017-05-24 23:08:21 -04:00
< div class = "text-headline" > Develop Across All Platforms< / div >
2017-04-19 16:35:11 -04:00
< 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 >
2017-05-24 23:08:21 -04:00
< / div >
< hr >
2017-07-26 18:28:11 -04:00
<!-- Group 2 -->
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" >
2017-05-24 23:08:21 -04:00
< div class = "text-headline" > Speed & Performance< / div >
2017-04-19 16:35:11 -04:00
< 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-07-27 17:36:28 -04:00
< img height = "222" width = "323" src = "generated/images/marketing/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 >
2017-05-24 23:08:21 -04:00
< / div >
< hr >
2017-04-19 16:35:11 -04:00
2017-07-26 18:28:11 -04:00
<!-- Group 3 -->
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-07-27 17:36:28 -04:00
< div > < img src = "generated/images/marketing/home/joyful-development.svg" 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" >
2017-05-24 23:08:21 -04:00
< div class = "text-headline" > Incredible Tooling< / div >
2017-04-19 16:35:11 -04:00
< 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 >
2017-04-19 16:35:11 -04:00
2017-05-24 23:08:21 -04:00
< / div >
< hr >
2017-07-26 18:28:11 -04:00
<!-- Group 4 -->
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 l-pad-top-2" >
2017-05-24 23:08:21 -04:00
< div class = "text-headline" > Loved by Millions< / div >
2017-04-19 16:35:11 -04:00
< 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-07-27 17:36:28 -04:00
< img src = "generated/images/marketing/home/loved-by-millions.svg" 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
2017-07-26 18:28:11 -04:00
<!-- CTA CARDS -->
< div layout = "row" layout-xs = "column" class = "home-row" >
< a href = "guide/quickstart" >
< div class = "card" >
2017-07-27 17:36:28 -04:00
< img src = "generated/images/marketing/home/code-icon.svg" height = "70px" >
2017-05-24 23:08:21 -04:00
< div class = "card-text-container" >
2017-06-08 18:26:15 -04:00
< div class = "text-headline" > Get Started< / div >
< p > Start building your Angular application.< / p >
2017-05-24 23:08:21 -04:00
< / div >
2017-07-26 18:28:11 -04:00
< / div >
< / a >
< / div >
2017-04-19 16:35:11 -04:00
2017-07-26 18:28:11 -04:00
< / div > <!-- end of home rows -->
2017-05-24 23:08:21 -04:00
2017-01-27 03:20:51 -05:00
< / article >