Doc change: Updates to preview and distribute.

Change-Id: I097213ce68d50d10b23840f2ad61f26279293948

6 files changed, 176 insertions, 87 deletions

diff --git a/docs/html/distribute/monetize/ads.jd b/docs/html/distribute/monetize/ads.jd
index c15f2bb..6f55535 100644
--- a/docs/html/distribute/monetize/ads.jd
+++ b/docs/html/distribute/monetize/ads.jd
@@ -8,114 +8,202 @@ page.image=distribute/images/advertising.jpg
   <img src="{@docRoot}distribute/images/advertising.jpg" style="width:460px;">
 </div>
 
-<p>Ads are an effective and easy way to earn revenue from your apps. AdMob brings
-together best-in-class technology in a single ad platform for your app, so you
-can gain insights about your users, drive more in-app purchases, and maximize
-your ad revenue. You won’t need to rely on a combination of tools or use
-precious development resources to build your own solution.</p>
-
-<p>Why choose AdMob?</p>
+<p>
+  Ads are an effective and easy way to earn revenue from your apps. AdMob
+  brings together best-in-class technology in a single ad platform for your
+  app, so you can gain insights about your users, drive more in-app purchases,
+  and maximize your ad revenue. You won’t need to rely on a combination of
+  tools or use precious development resources to build your own solution.
+</p>
+
+<p>
+  Why choose AdMob?
+</p>
 
 <ul>
-  <li> Over 650,000 apps use AdMob
-  <li> $1 billion+ paid to developers in the last 2 years
-  <li> Fast, reliable payment in local currencies
-  <li> High CPMs and the best fill rates
-  <li> Industry-leading mediation platform
+  <li>Over 650,000 apps use AdMob
+  </li>
+
+  <li>$1 billion+ paid to developers in the last 2 years
+  </li>
+
+  <li>Fast, reliable payment in local currencies
+  </li>
+
+  <li>High CPMs and the best fill rates
+  </li>
+
+  <li>Industry-leading mediation platform
+  </li>
 </ul>
 
-<p><a href="http://www.google.com/ads/admob/#subid=us-en-et-dac">Sign-up for AdMob</a>
-today and start using the <a
-href="https://developer.android.com/google/play-services/ads.html">Google Mobile Ads SDK</a>
-in your app with a few lines of code.</p>
+<p>
+  <a href="http://www.google.com/ads/admob/#subid=us-en-et-dac">Sign-up for
+  AdMob</a> today and start using the <a href=
+  "https://developer.android.com/google/play-services/ads.html">Google Mobile
+  Ads SDK</a> in your app with a few lines of code.
+</p>
 
-<h2 id="maximize_your_ad_revenue">Maximize your ad revenue</h2>
+<h2 id="maximize_your_ad_revenue">
+  Maximize your ad revenue
+</h2>
 
 <div class="wrap">
   <div class="cols" style="margin-top:2em;">
     <div class="col-4of12">
-      <h5 id="maximize_earnings">Maximize earnings</h5>
-      <p>Earn more with our industry-leading ad service, which includes <a href=
-      "https://support.google.com/admob/answer/3063564">free mediation</a> to
-      automatically improve your earnings, and access to all of Google’s advertiser
-      demand from AdMob, AdWords, and the DoubleClick Ad Exchange.</p>
+      <h5 id="maximize_earnings">
+        Maximize earnings
+      </h5>
+
+      <p>
+        Earn more with our industry-leading ad service, which includes <a href=
+        "https://support.google.com/admob/answer/3063564">free mediation</a> to
+        automatically improve your earnings, and access to all of Google’s
+        advertiser demand from AdMob, AdWords, and the DoubleClick Ad Exchange.
+      </p>
     </div>
+
     <div class="col-4of12">
-      <h5 id="get_paid_fast">Get paid fast</h5>
-      <p>Get paid in local currencies quickly and reliably, with no wire fees charged by
-      AdMob.</p>
+      <h5 id="get_paid_fast">
+        Get paid fast
+      </h5>
+
+      <p>
+        Get paid in local currencies quickly and reliably, with no wire fees
+        charged by AdMob.
+      </p>
     </div>
+
     <div class="col-4of12">
-      <h5 id="easy_and_free">Easy and free</h5>
-      <p>The SDK can be installed quickly, and there are no standard fees for using the
-      platform.</p>
+      <h5 id="easy_and_free">
+        Easy and free
+      </h5>
+
+      <p>
+        The SDK can be installed quickly, and there are no standard fees for
+        using the platform.
+      </p>
     </div>
   </div>
 </div>
 
