From 511542cf06b39acbc06af932cbbcf4d23ca545a2 Mon Sep 17 00:00:00 2001
From: "smain@google.com" <smain@google.com>
Date: Thu, 24 Mar 2016 12:29:14 -0700
Subject: improved structure and organization between video and training docs
 on the Training landing page.

Change-Id: I89f760bdbc55943277c3526e0a47fd51891414c9
---
 docs/html/training/index.jd | 43 ++++++++++++++++++++++++-------------------
 1 file changed, 24 insertions(+), 19 deletions(-)

diff --git a/docs/html/training/index.jd b/docs/html/training/index.jd
index 7673a37dd659..18971ab1ba0b 100644
--- a/docs/html/training/index.jd
+++ b/docs/html/training/index.jd
@@ -4,25 +4,29 @@ page.metaDescription=Android Training provides a collection of classes that aim
 
 @jd:body
 
-<p>Welcome to Training for Android developers. Here you'll find sets of lessons within classes
-that describe how to accomplish a specific task with code samples you can re-use in your app.
-Classes are organized into several groups you can see at the top-level of the left navigation.</p>
-
- <p>This first group, <em>Getting Started</em>, teaches you the bare
-    essentials for Android app development. If you're a new Android app developer, you should
-    complete each of these classes in order.</p>
-
 <div class="wrap">
   <div class="cols">
     <div class="col-1of2">
-      <p>If you prefer to learn through interactive video training,
-      check out this trailer for a course about the fundamentals of Android development.</p>
-      <p><a href="https://www.udacity.com/course/ud853" class="button">
-        Start the video course</a>
-      </p>
+<p>Welcome to Training for Android developers. Here you'll find
+training classes that describe how to accomplish a specific task with code
+samples you can re-use in your app. Classes are organized into several groups
+you can see at the top-level of the left navigation.</p>
+
+<p>The first <a href="#class-list">training guides below</a>
+teach you the essentials for Android app development. If you're a new
+Android app developer, you should complete each of these classes in order.</p>
+
+<p>Various online video courses are also available if you'd prefer
+an interactive video experience.</p>
+
     </div>
-    <div class="col-1of2">
-      <iframe width="300" height="169" src="//www.youtube.com/embed/LfVBFFoy9Y0?utm_source=dac&utm_medium=video&utm_content=andfuntrain&utm_campaign=udacint?rel=0&amp;hd=1" frameborder="0" allowfullscreen></iframe>
+    <div class="col-1of2" style="background:#eee;padding-top:10px">
+      <p>Check out this trailer for a course about the fundamentals of
+        Android development on Udacity.</p>
+      </p>
+      <iframe width="338" height="169" src="//www.youtube.com/embed/LfVBFFoy9Y0?utm_source=dac&utm_medium=video&utm_content=andfuntrain&utm_campaign=udacint?rel=0&amp;hd=1" frameborder="0" allowfullscreen></iframe>
+      <p><a href="https://www.udacity.com/course/ud853" class="button"
+        style="width:100%">Start the video course</a>
     </div>
   </div>
 </div>
@@ -30,9 +34,7 @@ Classes are organized into several groups you can see at the top-level of the le
 <div style="clear:left" id="classes"></div>
 
 <section class="dac-section dac-small" id="latest-games"><div class="wrap">
-  <h2 class="norule">Online video courses</h2>
-  <p>If you prefer to learn through interactive video training,
-    check out these free courses.</p>
+  <h2 class="norule" style="margin:20px 0">Online video courses</h2>
   <div class="resource-widget resource-flow-layout col-16"
        data-query="collection:develop/landing/courses"
        data-sortOrder="random"
@@ -41,4 +43,7 @@ Classes are organized into several groups you can see at the top-level of the le
        data-items-per-page="24"
        data-initial-results="6"></div>
   </div>
-</section>
\ No newline at end of file
+</section>
+
+<h2 class="norule" id="class-list"
+  style="margin:0 0 -40px">Training guides</h2>
\ No newline at end of file
-- 
cgit v1.2.3-59-g8ed1b