From bd9a50e9c824e89d8a91fd54c8bc838cdfa796f6 Mon Sep 17 00:00:00 2001
From: Darin Dimitroff <d@thecrazyones.agency>
Date: Sun, 1 Jan 2017 16:39:14 +0200
Subject: Initial commit

---
 site/layouts/partials/footer.html | 56 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 56 insertions(+)

(limited to 'site/layouts/partials/footer.html')

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>
-- 
cgit v1.3