fix: translate homepage.

aio/content/marketing/events.html

@@ -1,15 +1,15 @@
 <header class="marketing-banner">
-  <h1 class="banner-headline no-toc no-anchor">Events</h1>
+  <h1 class="banner-headline no-toc no-anchor">活动</h1>
 </header>
 
 <article>
-<p>Where we'll be presenting:</p>
+<p>我们将出现在哪里：</p>
   <table class="is-full-width">
     <thead>
     <tr>
-      <th>Event</th>
+      <th>活动</th>
-      <th>Location</th>
+      <th>地点</th>
-      <th>Date</th>
+      <th>日期</th>
     </tr>
     </thead>
     <tbody>

aio/content/marketing/features.html

@@ -1,5 +1,4 @@
 <header class="marketing-banner">
-  <h1 class="banner-headline no-toc no-anchor">Features & Benefits</h1>
   <h1 class="banner-headline no-toc no-anchor">特性与优点</h1>
 </header>
 
@@ -8,30 +7,24 @@
     <div>
       <div class="feature-section">
         <div class="feature-header">
-          <div class="text-headline">Cross Platform</div>
           <div class="text-headline">跨平台</div>
           <img src="generated/images/marketing/features/feature-icon.svg" height="70px">
         </div>
         <div class="feature-row">
 
           <div class="feature">
-            <div class="feature-title">Progressive Web Apps</div>
             <div class="feature-title">渐进式应用</div>
-            <p class="text-body">Use modern web platform capabilities to deliver app-like experiences.
-              High performance, offline, and zero-step installation.</p>
             <p class="text-body">充分利用现代 Web 平台的各种能力，提供 App 式体验。高性能、离线使用、免安装。</p>
           </div>
 
           <div class="feature">
-            <div class="feature-title">Native</div>
             <div class="feature-title">原生</div>
-            <p class="text-body">Build native mobile apps with strategies from Ionic Framework, NativeScript, and React Native.</p>
+            <p class="text-body">借助来自Ionic、NativeScript和React Native中的技术与思想，构建原生移动应用。</p>
-            <p class="text-body">基于来自Ionic Framework、NativeScript和React Native的不同策略构建原生应用。</p>
           </div>
 
           <div class="feature">
-            <div class="feature-title">Desktop</div>
+            <div class="feature-title">桌面</div>
-            <p class="text-body">Create desktop-installed apps across Mac, Windows, and Linux using the same Angular methods you've learned for the web plus the ability to access native OS APIs.</p>
+            <p class="text-body">借助你已经在Web开发中学过的能力，结合访问原生操作系统API的能力，创造能在桌面环境下安装的应用，横跨Mac、Windows和Linux平台。</p>
           </div>
         </div>
         <hr>
@@ -39,24 +32,24 @@
 
       <div class="feature-section">
         <div class="feature-header">
-          <div class="text-headline">Speed and Performance</div>
+          <div class="text-headline">速度与性能</div>
           <img src="generated/images/marketing/features/feature-icon.svg" height="70px">
         </div>
         <div class="feature-row">
 
           <div class="feature">
-            <div class="feature-title">Code Generation</div>
+            <div class="feature-title">代码生成</div>
-            <p class="text-body">Angular turns your templates into code that's highly optimized for today's JavaScript virtual machines, giving you all the benefits of hand-written code with the productivity of a framework.</p>
+            <p class="text-body">Angular会把你的模板转换成代码，针对现代JavaScript虚拟机进行高度优化，轻松获得框架提供的高生产率，同时又能保留所有手写代码的优点。</p>
           </div>
 
           <div class="feature">
-            <div class="feature-title">Universal</div>
+            <div class="feature-title">统一平台</div>
-            <p class="text-body">Serve the first view of your application on node.js, .NET, PHP, and other servers for near-instant rendering in just HTML and CSS. Also paves the way for sites that optimize for SEO.</p>
+            <p class="text-body">在服务端渲染应用的首屏，像只有HTML和CSS的页面那样几乎瞬间展现，支持node.js、.NET、PHP，以及其它服务器，为通过SEO来优化站点铺平了道路。</p>
           </div>
 
           <div class="feature">