-<h2 id="grow_your_business_with_a_trusted_partner">Grow your business with a trusted partner</h2>
+<h2 id="grow_your_business_with_a_trusted_partner">
+  Grow your business with a trusted partner
+</h2>
+
 <div class="wrap">
   <div class="cols" style="margin-top:2em;">
     <div class="col-6of12">
-      <h5 id="powered_by_googles_ad_technology">Powered by Google’s ad technology</h5>
-      <p>For over a decade, Google has helped millions of developers grow their digital
-      businesses.</p>
+      <h5 id="powered_by_googles_ad_technology">
+        Powered by Google’s ad technology
+      </h5>
+
+      <p>
+        For over a decade, Google has helped millions of developers grow their
+        digital businesses.
+      </p>
     </div>
+
     <div class="col-6of12">
-      <h5 id="auto_updates_on_google_play">Auto updates on Google Play</h5>
-      <p>AdMob’s integration with Google Play services pushes automatic performance
-        improvements to Android apps without additional SDK changes.</p>
+      <h5 id="auto_updates_on_google_play">
+        Auto updates on Google Play
+      </h5>
+
+      <p>
+        AdMob’s integration with Google Play services pushes automatic
+        performance improvements to Android apps without additional SDK
+        changes.
+      </p>
     </div>
   </div>
 </div>
 
+<h2 id="drive_more_in-app_purchases_and_downloads">
+  Drive more in-app purchases and downloads
+</h2>
 
-<h2 id="drive_more_in-app_purchases_and_downloads">Drive more in-app purchases and downloads</h2>
 <div class="wrap">
   <div class="cols" style="margin-top:2em;">
     <div class="col-6of12">
-<h5 id="sell_more_in-app_purchases">Sell more in-app purchases</h5>
-<p>Earn more revenue by intelligently promoting your in-app purchases to the users
-most likely to buy them.</p>
+      <h5 id="sell_more_in-app_purchases">
+        Sell more in-app purchases
+      </h5>
+
+      <p>
+        Earn more revenue by intelligently promoting your in-app purchases to
+        the users most likely to buy them.
+      </p>
     </div>
+
     <div class="col-6of12">
-<h5 id="promote_your_apps_for_free">Promote your apps for free</h5>
-<p>Cross-sell your other apps (or your friend’s apps) to your existing users,
-using free AdMob <a href="https://support.google.com/admob/answer/3210452">house ads</a>.</p>
+      <h5 id="promote_your_apps_for_free">
+        Promote your apps for free
+      </h5>
+
+      <p>
+        Cross-sell your other apps (or your friend’s apps) to your existing
+        users, using free AdMob <a href=
+        "https://support.google.com/admob/answer/3210452">house ads</a>.
+      </p>
     </div>
   </div>
 </div>
 
-<h2 id="understand_users">Understand your users</h2>
+<h2 id="understand_users">
+  Understand your users
+</h2>
+
 <div class="wrap">
   <div class="cols" style="margin-top:2em;">
     <div class="col-6of12">
-<h5 id="analytics_for_apps">Analytics for apps</h5>
-<p>Analyze your app’s performance from within AdMob with Google Analytics.
-Discover where people are downloading your app, and the features they use the
-most in real time.</p>
+      <h5 id="analytics_for_apps">
+        Analytics for apps
+      </h5>
+
+      <p>
+        Analyze your app’s performance from within AdMob with Google Analytics.
+        Discover where people are downloading your app, and the features they
+        use the most in real time.
+      </p>
     </div>
+
     <div class="col-6of12">
-<h5 id="flow_visualization_reports">Flow visualization reports</h5>
-<p>In Analytics, see how people are navigating through your app with graphical
-<a href="https://support.google.com/analytics/answer/2519986">flow reports</a>.
-View the path they take to making a purchase, and the point where they exit
-the app, plus much more.</p>
+      <h5 id="flow_visualization_reports">
+        Flow visualization reports
+      </h5>
+
+      <p>
+        In Analytics, see how people are navigating through your app with
+        graphical <a href=
+        "https://support.google.com/analytics/answer/2519986">flow reports</a>.
+        View the path they take to making a purchase, and the point where they
+        exit the app, plus much more.
+      </p>
     </div>
   </div>
 </div>
 
-
-<div style="<h2 id=tips>Tips</h2>
+<h2 id="tips">
+  Tips
+</h2>
 
 <ul>
