121 lines
4.4 KiB
HTML
Executable File
121 lines
4.4 KiB
HTML
Executable File
<!-- FULL HEADER BLOCK -->
|
|
<header>
|
|
|
|
<!-- BACKGROUND IMAGE -->
|
|
<div class="background-sky hero"></div>
|
|
|
|
<!-- INTRO SECTION -->
|
|
<section id="intro">
|
|
|
|
<!-- LOGO -->
|
|
<div class="hero-logo">
|
|
<img src="assets/images/logos/angular/angular.svg" alt="Angular"/>
|
|
</div>
|
|
|
|
<!-- CONTAINER -->
|
|
<div class="homepage-container">
|
|
<div class="hero-headline no-toc">Un framework.<br>Móvil y escritorio.</div>
|
|
<a class="button hero-cta" href="docs">Empezar</a>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</header>
|
|
|
|
<!-- MAIN CONTENT -->
|
|
<article>
|
|
|
|
<h1 class="no-anchor no-toc" style="display: none"></h1>
|
|
|
|
<div class="home-rows">
|
|
|
|
<aio-announcement-bar></aio-announcement-bar>
|
|
|
|
<!-- Group 1 -->
|
|
<div layout="row" layout-xs="column" class="home-row homepage-container">
|
|
<div class="promo-img-container promo-1">
|
|
<div>
|
|
<img height="222" width="340" src="generated/images/marketing/home/responsive-framework.svg" alt="responsive framework">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-container">
|
|
<div class="text-block promo-1-desc l-pad-top-2">
|
|
<div class="text-headline">Desarrolla en todas las plataformas</div>
|
|
<p class="text-body">Aprende una forma de crear aplicaciones con Angular y reutiliza tu código y habilidades para crear aplicaciones para cualquier objetivo de implementación. Para web, web móvil, móvil nativo y escritorio nativo.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
|
|
<!-- Group 2 -->
|
|
<div layout="row" layout-xs="column" class="home-row">
|
|
<div class="text-container">
|
|
<div class="text-block">
|
|
<div class="text-headline">Velocidad y Rendimiento</div>
|
|
<p class="text-body">Logra la máxima velocidad posible en la Plataforma Web hoy y avance, a través de Web Workers y renderizado del lado del servidor.</p>
|
|
<p class="text-body">Angular te permite controlar la escalabilidad. Satisface requerimientos enormes de datos construyendo modelos en RxJS, Immutable.js o algún otro.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="promo-img-container promo-2">
|
|
<div>
|
|
<img height="222" width="323" src="generated/images/marketing/home/speed-performance.svg" alt="speed and performance">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<hr>
|
|
|
|
<!-- Group 3 -->
|
|
<div layout="row" layout-xs="column" class="home-row">
|
|
<div class="promo-img-container promo-3">
|
|
<div><img src="generated/images/marketing/home/joyful-development.svg" alt="IDE example"></div>
|
|
</div>
|
|
|
|
<div class="text-container">
|
|
<div class="text-block promo-3-desc">
|
|
<div class="text-headline">Herramientas Increíbles</div>
|
|
<p class="text-body">Crea funciones rápidamente con plantillas simples y declarativas. Extiende el lenguaje de plantilla con tus propios componentes y usa una amplia gama de componentes existentes. Obtén ayuda inmediata y comentarios específicos de Angular con casi todos los IDE y editores. Todo esto se une para que puedas concentrarte en crear aplicaciones increíbles en lugar de intentar que el código funcione.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<hr>
|
|
|
|
<!-- Group 4 -->
|
|
<div layout="row" layout-xs="column" class="home-row">
|
|
<div class="text-container">
|
|
<div class="text-block l-pad-top-2">
|
|
<div class="text-headline">Amada por millones</div>
|
|
<p class="text-body">Desde el prototipo hasta la implementación global, Angular ofrece la productividad y la infraestructura escalable que soportan a las aplicaciones más grandes de Google.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="promo-img-container promo-4">
|
|
<div>
|
|
<img src="generated/images/marketing/home/loved-by-millions.svg" alt="angular on the map" width="455" height="228">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CTA CARDS -->
|
|
<div layout="row" layout-xs="column" class="home-row">
|
|
<a href="start">
|
|
<div class="card">
|
|
<img src="generated/images/marketing/home/code-icon.svg" height="70px" alt="Get Started with Angular">
|
|
<div class="card-text-container">
|
|
<div class="text-headline">Pruebalo ahora</div>
|
|
<p>Explora las capacidades de Angular con una aplicación de muestra preparada. No se requiere configuración.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
|
|
</div><!-- end of home rows -->
|
|
|
|
</article>
|