Current sponsers spike

Author: lancebecker

css/main.scss

@@ -271,7 +271,7 @@ address {
   color: #000;
   max-width: 1000px;
   margin: 0 auto;
-  background: #efefef;
+  border-top: 3px solid #efefef;
 }
 
 .footer-sitemap {
@@ -310,3 +310,41 @@ address {
   }
 
 }
+
+.sponser-level {
+  font-style: oblique;
+  color: #666;
+  margin: 10px 0;
+}
+
+.sponsers-page {
+
+  .sponser-container-row {
+    margin: 20px 0 40px;
+  }
+
+}
+
+.sponser-tier-2 {
+
+  .sponser {
+    width: 200px;
+    height: 100px;
+  }
+
+}
+
+.sponser-tier-3 {
+
+  .sponser {
+    width: 180px;
+    height: 80px;
+  }
+
+}
+
+.empty-sponser {
+  background: #eee;
+  font-style: oblique;
+  font-size: 0.9rem;
+}

pages/our_sponsors.html

@@ -1 +1,61 @@
-<p>Our current sponsors</p>
+<div class="interior-page sponsers-page">
+
+  <h1>Current Sponsers</h1>
+
+  <div class="sponser-tier platnium tilt-left">
+    <span class="secondary-content-header">Platnium</span>
+
+    <div class="sponser-container-row">
+
+      <div class="sponser">
+        <img src="/images/sponsers/logo-icf-olson.svg" />
+      </div>
+
+      <div class="sponser">
+        <img src="/images/sponsers/logo-twilio.svg" />
+      </div>
+
+    </div>
+
+  </div>
+
+  <div class="sponser-tier gold tilt-left">
+    <span class="secondary-content-header">Gold</span>
+
+    <div class="sponser-container-row sponser-tier-2">
+
+      <div class="sponser">
+        <img src="/images/sponsers/logo-reach-local.png" />
+      </div>
+
+      <div class="sponser">
+        <img src="/images/sponsers/logo-empulse.svg" />
+      </div>
+
+    </div>
+
+  </div>
+
+  <div class="sponser-tier silver tilt-left">
+    <span class="secondary-content-header">Silver</span>
+
+    <div class="sponser-container-row sponser-tier-3">
+
+      <div class="sponser empty-sponser">
+        Become a Sponser!
+      </div>
+      <div class="sponser empty-sponser">
+        Become a Sponser!
+      </div>
+      <div class="sponser empty-sponser">
+        Become a Sponser!
+      </div>
+      <div class="sponser empty-sponser">
+        Become a Sponser!
+      </div>
+
+    </div>
+
+  </div>
+
+</div>