improved structure and organization between video and training docs on the Training landing page.
Change-Id: I89f760bdbc55943277c3526e0a47fd51891414c9
diff --git a/docs/html/training/index.jd b/docs/html/training/index.jd
index 7673a37..18971ab 100644
--- a/docs/html/training/index.jd
+++ b/docs/html/training/index.jd
@@ -4,25 +4,29 @@
@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&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&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 @@
<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 @@
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