Doc change: Updates to preview and distribute.

Change-Id: I097213ce68d50d10b23840f2ad61f26279293948

4 files changed, 186 insertions, 153 deletions

diff --git a/docs/html/distribute/users/build-buzz.jd b/docs/html/distribute/users/build-buzz.jd
index bfdc095..7bc6f6c 100644
--- a/docs/html/distribute/users/build-buzz.jd
+++ b/docs/html/distribute/users/build-buzz.jd
@@ -5,49 +5,8 @@ page.tags="users, growth, promotion"
 
 @jd:body
 
-<div id="qv-wrapper">
-  <div id="qv">
-    <h2>
-      Contents
-    </h2>
-
-    <ol>
-      <li>
-        <a href="#link-to-your-apps">Link to Your Apps</a>
-      </li>
-      <li>
-        <a href="#use-the-google-play-badge">Use the Badge</a>
-      </li>
-      <li>
-        <a href="#cross-promote-from-your-other-apps">Cross-Promote Your Apps</a>
-      </li>
-      <li>
-        <a href="#hold-a-contest">Hold a Contest</a>
-      </li>
-      <li>
-        <a href="#leverage-pr">Leverage PR</a>
-      </li>
-      <li>
-        <a href="#use-social-media">Use Social Media</a>
-      </li>
-      <li>
-        <a href="#publish-youtube-videos">Publish YouTube Videos</a>
-      </li>
-      <li>
-        <a href="#advertise">Advertise</a>
-      </li>
-      <li>
-        <a href="#maximize-your-marketing-spend">Maximize Your Marketing
-        spend</a>
-      </li>
-      <li><a href="#related-resources">Related Resources</a></li>
-    </ol>
-  </div>
-</div>
-
-<div style="float:right;border 2px solid #ddd;">
-  <img src="{@docRoot}distribute/images/build-buzz.jpg" style=
-  "width:240px;margin:0 0 1.5em 1em;">
+<div class="figure">
+  <img src="{@docRoot}distribute/images/build-buzz.jpg">
 </div>
 
 <p>
@@ -64,7 +23,7 @@ page.tags="users, growth, promotion"
   dividends.
 </p>
 
-<div class="headerLine">
+
   <h2 id="link-to-your-apps">
     Link to Your Apps in Google Play
   </h2>
@@ -101,7 +60,6 @@ page.tags="users, growth, promotion"
   </li>
 </ul>
 
-<div class="headerLine">
   <h2 id="use-the-google-play-badge">
     Use the Google Play Badge
   </h2>
diff --git a/docs/html/distribute/users/build-community.jd b/docs/html/distribute/users/build-community.jd
index 5cdabea..23b9d88 100644
--- a/docs/html/distribute/users/build-community.jd
+++ b/docs/html/distribute/users/build-community.jd
@@ -1,33 +1,10 @@
 page.title=Build Community
 page.metaDescription=Build a loyal following with great support and communication.
 page.tags="users, growth, community"
+page.image=/images/cards/card-build-community_16-9_2x.png
 
 @jd:body
 
-<div id="qv-wrapper">
-  <div id="qv">
-  <h2>
-    Contents
-  </h2>
-
-  <ol>
-    <li>
-    <a href="#starting-your-community">Starting Your Community</a>
-    </li>
-
-    <li>
-    <a href="#tools-to-build-your-community">Tools to Build Your Community</a>
-    </li>
-
-    <li>
-    <a href="#managing-your-community">Managing Your Community</a>
-    </li>
-    <li>
-    <a href="#related-resources">Related Resources</a>
-    </li>
-  </ol>
-  </div>
-</div>
 
 <p>
   Fans of your apps love to help others, turn newer users into fans, and bring
@@ -36,6 +13,10 @@ page.tags="users, growth, community"
   to others.
 </p>
 
+<div class="figure">
+  <img src="{@docRoot}images/cards/card-build-community_16-9_2x.png">
+</div>
+
 <p>
   Building your own community can help you bring content that will delight
   users and get them talking about your apps to friends, family and others in