-  <li> Place ads wisely, they shouldn't be too intrusive but still need to be clearly
-visible to attract clickthroughs.
-  <li> Use banner, interstitial, and other ad formats appropriately.
-  <li> Make use of targeting features to match ads with your users and your app.
-  <li> Remember that ads form part of your app and must match its age rating.
-  <li> Exercise control options sensibly, don't get carried away excluding potentially
-competing ads at the expense of revenue.
+  <li>Place ads wisely, they shouldn't be too intrusive but still need to be
+  clearly visible to attract clickthroughs.
+  </li>
+
+  <li>Use banner, interstitial, and other ad formats appropriately.
+  </li>
+
+  <li>Make use of targeting features to match ads with your users and your app.
+  </li>
+
+  <li>Remember that ads form part of your app and must match its age rating.
+  </li>
+
+  <li>Exercise control options sensibly, don't get carried away excluding
+  potentially competing ads at the expense of revenue.
+  </li>
 </ul>
 
 
diff --git a/docs/html/distribute/monetize/ecommerce.jd b/docs/html/distribute/monetize/ecommerce.jd
index dc56d46..be1db64 100644
--- a/docs/html/distribute/monetize/ecommerce.jd
+++ b/docs/html/distribute/monetize/ecommerce.jd
@@ -1,22 +1,22 @@
 page.title=E-commerce
-page.image=/distribute/images/ecommerce.jpg
+page.image=/images/cards/card-ecommerce_16-9_2x.png
 page.metaImage=With Instant Buy you can sell physical goods and services from your web pages.
-page.tags="monetizing", "physical goods", "wallet"
+page.tags="monetizing", "physical goods", "payments"
 @jd:body
 
 <div class="figure">
   <img src="{@docRoot}images/gp-ecom-0.png" style="width:300px;">
   <p class="img-caption">
-    Product Purchase with Instant Buy
+    Product Purchase with Android Pay
   </p>
 </div>
 
 <p>
-  With Google Wallet Instant Buy, you've the added flexibility of selling
+  With Android Pay, you've the added flexibility of selling
   physical goods and services, such as clothing or movie tickets, through your
   apps using <a href=
-  "https://developers.google.com/wallet/instant-buy/">Instant Buy for
-  Android</a> <strong>(US Only)</strong>.
+  "https://developers.google.com/wallet/instant-buy/">the Android Pay API</a>
+  <strong>(US Only)</strong>.
 </p>
 
 <p>
@@ -28,14 +28,14 @@ page.tags="monetizing", "physical goods", "wallet"
 </p>
 
 <p>
-  Your customers purchase goods and services with any Google Wallet payment
-  method &mdash; credit card, gift card, or Wallet balance. Google Wallet
-  Instant Buy helps you minimize user data entry by enabling your payment flow
+  Your customers purchase goods and services with any payment
+  method &mdash; credit card, gift card, or Wallet balance. Android Pay
+  helps you minimize user data entry by enabling your payment flow
   to retrieve information directly from the user’s wallet.
 </p>
 
 <p>
-  You also keep your existing payment infrastructure and leverage Google Wallet
+  You also keep your existing payment infrastructure and leverage Android Pay
   to optimize your payment flow &mdash; users can make purchases in as a few as
   two clicks and the flow is simplified with features to retrieve information
   directly from the user’s wallet and intelligent auto-completion of addresses.
diff --git a/docs/html/distribute/monetize/freemium.jd b/docs/html/distribute/monetize/freemium.jd
index 0d33054..219b12d 100644
--- a/docs/html/distribute/monetize/freemium.jd
+++ b/docs/html/distribute/monetize/freemium.jd
@@ -1,5 +1,5 @@
 page.title=Monetize Freemium Apps
-page.image=/distribute/images/freemium.jpg
+page.image=images/cards/card-monetize-freemium_16-9_2x.png
 page.metaDescription=Use Google Play In-app Billing and other tools to monetize your free apps.
 page.tags="in-app", "billing", "iap", "monetizing"
 @jd:body
@@ -57,7 +57,7 @@ page.tags="in-app", "billing", "iap", "monetizing"
 </p>
 
 <p>
-  To get started with In-app Billing you need to set-up a Google Wallet
+  To get started with In-app Billing you need to set-up a Google payments
   <a href="{@docRoot}distribute/googleplay/start.html#merchant-account">Merchant
   Account</a> from Developer Console. You then define <a href=
   "{@docRoot}distribute/googleplay/developer-console.html#in-app-products">in-app