-            <div class="feature-title">Code Splitting</div>
+            <div class="feature-title">代码拆分</div>
-            <p class="text-body">Angular apps load quickly with the new Component Router, which delivers automatic code-splitting so users only load code required to render the view they request.</p>
+            <p class="text-body">在服务端渲染应用的首屏，像只有HTML和CSS的页面那样几乎瞬间展现，支持node.js、.NET、PHP，以及其它服务器，为通过SEO来优化站点铺平了道路。</p>
           </div>
         </div>
         <hr>
@@ -64,24 +57,24 @@
 
       <div class="feature-section">
         <div class="feature-header">
-          <div class="text-headline">Productivity</div>
+          <div class="text-headline">生产率</div>
           <img src="generated/images/marketing/features/feature-icon.svg" height="70px">
         </div>
         <div class="feature-row">
 
           <div class="feature">
-            <div class="feature-title">Templates</div>
+            <div class="feature-title">模板</div>
-            <p class="text-body">Quickly create UI views with simple and powerful template syntax.</p>
+            <p class="text-body">通过简单而强大的模板语法，快速创建UI视图。</p>
           </div>
 
           <div class="feature">
             <div class="feature-title">Angular CLI</div>
-            <p class="text-body">Command line tools: start building fast, add components and tests, then instantly deploy.</p>
+            <p class="text-body">命令行工具：快速进入构建环节、添加组件和测试，然后立即部署。</p>
           </div>
 
           <div class="feature">
-            <div class="feature-title">IDEs</div>
+            <div class="feature-title">各种 IDE</div>
-            <p class="text-body">Get intelligent code completion, instant errors, and other feedback in popular editors and IDEs.</p>
+            <p class="text-body">在常用IDE和编辑器中获得智能代码补全、实时错误反馈及其它反馈等特性。</p>
           </div>
         </div>
         <hr>
@@ -89,24 +82,24 @@
 
       <div class="feature-section">
         <div class="feature-header">
-          <div class="text-headline">Full Development Story</div>
+          <div class="text-headline">完整开发故事</div>
           <img src="generated/images/marketing/features/feature-icon.svg" height="70px">
         </div>
         <div class="feature-row">
 
           <div class="feature">
-            <div class="feature-title">Testing</div>
+            <div class="feature-title">测试</div>
-            <p class="text-body">With Karma for unit tests, you can know if you've broken things every time you save. And Protractor makes your scenario tests run faster and in a stable manner.</p>
+            <p class="text-body">使用Karma进行单元测试，让你在每次存盘时都能立即知道是否弄坏了什么。Protractor则让你的场景测试运行得又快又稳定。</p>
           </div>
 
           <div class="feature">
-            <div class="feature-title">Animation</div>
+            <div class="feature-title">动画</div>
-            <p class="text-body">Create high-performance, complex choreographies and animation timelines with very little code through Angular's intuitive API.</p>
+            <p class="text-body">通过Angular中直观简便的API创建高性能复杂编排和动画时间线 —— 只要非常少的代码。</p>
           </div>
 
           <div class="feature">
-            <div class="feature-title">Accessibility</div>
+            <div class="feature-title">可访问性</div>
-            <p class="text-body">Create accessible applications with ARIA-enabled components, developer guides, and built-in a11y test infrastructure.</p>
+            <p class="text-body">通过支持ARIA的组件、开发者指南和内置的一体化测试基础设施，创建具有完备可访问性的应用。</p>
           </div>
         </div>
       </div>
@@ -114,7 +107,7 @@
   </div>
 
   <div class="cta-bar announcement-bar">
-    <a class="button" href="guide/quickstart">Get Started</a>
+    <a class="button" href="guide/quickstart">立即开始</a>
   </div>
 
 </article>

aio/content/marketing/index.html

@@ -16,8 +16,8 @@
     <div class="homepage-container">
       <!-- container content starts -->
 
-      <div class="hero-headline no-toc">One framework.<br>Mobile &amp; desktop.</div>
+      <div class="hero-headline no-toc">一套框架，多种平台。<br>移动端 &amp; 桌面端</div>
-      <a class="button hero-cta" href="guide/quickstart">Get Started</a>
+      <a class="button hero-cta" href="guide/quickstart">快速起步</a>
   </div><!-- CONTAINER END -->
   </section>
 
