Added files

index.html

@@ -81,34 +81,46 @@
      </div>
      <div class="row demo-row">
          <div class="col-xs-3">
-             <a href="#fakelink" class="btn btn-block btn-lg btn-primary">Bug Count</a>
+             <a href="#fakelink" class="btn btn-block btn-lg btn-warning">Bug Count</a>
          </div>
          <div class="col-xs-3">
-             <a href="#fakelink" class="btn btn-block btn-lg btn-warning">Files Scanned</a>
+             <a href="#fakelink" class="btn btn-block btn-lg btn-default">Files Scanned</a>
          </div>
          <div class="col-xs-3">
-             <a href="#fakelink" class="btn btn-block btn-lg btn-default">Risky Files</a>
+             <a href="#fakelink" class="btn btn-block btn-lg btn-warning">Risky Files</a>
          </div>
          <div class="col-xs-3">
-             <a href="#fakelink" class="btn btn-block btn-lg btn-danger">Time Used</a>
+             <a href="#fakelink" class="btn btn-block btn-lg btn-default">Time Used</a>
          </div>
      </div> <!-- /row -->
+     <div class="row">
+         <div class="col-xs-3">
+             <div class="form-group has-error">
+                 <input type="text" value="" placeholder="Bug Count:50" disabled="disabled"  class="form-control " style="height: 5em">
+             </div>
+         </div>
+         <div class="col-xs-3">
+             <div class="form-group has-success">
+                 <input type="text" value="" placeholder="Files Scanned:50" disabled="disabled" class="form-control " style="height: 5em">
+             </div>
+         </div>
+         <div class="col-xs-3">
+             <div class="form-group has-error">
+                 <input type="text" value="" placeholder="Risky Files:44" disabled="disabled"  class="form-control" style="height: 5em">
+                 <span class="input-icon fui-check-inverted"></span>
+             </div>
+         </div>
+         <div class="col-xs-3">
+             <div class="form-group has-success">
+                 <input type="text" value=""  placeholder="Time Used:21" disabled="disabled" class="form-control" style="height: 5em">
+             </div>
+         </div>
+     </div>
 
 <!--/ background -->
 
 
-<div class="content-st">
-
-	<div class="container">
-    	<h1>Flexi Landing Page.</h1>
-        <h4>This is a small sub title</h4>
-
-        <p>ITS BETA is working hard to launch a new site that's going to revolutionize the way you do business. Leave us your email below, and we'll notify you the minute we open the doors.</p>
-        <a href="#" class="content-st-btn">Beautifully clean buttons</a>
-
-    </div>
 
-</div>
 <!--/ content-st -->
 
 <div class="content-nd">
@@ -148,63 +160,46 @@
 </div>
 <!--/ content-nd -->
 
-<div class="content-rd">
+<!--/ content-rd -->
 
-    <div class="container">
-    	<h1>Super legible fonts.</h1>
-        <p>The super clean <span>Raleway</span>, and <span>Merriweather</span> fonts from Google produce super clean, legible text.</p>
+<!--/ content-ft -->
+     <div class="content-sx">
+         <div class="container">
 
-        <blockquote>
-        <i class="fa fa-quote-left"></i>
-        <p>The content width, line spacing and font size follow the golden ratio formula for optimal reading on any device.</p>
-        </blockquote>
+             <div class="row">
+                 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
+                     <div class="img-right">
+                         <div id="container1" style="min-width:400px;height:400px"></div>
+                     </div>
+                 </div>
 
-        <p>Titles are appropriately sized and are darker giving a good visual hierachy to your page and content. With the light background and not-quite-so-dark font color it's also easy on the eyes for reading making your copy pop, and your message stand-out.</p>
+                 <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
 
-    </div>
+                     <div class="text-center row" style="margin: 0 auto">
 
-</div>
-<!--/ content-rd -->
+                             <div class="box">
+                                 <i class="fa fa-laptop fa-5x"></i>
 
