diff options
| author | Darin Dimitroff <d@thecrazyones.agency> | 2017-01-01 16:39:14 +0200 |
|---|---|---|
| committer | Darin Dimitroff <d@thecrazyones.agency> | 2017-01-01 16:39:14 +0200 |
| commit | bd9a50e9c824e89d8a91fd54c8bc838cdfa796f6 (patch) | |
| tree | 06254243ccfc713ab0801e748b16dade68ff73ca /site/layouts/partials/footer.html | |
| parent | dedfd8a8098db999f81a55a845e0e4d041f9d7a8 (diff) | |
Initial commit
Diffstat (limited to 'site/layouts/partials/footer.html')
| -rw-r--r-- | site/layouts/partials/footer.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/site/layouts/partials/footer.html b/site/layouts/partials/footer.html index 310a610..629e288 100644 --- a/site/layouts/partials/footer.html +++ b/site/layouts/partials/footer.html @@ -1,3 +1,59 @@ +<footer class="bg-black ph3 pv4 white"> + + <div class="mw7 center pt3"> + <div class="measure-narrow center mb4"> + <img src="/img/logo.svg" alt="" class="db w4 center mb4"> + <p class="f3 lh-title light-gray b tc mb2">Newsletter subscribe</p> + <p>Get awesome news from us in your inbox every two weeks. Be the first to learn about new products.</p> + + <form action="" class="flex-ns mb3"> + <fieldset class="flex-auto mb2 mb0-ns mr2-ns"> + <input type="text" id="email" placeholder="Your email" class="w-100"> + <label for="email">Your email</label> + </fieldset> + <button class="btn mb3 w-100 w-auto-ns mb0-ns raise" type="submit">Submit</button> + </form> + </div> + + <div class="flex-ns justify-between"> + <div> + <h3 class="f4 b lh-title mb1 primary">List of links</h3> + <ul class="mb3"> + <li><a href="/" class="link">Home</a></li> + <li><a href="/products" class="link">Our products</a></li> + <li><a href="/about" class="link">About us</a></li> + <li><a href="/post" class="link">post</a></li> + <li><a href="/contact" class="link">Contact</a></li> + </ul> + </div> + + <div> + <h3 class="f4 b lh-title mb1 primary">Another list of links</h3> + <ul class="mb3"> + <li><a href="#" class="link">Latest offer</a></li> + <li><a href="#" class="link">Our locations</a></li> + <li><a href="#" class="link">Our partners</a></li> + </ul> + </div> + + <div> + <h3 class="f4 b lh-title mb2 primary">Social media</h3> + <ul class="mhn2"> + {{ partial "social-icon" (dict "link" "facebook.com" "svg" "500px") }} + {{ partial "social-icon" (dict "link" "facebook.com" "svg" "Airbnb") }} + {{ partial "social-icon" (dict "link" "facebook.com" "svg" "Facebook") }} + {{ partial "social-icon" (dict "link" "facebook.com" "svg" "Amazon") }} + </ul> + </div> + </div> + </div> + +</footer> + +{{ partial "svg" . }} + <script src="/app.js"></script> + </body> + </html> |