Save poddery section added

css/main.css

@@ -101,6 +101,10 @@ header{
 header button{
     margin: 5px;
 }
+.centered{
+    margin-left: auto;
+    margin-right: auto;
+}
 #band{
     background-color: #428BCA;
     font-size: 15px;
@@ -110,7 +114,8 @@ header button{
     color: #efefef;
 }
 #home-boxes{
-    margin-top: 30px;
+    margin-top: 40px;
+    margin-bottom: 45px;
 }
 #home-boxes i{
     font-size: 90px;
@@ -118,6 +123,9 @@ header button{
 #home-boxes p{
     font-size: 14px;
 }
+#save-poddery-campaign{
+    font-size: 14px;
+}
 
 
 

index.html

@@ -29,7 +29,7 @@
             <div class="container">
                 <div class="row text-center">
                     <div class="col-md-12">
-                        <img src="img/diaspora-logo-large.png" alt="">
+                        <img src="img/diaspora-logo-large.png" alt="diaspora logo" class="centered img-responsive">
                         <h3>The community-run Distributed Social-network</h3>
                     </div>
                     <div class="col-md-12">
@@ -44,24 +44,43 @@
             Unity is strength! <a href="#">See how we saved this pod.</a>
         </div>
 
-        <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 class="container">
+            <section id="home-boxes" class="text-center">
+                <div class="row">
+                    <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 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>
+            </section> 
+            <hr>
+            <section id="save-poddery-campaign">
+                <div class="row">               
+                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
+                        <img src="img/save-poddery-campaign-dummy-image.jpg" alt="Save Poddery" class="centered img-responsive">
+                    </div>
+                    <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
+                        <h2>The story of unity - Save Poddery Campaign</h2>
+                        <p>Poddery.com, one of the earliest diaspora social networking host was scheduled to close on June 30th, 2013. So, a community of diaspora users and contributors gathered together and started the <a href="http://savepoddery.com/">Save Poddery Campaign</a>. We started fund raising at <a href="http://www.indiegogo.com/projects/keep-diaspora-service-at-poddery-com-live">indiegogo.com</a>, and acquired 922<i class="icon-eur"></i> in the period June 09, 2013 - July 23, 2013.</p>
+                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempor semper libero. In euismod laoreet lorem eget consectetur. Maecenas arcu diam, sollicitudin sed leo eu, tincidunt auctor nunc. Donec rutrum porttitor interdum. Duis tincidunt bibendum lacus, sed semper tortor facilisis vitae. Cras pellentesque diam et adipiscing ultrices. Fusce sollicitudin tincidunt massa, vel vulputate dolor.</p>
+                        <p>Mauris id sodales ligula. Mauris lacinia vitae mauris ut dictum. Integer at dui tellus. Integer malesuada nibh ut purus commodo pharetra. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In porttitor dolor ut erat consectetur, quis euismod tortor consequat. Proin lacinia, justo lacinia bibendum eleifend, dui velit euismod elit, sit amet dapibus mauris arcu ullamcorper magna. Aenean id ultricies lectus. Ut at erat in dui faucibus porta vitae ut ante.</p>
+                        <button class="btn btn-primary">savepoddery.com <i class="icon-chevron-right"></i></button>
+                    </div>    
                 </div>
-            </div>
+            </section>
+            <hr>
+            
         </div>
 
         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>