Better layout of the contact page.

source/contact/index.html

@@ -5,19 +5,18 @@ title: Contact
 <div id="content" class="txt-middle">
   <div class="container">
-    <ul class="animated" style="list-style:none">
-      <div class="footer_text">
-        <h3>Email</h3>
+    <div class="row">
+      <div class="col-sm-4 col-md-4">
+        <h2>Email</h2>
         <a href="mailto:sales@gitlab.com"> sales@gitlab.com</a>
-        <li>&nbsp;</li>
-        <h3>Twitter</h3>
+      </div>
+      <div class="col-sm-4 col-md-4">
+        <h2>Twitter</h2>
         <a href="https://twitter.com/gitlabhq" class="twitter-follow-button" data-show-count="false">Follow @gitlabhq</a>
-<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
-        <li>&nbsp;</li>
-        <h3>Website</h3>
-        <a href="https://gitlab.com/gitlab-com/www-gitlab-com/blob/master/CONTRIBUTING">Contribute to this website</a>
-        <li>&nbsp;</li>
-        <h3>Newsletter</h3>
+        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+      </div>
+      <div class="col-sm-4 col-md-4">
+        <h2>Newsletter</h2>
         <!-- Begin MailChimp Signup Form -->
         <div id="mc_embed_signup" class="newsletter-form">
           <form action="https://gitlab.us5.list-manage.com/subscribe/post?u=498dccd07cf3e9482bee33ba4&amp;id=98a9a4992c" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="">
@@ -33,12 +32,19 @@ title: Contact
           </form>
         </div>
         <!--End mc_embed_signup-->
-        <h3>Address</h3>
+      </div>
+      <div class="col-sm-4 col-md-4">
+        <h2>Address</h2>
         GitLab.com<br>Attn. Sytse Sijbrandij<br>Ondiep 108<br>3552EK Utrecht<br>The Netherlands
-        <li>&nbsp;</li>
-        <h3>Security</h3>
-        <a href="/disclosure/">Responsible Disclosure Policy</a>
       </div>
-    </ul>
+      <div class="col-sm-4 col-md-4">
+        <h2>Security</h2>
+        If you want to test the security of GitLab or if you think found a problem please see our <a href="/disclosure/">Responsible Disclosure Policy</a>.
+      </div>
+      <div class="col-sm-4 col-md-4">
+        <h2>Website</h2>
+        This website is created from a public repository. If you see a potential improvement please <a href="https://gitlab.com/gitlab-com/www-gitlab-com/blob/master/CONTRIBUTING">contribute to this website</a>.
+      </div>
+    </div>
   </div>
 </div>