1 files changed, 62 insertions, 3 deletions
diff --git a/spruce/index.html b/spruce/index.html
index 550934c3..6e0670ae 100755
--- a/spruce/index.html
+++ b/spruce/index.html
@@ -36,6 +36,7 @@
   </head>
 
   <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="50">
+    <script src="../js/bsa.js"></script>
 
 
   <!-- Navbar
@@ -62,8 +63,18 @@
 <!-- Masthead
 ================================================== -->
 <header class="jumbotron subhead" id="overview">
-  <h1>Spruce</h1>
-  <p class="lead">A preview of changes in this swatch.</p>
+  <div class="row">
+    <div class="span6">
+      <h1>Spruce</h1>
+      <p class="lead">A preview of changes in this swatch.</p>
+    </div>
+    <div class="span6">
+      <div class="bsa well">
+          <div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div>
+          <div class="clearfix"><a href="http://adpacks.com" id="bsap_aplink">via Ad Packs</a></div>
+      </div>
+    </div>
+  </div>
   <div class="subnav">
     <ul class="nav nav-pills">
       <li><a href="#typography">Typography</a></li>
@@ -127,7 +138,7 @@
 ================================================== -->
 <section id="navbar">
   <div class="page-header">
-    <h1>Navbar</h1>
+    <h1>Navbars</h1>
   </div>
   <div class="navbar">
     <div class="navbar-inner">
@@ -177,6 +188,54 @@
     </div><!-- /navbar-inner -->
   </div><!-- /navbar -->
 
+  <div class="navbar navbar-inverse">
+    <div class="navbar-inner">
+      <div class="container" style="width: auto;">
+        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </a>
+        <a class="brand" href="#">Project name</a>
+        <div class="nav-collapse">
+          <ul class="nav">
+            <li class="active"><a href="#">Home</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li class="dropdown">
+              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="#">Action</a></li>
+                <li><a href="#">Another action</a></li>
+                <li><a href="#">Something else here</a></li>
+                <li class="divider"></li>
+                <li><a href="#">Separated link</a></li>
+              </ul>
+            </li>
+          </ul>
+          <form class="navbar-search pull-left" action="">
+            <input type="text" class="search-query span2" placeholder="Search">
+          </form>
+          <ul class="nav pull-right">
+            <li><a href="#">Link</a></li>
+            <li class="divider-vertical"></li>
+            <li class="dropdown">
+              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+              <ul class="dropdown-menu">
+                <li><a href="#">Action</a></li>
+                <li><a href="#">Another action</a></li>
+                <li><a href="#">Something else here</a></li>
+                <li class="divider"></li>
+                <li><a href="#">Separated link</a></li>
+              </ul>
+            </li>
+          </ul>
+        </div><!-- /.nav-collapse -->
+      </div>
+    </div><!-- /navbar-inner -->
+  </div><!-- /navbar -->
+
 </section>