diff --git a/docs/html/distribute/users/promote-with-ads.jd b/docs/html/distribute/users/promote-with-ads.jd
index 3456c66..f0e3256 100644
--- a/docs/html/distribute/users/promote-with-ads.jd
+++ b/docs/html/distribute/users/promote-with-ads.jd
@@ -21,28 +21,40 @@ most likely to install your app. </p>
 <p><a href="https://support.google.com/adwords/answer/6032059">Get started with AdWords
 app install ads</a>.</p>
 
-
-
 <div class="wrap">
   <div class="cols" style="margin-top:1em;">
     <div class="col-4of12">
-   <h3>From Google Play</h3>
-    <img src="/images/distribute/promote_ads_play.png">
-    <p class="figure-caption">Search ads on Google Play are still undergoing testing and
-    not yet available to buy. <a
-    href="http://android-developers.blogspot.com/2015/02/a-new-way-to-promote-your-app-on-google.html">Find
-    out more</a>.</p>
+      <h3>
+        From Google Play
+      </h3>
+      <img src="/images/distribute/promote_ads_play.png">
+      <p class="figure-caption">
+        Search ads on Google Play are still undergoing testing and not yet
+        available to buy. <a href=
+        "http://android-developers.blogspot.com/2015/02/a-new-way-to-promote-your-app-on-google.html">
+        Find out more</a>.
+      </p>
     </div>
+
     <div class="col-4of12">
-  <h3>From search</h3>
-    <img src="/images/distribute/promote_ads_search.png">
-    <p class="figure-caption">Connect with users as they search for content and services
-    provided by your app.</p>
+      <h3>
+        From search
+      </h3>
+      <img src="/images/distribute/promote_ads_search.png">
+      <p class="figure-caption">
+        Connect with users as they search for content and services provided by
+        your app.
+      </p>
     </div>
+
     <div class="col-4of12">
-   <h3>From YouTube</h3>
-   <img src="/images/distribute/promote_ads_youtube.png">
-    <p class="figure-caption">Promote your app when users are watching related videos.</p>
+      <h3>
+        From YouTube
+      </h3>
+      <img src="/images/distribute/promote_ads_youtube.png">
+      <p class="figure-caption">
+        Promote your app when users are watching related videos.
+      </p>
     </div>
   </div>
 </div>
@@ -50,88 +62,144 @@ app install ads</a>.</p>
 <div class="wrap">
   <div class="cols" style="margin-top:1em;">
     <div class="col-4of12">
-    <h3>From apps</h3>
-    <img src="/images/distribute/promote_ads_apps.png">
-    <p class="figure-caption">Reach users while they’re engaged with apps and games across the
-    AdMob network.</p>
+      <h3>
+        From apps
+      </h3>
+      <img src="/images/distribute/promote_ads_apps.png">
+      <p class="figure-caption">
+        Reach users while they’re engaged with apps and games across the AdMob
+        network.
+      </p>
     </div>
+
     <div class="col-4of12">
-   <h3>From the web</h3>
-   <img src="/images/distribute/promote_ads_web.png">
-    <p class="figure-caption">Reach users while they’re engaged with websites across the Google
-    Display Network.</p>
+      <h3>
+        From the web
+      </h3>
+      <img src="/images/distribute/promote_ads_web.png">
+      <p class="figure-caption">
+        Reach users while they’re engaged with websites across the Google
+        Display Network.
+      </p>
     </div>
+
     <div class="col-4of12">
-    <h3>From Gmail</h3>
-    <img src="/images/distribute/promote_ads_gmail.png">
-    <p class="figure-caption">Promote your app while users communicate and get things done in
-    Gmail.</p>
+      <h3>
+        From Gmail
+      </h3>
+      <img src="/images/distribute/promote_ads_gmail.png">
+      <p class="figure-caption">
+        Promote your app while users communicate and get things done in Gmail.
+      </p>
     </div>
   </div>
 </div>
 
-
-<h2>Tips</h3>
+<h2>
+  Tips
+</h2>
 
 <ul>
