Add banner component example

Author: mrmrs

components/articles/full-bleed-background/index.html

@@ -287,6 +287,13 @@ <h2 class="f5 mb2 ttc mid-gray">articles</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">banners</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/banners/basic/index.html">Basic</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 

components/articles/large-title-text/index.html

@@ -239,6 +239,13 @@ <h2 class="f5 mb2 ttc mid-gray">articles</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">banners</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/banners/basic/index.html">Basic</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 

components/articles/left-title-top-border/index.html

@@ -313,6 +313,13 @@ <h2 class="f5 mb2 ttc mid-gray">articles</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">banners</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/banners/basic/index.html">Basic</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 

components/articles/left-title/index.html

@@ -260,6 +260,13 @@ <h2 class="f5 mb2 ttc mid-gray">articles</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">banners</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/banners/basic/index.html">Basic</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 

components/articles/photo-essay/index.html

@@ -490,6 +490,13 @@ <h2 class="f5 mb2 ttc mid-gray">articles</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">banners</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/banners/basic/index.html">Basic</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 

components/articles/single-column-large-title/index.html

@@ -322,6 +322,13 @@ <h2 class="f5 mb2 ttc mid-gray">articles</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">banners</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/banners/basic/index.html">Basic</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 

components/articles/title-text-image/index.html

@@ -167,6 +167,13 @@ <h2 class="f5 mb2 ttc mid-gray">articles</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">banners</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/banners/basic/index.html">Basic</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 

components/articles/title-text/index.html

@@ -149,6 +149,13 @@ <h2 class="f5 mb2 ttc mid-gray">articles</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">banners</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/banners/basic/index.html">Basic</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">cards</h2>