diff --git a/docs/html/distribute/monetize/payments.jd b/docs/html/distribute/monetize/payments.jd
index 187f872..7d972bb 100644
--- a/docs/html/distribute/monetize/payments.jd
+++ b/docs/html/distribute/monetize/payments.jd
@@ -1,12 +1,12 @@
 page.title=Convenient, Frictionless Purchasing
-page.image=
+page.image=images/cards/card-frictionless-purchasing_16-9_2x.png
 page.metaDescription=Users can purchase instantly with a choice of payment methods.
 page.tags="google play", "payments", "gift card"
 
 @jd:body
 
 <div class="figure">
-  <img src="{@docRoot}images/gp-start-wallet-icon.png" style="width:200px;">
+  <img src="{@docRoot}images/cards/card-frictionless-purchasing_16-9_2x.png">
 </div>
 
 <p>
@@ -41,7 +41,7 @@ page.tags="google play", "payments", "gift card"
 
 <p>
   Users can pay using any credit card that they’ve registered in Google Play.
-  Credit Cards added to Google Play are stored in the user’s Google Wallet and
+  Credit Cards added to Google Play are stored in the user’s Google wallet and
   available for in-app purchases and instant buys too. To make it easy for
   users to get started, registration is offered as a part of the initial device
   setup process.
diff --git a/docs/html/distribute/monetize/premium.jd b/docs/html/distribute/monetize/premium.jd
index c8823d1..2ba7eef 100644
--- a/docs/html/distribute/monetize/premium.jd
+++ b/docs/html/distribute/monetize/premium.jd
@@ -1,5 +1,5 @@
 page.title=Monetize Premium Apps
-page.image=/distribute/images/premium.jpg
+page.image=/images/cards/card-monetize-premium_16-9_2x.png
 page.metaDescription=Charging users to download your apps is a simple, convenient monetization model.
 page.tags="monetizing", "paid"
 
@@ -11,12 +11,13 @@ page.tags="monetizing", "paid"
 <p>
   Charging users to download your apps is a simple, convenient monetization
   model. After creating your <a href=
-  "/distribute/googleplay/start.html#merchant-account">Merchant
-  Account</a>, you <a href=
-  "/distribute/googleplay/developer-console.html#selling-pricing-your-products">set prices for your
-  apps</a> in the Developer Console. You can optionally include advertising or use
-  <a href="{@docRoot}google/play/billing/index.html">In-app
-  Billing</a> to sell additional features or content.
+  "/distribute/googleplay/start.html#merchant-account">Merchant Account</a>,
+  you <a href=
+  "/distribute/googleplay/developer-console.html#selling-pricing-your-products">
+  set prices for your apps</a> in the Developer Console. You can optionally
+  include advertising or use <a href=
+  "{@docRoot}google/play/billing/index.html">In-app Billing</a> to sell
+  additional features or content.
 </p>
 
 <p>
diff --git a/docs/html/distribute/monetize/subscriptions.jd b/docs/html/distribute/monetize/subscriptions.jd
index 6a4d9b1..a17cd78 100644
--- a/docs/html/distribute/monetize/subscriptions.jd
+++ b/docs/html/distribute/monetize/subscriptions.jd
@@ -1,5 +1,5 @@
 page.title=Monetize with Subscriptions
-page.image=/distribute/images/subscription.jpg
+page.image=images/cards/card-monetize_subscriptions_16-9_2x.png
 page.metaDescription=Sell subscriptions to your products to create continuing revenue streams.
 page.tags="in-app", "iap", "monetizing", "free", "trials"
 @jd:body
@@ -21,8 +21,8 @@ page.tags="in-app", "iap", "monetizing", "free", "trials"
 <p>
   When users purchase subscriptions in your apps, Google Play handles all
   checkout details so your apps never have to directly process any financial
-  transactions. Google Play processes all payments for subscriptions through
-  Google Wallet, just as it does for standard in-app products and app
+  transactions. Google Play processes all payments for subscriptions
+  just as it does for standard in-app products and app
   purchases. This ensures a consistent and familiar purchase flow for your
   users and reduces cart abandonment rates.
 </p>
@@ -43,7 +43,7 @@ page.tags="in-app", "iap", "monetizing", "free", "trials"
 </p>
 
 <p>
-  To get started with subscriptions you need to set-up a Google Wallet <a href=
+  To get started with subscriptions you need to set-up a Google payments <a href=
   "{@docRoot}distribute/googleplay/start.html#merchant-account">Merchant
   Account</a> from the Developer Console. You then define subscriptions for
   published or draft apps in the <a href=