Home boxes added

css/main.css

@@ -101,7 +101,15 @@ header{
 header button{
     margin: 5px;
 }
-
+#home-boxes{
+    margin-top: 30px;
+}
+#home-boxes i{
+    font-size: 90px;
+}
+#home-boxes p{
+    font-size: 14px;
+}
 
 
 

index.html

@@ -30,7 +30,7 @@
                 <div class="row text-center">
                     <div class="col-md-12">
                         <img src="img/diaspora-logo-large.png" alt="">
-                        <h3>The community-run Distributed Social Network</h3>
+                        <h3>The community-run Distributed Social-network</h3>
                     </div>
                     <div class="col-md-12">
                         <button class="btn btn-success">Login</button>
@@ -39,7 +39,27 @@
                 </div>
             </div>
         </header>
-        
+
+        <div class="container text-center">
+            <div class="row" id="home-boxes">
+                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
+                    <h3>Privacy aware</h3>
+                    <i class="icon-lock icon-large"></i>
+                    <p>The online social world where you are in control of your own data. Share what you want with whom you want.</p>
+                </div>
+                <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
+                    <h3>Open source</h3>
+                    <i class="icon-github icon-large"></i>
+                    <p>Our software is completely free, so <a href="http://github.com/diaspora/diaspora">grab the code</a> and <a href="http://podupti.me/">host it</a> wherever you want!</p>
+                </div>
+                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
+                    <h3>Creative community</h3>
+                    <i class="icon-globe icon-large"></i>
+                    <p>Meet people from all over the world who love the Internet and want to see it free as much as you do.</p>
+                </div>
+            </div>
+        </div>
+
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
         <script src="js/plugins.js"></script>