add new theme flatly to site
[bootswatch] / united / index.html
index 18333e8..ffcb9c2 100755 (executable)
@@ -35,7 +35,7 @@
   </head>
 
   <body class="preview" id="top" data-spy="scroll" data-target=".subnav" data-offset="80">
-    <script src="../js/bsa.js"></script>
+  <!--  <script src="../js/bsa.js"></script> -->
 
 
   <!-- Navbar
           <li class="dropdown">
             <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
             <ul class="dropdown-menu" id="swatch-menu">
-              <li><a href="../default">Default</a></li>
+              <li><a href="../default/">Default</a></li>
               <li class="divider"></li>
-              <li><a href="../amelia">Amelia</a></li>
-              <li><a href="../cerulean">Cerulean</a></li>
-              <li><a href="../cosmo">Cosmo</a></li>
-              <li><a href="../cyborg">Cyborg</a></li>
-              <li><a href="../journal">Journal</a></li>
-              <li><a href="../readable">Readable</a></li>
-              <li><a href="../simplex">Simplex</a></li>
-              <li><a href="../slate">Slate</a></li>
-              <li><a href="../spacelab">Spacelab</a></li>
-              <li><a href="../spruce">Spruce</a></li>
-              <li><a href="../superhero">Superhero</a></li>
-              <li><a href="../united">United</a></li>
+              <li><a href="../amelia/">Amelia</a></li>
+              <li><a href="../cerulean/">Cerulean</a></li>
+              <li><a href="../cosmo/">Cosmo</a></li>
+              <li><a href="../cyborg/">Cyborg</a></li>
+              <li><a href="../flatly/">Flatly</a></li>
+              <li><a href="../journal/">Journal</a></li>
+              <li><a href="../readable/">Readable</a></li>
+              <li><a href="../simplex/">Simplex</a></li>
+              <li><a href="../slate/">Slate</a></li>
+              <li><a href="../spacelab/">Spacelab</a></li>
+              <li><a href="../spruce/">Spruce</a></li>
+              <li><a href="../superhero/">Superhero</a></li>
+              <li><a href="../united/">United</a></li>
             </ul>
           </li>
           <li class="dropdown" id="preview-menu">
       <p class="lead">Ubuntu orange and unique font.</p>
     </div>
     <div class="span6">
-      <div class="bsa well">
+<!--       <div class="bsa well">
           <div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div>
+      </div> -->
+      <div class="well" style="padding: 25px 25px 15px 25px;">
+        <a href="http://www.maxcdn.com" target="_blank">
+          <span style="float: left; margin: 0 15px 10px 0;">
+            <img src="../img/maxcdn.gif" width="175" height="135">
+          </span>
+        </a>
+        <a href="http://www.maxcdn.com" target="_blank">
+          <span style="display: block; font-weight: bold; margin-bottom: 1em;">Make Your Site Fast!</span>
+          <span style="display: block;">When your hosting is far from your visitors your website becomes slow for them. A CDN allows you to be close to everyone. Click to see how a CDN works.</span>
+        </a>
+        <div style="clear:both"></div>
       </div>
     </div>
   </div>
               <span class="help-inline">Woohoo!</span>
             </div>
           </div>
-          <div class="control-group success">
-            <label class="control-label" for="selectError">Select with success</label>
+          <div class="control-group info">
+            <label class="control-label" for="selectError">Select with info</label>
             <div class="controls">
               <select id="selectError">
                 <option>1</option>
       <ul class="nav nav-tabs">
         <li class="active"><a href="#A" data-toggle="tab">Section 1</a></li>
         <li><a href="#B" data-toggle="tab">Section 2</a></li>
-        <li><a href="#C" data-toggle="tab">Section 3</a></li>
+        <li class="disabled"><a href="#" data-toggle="tab">Section 3</a></li>
       </ul>
       <div class="tabbable">
         <div class="tab-content">
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
+    <script src="../js/jquery.smooth-scroll.min.js"></script>
     <script src="../js/bootstrap.min.js"></script>
     <script src="../js/bootswatch.js"></script>