updates newsletter signup footer

diff --git a/docs/assets/scss/docs.scss b/docs/assets/scss/docs.scss
index 0a21d135f3b3a64286281d05d0b71a063974db31..274277f2521efb3d22401707073b82cccb6f02db 100644 (file)
--- a/docs/assets/scss/docs.scss
+++ b/docs/assets/scss/docs.scss
@@ -68,6 +68,15 @@ $topbar-hover-color: lighten($topbar-background, 10%);
   }
 }
 
+.docs-newsletter {
+  padding: 1rem 0;
+}
+
+.footer-signup-form {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
 .zurb-footer-bottom {
   background: $topbar-background;
 }

diff --git a/docs/partials/footer.html b/docs/partials/footer.html
index 632e46f85f73d5406732f7cc7e1cf4777080f8ea..e24e766e9adbc69ecb7f1aca2e5157a3e2b54650 100644 (file)
--- a/docs/partials/footer.html
+++ b/docs/partials/footer.html
@@ -1,15 +1,15 @@
 <!-- Small Business(Docs) -->
-<section id="studiosCallout" class="foundation">
+<section id="studiosCallout">
   <div class="row">
-    <div class="large-4 medium-4 columns">
+    <div class="medium-4 large-4 columns">
       <img src="http://foundation.zurb.com/assets/img/smallbiz-footer.svg" alt="">
     </div>
-    <div class="large-8 medium-8 columns banner-info">
-      <div class="row column property-label">ZURB STUDIOS</div>
-      <h3 class="light">Let's build something amazing.</h3>
-      <p class="lead">Work with our scrappy design team to bring your concepts to life. We’ll equip you with our battle-tested Progressive Design process and the tools to get your product or website off the ground and in front of your users.</p>
+    <div class="medium-8 large-8 columns banner-info">
+      <div class="row column property-label">ZURB Foundation</div>
+      <h3 class="light">Yeah, we can help with that.</h3>
+      <p class="lead"> We’ll collaborate with your team throughout the entire project life cycle. We’ll take your concept and move it through ideation, hi-fi wireframes, visual design and code, all while informing you on the whys and hows along the way.</p>
       <div class="course-buttons">
-          <a href="http://zurb.com/studios/getstarted" class="button" data-zcom-event="studios_foundation_click" id="foundationSmallV1">Show Me How &rarr;</a>
+        <a href="http://foundation.zurb.com/get-involved/premium-support.html" class="studios button" data-zcom-event="studios_foundation_click" id="foundationSmallV1">Show Me How &rarr;</a>
       </div>
     </div>
   </div>
@@ -17,21 +17,14 @@
 
 <div class="docs-newsletter">
   <div class="row">
-    <div class="medium-8 columns">
-      <h5>Stay on top of what&rsquo;s happening in <a href="http://zurb.com/responsive">responsive design</a>.</h5>
-      <p>Sign up to receive monthly Responsive Reading highlights. <a href="http://zurb.com/responsive/reading">Read Last Month's Edition &raquo;</a></p>
+    <div class="medium-7 large-8 columns">
+      <a target="_blank" href="http://foundation.zurb.com/learn/responsive-reading.html">
+        <h5 class="">Download ZURB’s 21 Responsive Trends That Will Shape 2017</h5>
+        <p style="margin-bottom: 0;">Stay informed with amazing responsive trends each month from ZURB.</p>
+      </a>
     </div>
-    <div class="medium-4 columns">
-      <form action="http://zurb.createsend.com/t/y/s/vjtyhh/" method="post" id="subForm">
-        <div class="row collapse margintop-20px">
-          <div class="small-8 medium-8 columns">
-            <input id="fieldEmail" name="cm-vjtyhh-vjtyhh" type="email" placeholder="signup@example.com">
-          </div>
-          <div class="small-4 medium-4 columns">
-            <input type="submit" href="#" class="postfix button" value="Sign Up">
-          </div>
-        </div>
-      </form>
+    <div class="medium-5 large-4 footer-signup-form columns">
+      <a style="margin-bottom: 0;" target="_blank" href="http://foundation.zurb.com/learn/responsive-reading.html" class="button expanded">Download the PDF</a>
     </div>
   </div>
 </div>