fixed footer

Author: GarthDB

_includes/footer.html

@@ -23,14 +23,15 @@ <h2>About</h2>
             <li><a href="http://phonegap.com/about/license/">License</a></li>
             <li><a href="http://phonegap.com/about/faq/">FAQs</a></li>
             <li><a href="https://cordova.apache.org/">Apache Cordova</a></li>
+            <li><a href="http://phonegap.com/about/artwork/">Logo</a></li>
+            <li><a href="#">Stickers</a></li>
             <li><a href="http://phonegap.com/about/contact/">Contact Us</a></li>
           </ul>
         </nav>
         <nav class="site-footer__list">
           <h2>Docs &amp; Resources</h2>
           <ul>
-            <li><a href="/">Documentation</a></li>
-            <li><a href="http://wiki.phonegap.com/">Wiki</a></li>
+            <li><a href="http://docs.phonegap.com">Documentation</a></li>
             <li><a href="http://groups.google.com/group/phonegap">Google Group</a></li>
             <li><a href="http://phonegap.com/tool/">Third Party Tools</a></li>
             <li><a href="http://phonegap.com/event/">Events</a></li>
@@ -52,6 +53,16 @@ <h2>We're Everywhere</h2>
         </nav>
       </div>
     </div>
+    <div class="subscribe">
+      <div class="subscribe__description">
+        <h2>Stay Connected to PhoneGap</h2>
+        <div>If you'd like us to keep in touch with the latest news and updates, subscribe now.</div>
+      </div>
+      <form class="subscribe__form">
+        <input class="subscribe__form__text-input" type="email" placeholder="Enter your email address"/>
+        <input class="subscribe__form__submit" type="submit" value="Sign up"/>
+      </form>
+    </div>
     <hr>
     <div class="site-footer__copyright">Copyright © 2015 Adobe Systems Inc. All rights reserved. <br>Use of this website signifies your agreement to the <a href="http://www.adobe.com/legal/general-terms.html">Terms of Use</a> and <a href="http://adobe.com/privacy">Privacy Policy and Cookies</a>.</div>
   </div>

_sass/_footer.sass

@@ -23,7 +23,7 @@
   -webkit-flex-wrap: wrap
   -ms-flex-wrap: wrap
   flex-wrap: wrap
-  max-width: 520px
+  max-width: 616px
   -webkit-box-pack: justify
   -webkit-justify-content: space-between
   -ms-flex-pack: justify
@@ -53,11 +53,12 @@
   -ms-flex-pack: justify
   justify-content: space-between
 .site-footer__messages
-  max-width: 400px
+  max-width: 420px
   -webkit-box-ordinal-group: 1
   -webkit-order: 0
   -ms-flex-order: 0
   order: 0
+  color: #94b7cb
   h2
     font-weight: normal
     font-size: 1.5rem
@@ -82,7 +83,7 @@
         &:before
           left: .3rem
 .site-footer__message
-  margin-bottom: 3rem
+  margin-bottom: 2.375rem
 .subscribe
   display: -webkit-box
   display: -webkit-flex
@@ -112,6 +113,8 @@
   display: -webkit-flex
   display: -ms-flexbox
   display: flex
+  padding-top: 26px
+  padding-right: 10px
 .subscribe__form__text-input
   background: #64889B
   border: none
@@ -124,15 +127,21 @@
   -ms-flex-positive: 1
   flex-grow: 1
   margin-right: 10px
-  padding: .875rem 1rem
-  &::-webkit-input-placeholder, &::-moz-placeholder, &:-ms-input-placeholder, &::placeholder
+  padding: .75rem 1rem .8125rem
+  &::-webkit-input-placeholder
+    color: #003351
+  &::-moz-placeholder
+    color: #003351
+  &:-ms-input-placeholder
+    color: #003351
+  &::placeholder
     color: #003351
 .subscribe__form__submit
   text-transform: uppercase
   font-size: 1.0625rem
   height: 2.75rem
   box-sizing: border-box
-  padding: .875rem 1rem
+  padding: .625rem 1.5625rem .6875rem
   border-radius: 4px
   background: #1BA1C7
   border: none
@@ -146,14 +155,16 @@
 @media (min-width: 820px)
   .site-footer
     .bounds
-      padding-top: 70px
+      padding-top: 67px
       padding-bottom: 30px
+    h2
+      margin-bottom: 0.625rem
   .site-footer__list
     margin: 0 0 2.5rem
   .site-footer__messages
     -webkit-box-ordinal-group: 3
     -webkit-order: 2
     -ms-flex-order: 2
     order: 2
-    h2
-      margin-bottom: 1.25rem
+  .subscribe h2
+    margin-bottom: 0.125rem

_sass/_home.sass

@@ -335,9 +335,11 @@ hr
   text-align: center
   .bounds
     max-width: 930px
-    padding: 20px 0 40px
+    padding: 25px 0 40px
     h2
       font-size: 1.875rem
+      text-transform: none
+      margin-bottom: 0.6rem
 @media (min-width: 820px)
   .home-header
     color: white