-<div class="content-ft">
+                                 <h2>UIV</h2>
+                                 <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way you do business.</p>
+                             </div>
+                         <div class="box">
+                             <i class="fa fa-laptop fa-5x"></i>
 
-    <div class="container">
-    	<div class="row">
-        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
-        	<div class="right-text">
-            	<h1>Image right. Text left.</h1>
-
-                <ul>
-                	<li>
-                    	<div class="left-icon"><img src="img/icon-1.png" alt="pic-1" /></div>
-                        <div class="text-right">
-                        	<h4>UIV<span>:40</span></h4>
-                            <p>Titles are appropriately sized and are darker giving a good visual hierachy to your page and content.</p>
-                        </div>
-                    </li>
-                    <li>
-                    	<div class="left-icon"><img src="img/icon-2.png" alt="pic-2" /></div>
-                        <div class="text-right">
-                        	<h4>NPD<span>:50</span></h4>
-                            <p>Titles are appropriately sized and are darker giving a good visual hierachy to your page and content.</p>
-                        </div>
-                    </li>
-                </ul>
+                             <h2>NPD</h2>
+                             <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way you do business.</p>
+                         </div>
 
-            </div>
-            <!--/ right-text -->
-        </div>
 
-        <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
-        	<div class="img-right">
-                <div id="container1" style="min-width:400px;height:400px"></div>
-            </div>
-        </div>
-       </div><!--/ row-->
-    </div>
 
-</div>
-<!--/ content-ft -->
+
+                     </div>
+                     <!--/ right-text -->
+                 </div>
+             </div><!--/ row-->
+
+         </div>
+     </div>
 
 <div class="content-sx">
 	<div class="container">
@@ -218,25 +213,23 @@
 
         <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
 
-            <div class="right-text">
-            	<h1>Image left. Text right.</h1>
-
-                <ul>
-                	<li>
-                    	<div class="left-icon"><img src="img/icon-1.png" alt="pic-1" /></div>
-                        <div class="text-right">
-                        	<h4>Retina Support</h4>
-                            <p>Titles are appropriately sized and are darker giving a good visual hierachy to your page and content.</p>
-                        </div>
-                    </li>
-                    <li>
-                    	<div class="left-icon"><img src="img/icon-2.png" alt="pic-2" /></div>
-                        <div class="text-right">
-                        	<h4>Retina Support</h4>
-                            <p>Titles are appropriately sized and are darker giving a good visual hierachy to your page and content.</p>
-                        </div>
-                    </li>
-                </ul>
+            <div class="text-center row" style="margin: 0 auto">
+
+                <div class="box">
+                    <i class="fa fa-laptop fa-5x"></i>
+
+                    <h2>UIV</h2>
+                    <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way you do business.</p>
+                </div>
+                <div class="box">
+                    <i class="fa fa-laptop fa-5x"></i>
+
+                    <h2>NPD</h2>
+                    <p>Epsum factorial non deposit quid pro quo hic escorol. Olypian quarrels et gorilla congolium sic ad nauseum. ITS BETA is working hard to launch a new site that's going to revolutionize the way you do business.</p>
+                </div>
+
+
+
 
             </div>
             <!--/ right-text -->
@@ -249,24 +242,7 @@
 
 
 
-    <div class="footer">
-
-        <div class="container">
-
-    			<div class="row">
-                    <div class="col-sm-12">
-                        <ul class="footer-social">
-                            <li><a href="#" class="social-facebook"><span>Facebook</span></a></li>
-                            <li><a href="#" class="social-pinterest"><span>Pinterest</span></a></li>
-                            <li><a href="#" class="social-twitter"><span>Twitter</span></a></li>
-                        </ul>
-                        <div class="copyright">A Premium WordPress theme by <a href="http://www.cssmoban.com/">ThemeFuse</a></div>
-                    </div>
-                </div>
-                <!--/ row -->
 
-         </div>
-    </div><!--/ footer-->
 
 
      <script src="dist/js/vendor/jquery.min.js"></script>