extensions banner (#15056)

* extensions banner

* typo fix

* typo fix

* typo fix

_includes/landing-page/extensions-banner.html

@@ -0,0 +1,19 @@
+<section class="cta-banner extensions">
+    <div class="container">
+        <div class="col-xs-12 col-md-6 col-lg-offset-1 col-lg-7">
+          <h2>
+            Build your own Docker Extension
+          </h2>
+        </br>
+        <p>Use our SDK to build new functionality into Docker Desktop, extend its existing capabilities, and integrate additional developer tools. <br><br> Create and install an extension today and join our growing list of Extension Partners when you publish your extension to the Marketplace.</p>
+        </div>
+        <div class="col-xs-12 col-md-6 col-lg-4 text-center">
+            <img src="/images/extensions.PNG" alt="extensions" />
+            </div>
+        <div class="col-xs-12 col-md-6 col-lg-4 text-center">
+          <a class="btn" href="http://www.docs.docker.com/desktop/extensions-sdk/" target="_blank">
+           Start building
+          </a>
+        </div>
+    </div>
+  </section>

_layouts/landing.html

@@ -143,7 +143,7 @@
     </div>
   </section>
 
-  {% include landing-page/dockercon-banner.html %}
+  {% include landing-page/extensions-banner.html %}
 
   <section class="container help-by-product">
     <div class="row">

_scss/_landing.scss

@@ -227,7 +227,7 @@ body.landing {
 
   section.cta-banner {
     background-color: $dark-blue;
-    padding:          75px 0;
+    padding:          65px 0;
 
     h2, h5, p {
       color: white;
@@ -240,8 +240,8 @@ body.landing {
     }
 
     img {
-      margin-bottom: 20px;
-      max-height:    100px;
+      margin-bottom: 10px;
+      max-height:    190px;
     }
 
     h2 {
@@ -253,8 +253,8 @@ body.landing {
       background:  #FF3F73;
       color:       white;
       font-size:   17px;
-      margin-top:  50px;
-      padding:     20px 60px;
+      margin-top:  20px;
+      padding:     15px 30px;
 
       img {
         margin: 0;