-  <li> Estimate how much an app user is worth to your business, so that you can work
-out an appropriate cost-per-install that you’re willing to pay.
-  <li> Ensure that your ads and Play Store listing are compelling and clearly describe
-your app’s value.
-  <li> Check that you’re accurately tracking and attributing installs by installing
-the AdWords <a href="https://developers.google.com/app-conversion-tracking/">conversion tracking SDK</a>.
-  <li> Promote your app broadly across display, search, and video to reach even more
-potential users and drive a higher volume of installs.
-  <li> Start with broader targeting and then fine tune your bidding once you’ve
-assessed your campaign results.
-  <li> Use Conversion Optimizer to automate your bidding so that your ads target users
-who are most likely to install your app. 
-  <li> Use Conversion Optimizer for in-app buyers to automate your bidding so that
-your ads target high value users who are most likely to make purchases in your
-app.
+  <li>Estimate how much an app user is worth to your business, so that you can
+  work out an appropriate cost-per-install that you’re willing to pay.
+  </li>
+
+  <li>Ensure that your ads and Play Store listing are compelling and clearly
+  describe your app’s value.
+  </li>
+
+  <li>Check that you’re accurately tracking and attributing installs by
+  installing the AdWords <a href=
+  "https://developers.google.com/app-conversion-tracking/">conversion tracking
+  SDK</a>.
+  </li>
+
+  <li>Promote your app broadly across display, search, and video to reach even
+  more potential users and drive a higher volume of installs.
+  </li>
+
+  <li>Start with broader targeting and then fine tune your bidding once you’ve
+  assessed your campaign results.
+  </li>
+
+  <li>Use Conversion Optimizer to automate your bidding so that your ads target
+  users who are most likely to install your app.
+  </li>
+
+  <li>Use Conversion Optimizer for in-app buyers to automate your bidding so
+  that your ads target high value users who are most likely to make purchases
+  in your app.
+  </li>
 </ul>
 
+<h2 id="engage_with_users">
+  Engage with users
+</h2>
 
-<h2 id=engage_with_users>Engage with users</h2>
-
-<p>Getting a user to install an app is one thing, but you'll also want them to
-open it regularly. AdWords offers app re-engagement tools to help your app stay
-in mind with users who’ve already installed it on their phone. AdWords can
-remind them of key features and encourage them to try your app again, or help
-them complete an activity they didn't know your app could handle.</p>
-
+<p>
+  Getting a user to install an app is one thing, but you'll also want them to
+  open it regularly. AdWords offers app re-engagement tools to help your app
+  stay in mind with users who’ve already installed it on their phone. AdWords
+  can remind them of key features and encourage them to try your app again, or
+  help them complete an activity they didn't know your app could handle.
+</p>
 
 <div class="wrap">
   <div class="cols" style="margin-top:1em;">
     <div class="col-4of12">
-   <h3>From search</h3>
-   <img src="/images/distribute/promote_ads.png">
-    <p class="figure-caption">Add deep links to your app, then bring users straight
-    to relevant app content when they’re searching.</p>
+      <h3>
+        From search
+      </h3>
+      <img src="/images/distribute/promote_ads.png">
+      <p class="figure-caption">
+        Add deep links to your app, then bring users straight to relevant app
+        content when they’re searching.
+      </p>
     </div>
+
     <div class="col-4of12">
-    <h3>From apps</h3>
-    <img src="/images/distribute/promote_ads_inapp.png">
-    <p class="figure-caption">Use remarketing and deep links to bring users to just the right
-    place in your app to re-engage and convert, from other apps and games they love.</p>
+      <h3>
+        From apps
+      </h3>
+      <img src="/images/distribute/promote_ads_inapp.png">
+      <p class="figure-caption">
+        Use remarketing and deep links to bring users to just the right place
+        in your app to re-engage and convert, from other apps and games they
+        love.
+      </p>
     </div>
   </div>
 </div>
 
-
-<h3>Tips</h3>
+<h3>
+  Tips
+</h3>
 
 <ul>