@@ -31,8 +31,8 @@
     <div class="homepage-container">
       <div class="announcement-bar">
         <img src="generated/images/marketing/home/angular-mix.png" height="40" width="151">
-        <p>Join us at our newest event, October 2017</p>
+        <p>2017年十月 加入我们的最新活动</p>
-        <a class="button" href="https://angularmix.com/">Learn More</a>
+        <a class="button" href="https://angularmix.com/">了解更多</a>
      </div>
     </div>
 
@@ -46,9 +46,8 @@
 
       <div class="text-container">
         <div class="text-block promo-1-desc l-pad-top-2">
-          <div class="text-headline">Develop Across All Platforms</div>
+          <div class="text-headline">跨所有平台进行开发</div>
-          <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 class="text-body">学会用Angular构建应用，然后把这些代码和能力复用在多种多种不同平台的应用上 —— Web、移动 Web、移动应用、原生应用和桌面原生应用。</p>
-          </p>
         </div>
       </div>
     </div>
@@ -57,9 +56,9 @@
     <div layout="row" layout-xs="column" class="home-row">
       <div class="text-container">
         <div class="text-block">
-          <div class="text-headline">Speed & Performance</div>
+          <div class="text-headline">速度与性能</div>
-          <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">通过Web Worker和服务端渲染，达到在如今(以及未来）的Web平台上所能达到的最高速度。</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>
+          <p class="text-body">Angular让你有效掌控可伸缩性。基于RxJS、Immutable.js和其它推送模型，能适应海量数据需求。</p>
         </div>
       </div>
 
@@ -79,9 +78,8 @@
 
       <div class="text-container">
         <div class="text-block promo-3-desc">
-          <div class="text-headline">Incredible Tooling</div>
+          <div class="text-headline">美妙的工具</div>
-          <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 class="text-body">使用简单的声明式模板，快速实现各种特性。使用自定义组件和大量现有组件，扩展模板语言。在几乎所有的IDE中获得针对Angular的即时帮助和反馈。所有这一切，都是为了帮助你编写漂亮的应用，而不是绞尽脑汁的让代码“能用”。</p>
-          </p>
         </div>
       </div>
 
@@ -93,8 +91,8 @@
 
       <div class="text-container">
         <div class="text-block l-pad-top-2">
-          <div class="text-headline">Loved by Millions</div>
+          <div class="text-headline">百万粉丝热捧</div>
-          <p class="text-body">From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google's largest applications.</p>
+          <p class="text-body">从原型到全球部署，Angular都能带给你支撑Google大型应用的那些高延展性基础设施与技术。</p>
         </div>
       </div>
 
@@ -112,8 +110,8 @@
       <div class="card">
           <img src="generated/images/marketing/home/code-icon.svg" height="70px">
           <div class="card-text-container">
-            <div class="text-headline">Get Started</div>
+            <div class="text-headline">立即开始</div>
-            <p>Start building your Angular application.</p>
+            <p>开始构建你的 Angular 应用</p>
           </div>
       </div>
     </a>

aio/content/marketing/resources.html

@@ -1,5 +1,5 @@
 <header class="marketing-banner">
-  <h1 class="banner-headline no-toc no-anchor">Explore Angular Resources</h1>
+  <h1 class="banner-headline no-toc no-anchor">浏览 Angular 相关资源</h1>
 </header>
 
 <article>

aio/src/index.html

@@ -76,11 +76,11 @@
         <img src="assets/images/logos/angular/angular.svg" width="250" height="250">
       </div>
       <div class="homepage-container">
-        <div class="hero-headline">One framework.<br>Mobile &amp; desktop.</div>
+        <div class="hero-headline">一套框架，多种平台<br>移动 &amp; 桌面</div>
       </div>
     </section>
     <h2 style="color: red; text-align: center; margin-top: -50px;">
-      <b><i>This website requires JavaScript.</i></b>
+      <b><i>该网站需要浏览器支持 JavaScript </i></b>
     </h2>
   </noscript>
 </body>