4624406ce8
Add visually hidden class and apply to h2 in search results Changed h2 group headers to h3s Add roles to main and content Fix API material icon placement Image alt additions where needed Add lang attribute to html tag Add aria-label on search input
72 lines
3.9 KiB
HTML
Executable File
72 lines
3.9 KiB
HTML
Executable File
<header class="background-sky l-relative">
|
|
<div class="hero background-superhero-paper is-large"><img
|
|
src="assets/images/logos/angular/angular.svg" class="hero-logo"/>
|
|
<h1 class="text-headline">One framework.<br>Mobile & desktop.</h1><a
|
|
href="guide/quickstart" md-button="md-button"
|
|
class="hero-cta mat-raised button button-large button-plain">Get Started</a>
|
|
<announcement-bar class="announcement-bar">
|
|
<div class="announcement-bar-slide cleafix is-visible"><img
|
|
src="assets/images/logos/anglebrackets/devintersection.png" width="64"/>
|
|
<p>Join us for <strong>DEVintersection Amsterdam</strong> Nov 14-16!</p><a
|
|
href="https://www.devintersectioneurope.com/#!/" target="_blank" class="button mat-button">Register
|
|
now</a></div>
|
|
</announcement-bar>
|
|
</div>
|
|
</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">
|
|
<div><img src="assets/images/home/responsive-framework.svg" alt="responsive framework"></div>
|
|
</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">
|
|
<div><img src="assets/images/home/speed-performance.svg" alt="speed and performance"></div>
|
|
</div>
|
|
</div><!-- Group 3-->
|
|
<div layout="row" layout-xs="column" class="home-row">
|
|
<div class="promo-img-container promo-3">
|
|
<div><img src="assets/images/home/joyful-development.png" alt="IDE example"></div>
|
|
</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">
|
|
<div><img src="assets/images/home/loved-by-millions.png" alt="angular on the map"></div>
|
|
</div>
|
|
</div>
|
|
<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>
|
|
</div>
|
|
</article>
|