-  <li> Track what users do in your app after they’ve clicked an ad, by installing the
-AdWords <a href="https://developers.google.com/app-conversion-tracking/">conversion tracking SDK</a>.
-  <li> Advertise a compelling reason for users to re-engage with your app (such as a
-reminder or a special offer).
-  <li> <a href="https://developers.google.com/app-indexing/webmasters/app">Add deep links</a> to your app that’ll take users  directly to the parts of your app that will be
-most relevant and interesting to them, where they can easily take action.
-  <li> Re-engage your app users across the display network with remarketing lists and
-search with keywords.
-  <li> Use remarketing lists to target high value users so that you can drive more
-conversions in your app.
+  <li>Track what users do in your app after they’ve clicked an ad, by
+  installing the AdWords <a href=
+  "https://developers.google.com/app-conversion-tracking/">conversion tracking
+  SDK</a>.
+  </li>
+
+  <li>Advertise a compelling reason for users to re-engage with your app (such
+  as a reminder or a special offer).
+  </li>
+
+  <li>
+    <a href="https://developers.google.com/app-indexing/webmasters/app">Add
+    deep links</a> to your app that’ll take users directly to the parts of your
+    app that will be most relevant and interesting to them, where they can
+    easily take action.
+  </li>
+
+  <li>Re-engage your app users across the display network with remarketing
+  lists and search with keywords.
+  </li>
+
+  <li>Use remarketing lists to target high value users so that you can drive
+  more conversions in your app.
+  </li>
 </ul>
 
 <h2 id="related-resources">Related Resources</h2>
diff --git a/docs/html/distribute/users/youtube.jd b/docs/html/distribute/users/youtube.jd
index 0be6584..9554d8c 100644
--- a/docs/html/distribute/users/youtube.jd
+++ b/docs/html/distribute/users/youtube.jd
@@ -1,28 +1,54 @@
 page.title=Drive installs from YouTube
 page.metaDescription=Bring users from videos to your store listing with a merchandise card available on YouTube.
-page.image=images/cards/card-youtube_2x.png
+page.image=images/cards/card-instals-from-youtube_16-9_2x.png
 page.tags="users, youtube, cards, videos"
 @jd:body
 
-<p>Now you can bring users who discover your app videos on YouTube to your store listing with a merchandise card, one of several card types available to add to YouTube videos. Once published the presence of the merchandise card is indicated in the video with an information icon. When a viewer opens the card they follow the link to your app on the Play Store, where they can install your app.</p>
+<p>
+  Now you can bring users who discover your app videos on YouTube to your store
+  listing with a merchandise card, one of several card types available to add
+  to YouTube videos. Once published the presence of the merchandise card is
+  indicated in the video with an information icon. When a viewer opens the card
+  they follow the link to your app on the Play Store, where they can install
+  your app.
+</p>
 
 <div class="wrap" style="margin:2em auto">
   <div class="cols">
-    <div class="col-9of12">
-      <img src="{@docRoot}images/distribute/youtube-card-example.png">
-    </div>
+	<div class="col-9of12">
+	  <img src="{@docRoot}images/distribute/youtube-card-example.png">
+	</div>
   </div>
 </div>
 
-<p>Get started <a href="https://support.google.com/youtube/answer/6140493">adding merchandise cards to your uploaded videos</a>.</p>
+<p>
+  Get started <a href=
+  "https://support.google.com/youtube/answer/6140493">adding merchandise cards
+  to your uploaded videos</a>.
+</p>
+
+<h2>
+  Tips
+</h2>
 
-<h2>Tips</h2>
 <ul>
-<li>Don’t indicate the location of a card within your video, cards might be positioned differently on different devices.</li>
-<li>When you add cards, featured video or playlist highlights in your video are hidden. </li>
-<li>In order to display cards, your account needs to be in good standing.</li>
-<li>Performance reporting for cards is available in YouTube Analytics.</li>
-<li>Cards work better when they're not too close to each other. Try spacing them out.</li>
+  <li>Don’t indicate the location of a card within your video, cards might be
+  positioned differently on different devices.
+  </li>
+
+  <li>When you add cards, featured video or playlist highlights in your video
+  are hidden.
+  </li>
+
+  <li>In order to display cards, your account needs to be in good standing.
+  </li>
+
+  <li>Performance reporting for cards is available in YouTube Analytics.
+  </li>
+
+  <li>Cards work better when they're not too close to each other. Try spacing
+  them out.
+  </li>
 </ul>
 
 <h2 id="related-resources">Related resources</h2>