Add users voices, updated logos with color, rearangements

* Add quotes from suers of our project
* Used colorful logos to better match the rest of the page
* Rearranged some parts of the page

Signed-off-by: Sebastian Gumprich <github@gumpri.ch>

Author: Sebastian Gumprich

themes/devsec/layouts/index.html

@@ -111,29 +111,37 @@ <h2>Add security to your automation</h2>
     </div>
   </section>
 
-  <section class="users">
-    <p>Our Users</p>
-    <ul>
-      <li><a href="https://www.benocs.com/"><img class="grayscale" src="/images/users/benocs-logo.png" style="height: 40px;"></a></li>
-      <li><a href="https://www.t-mobile.com/"><img class="grayscale" src="/images/users/tmo-logo156.png" style="height: 40px;"></a></li>
-      <li class="small"><a href="https://www.convergint.com/"><img class="grayscale" src="/images/users/Convergint-Logo.png" style="height: 40px;"></a></li>
-      <li class="small"><a href="http://www.telekom.com/"><img class="grayscale" src="/images/users/Telekom_Logo_2013.png" style="height: 35px;"></a></li>
-    </ul>
+  <section class="users border-top">
+    <h2>What Others Say</h2>
 
-  </section>
+      <blockquote class="center"> The team behind dev-sec.io “Hardening Framework” programmed most of the benchmark into InSpec rules that make it easy to “test” compliance, ensuring that the rules have been applied on a server. <cite><a href="https://www.prodops.io/blog/devops-linux-audit-d">Evgeny Zislis - Co-Founder & CTO of ProdOps</a></cite>
+      </blockquote>
 
-  <section class="press border-top">
+      <blockquote class="center"> An excellent resource for automated hardening is a set of open source templates originally developed at Deutsche Telekom [...]. <cite><a href="https://software-security.sans.org/blog/2016/06/29/dev-sec-io-automated-hardening-framework">Jim Bird, co-founder and CTO of a major U.S.-based institutional trading service</a></cite>
+      </blockquote>
 
-    <blockquote class="center">
-    Industry is spending a fortune and useless spend on SIEM  – less than 1% success in preventing breaches.<cite>Amit Yoran keynote at RSA conference 2015</cite>
-    </blockquote>
+      <blockquote class="center"> It covers most of the required hardening checks based on multiple standards, which includes Ubuntu Security Features, NSA Guide to Secure Configuration, ArchLinux System Hardening and other. <cite><a href="https://www.oreilly.com/library/view/security-automation-with/9781788394512/1f82a609-9878-4737-990d-d4fd2a32bbad.xhtml">Security Automation with Ansible 2 by Akash Mahajan, Madhu Akula</a></cite>
+      </blockquote>
+  </section>
 
+  <section class="press">
+    <h2>The DevSec Project in the Press</h2>
     <ul>
-      <li><a href="https://news.ycombinator.com/item?id=8875130"><img src="/images/hacker-news.png"></a></li>
-      <li><a href="http://www.heise.de/security/meldung/Telekom-Tools-fuer-sichere-Server-Konfiguration-2517840.html"><img src="/images/heise_security_logo_2014.png"></a></li>
+      <li><a href="http://www.heise.de/security/meldung/Telekom-Tools-fuer-sichere-Server-Konfiguration-2517840.html"><img src="/images/heise_security_logo.png" ></a></li>
       <li><a href="http://phpmagazine.net/2015/02/hardening-framework-plans-to-support-php.html"><img src="/images/phpmaglogo.png"></a></li>
+      <li><a href="https://news.ycombinator.com/item?id=8875130"><img src="/images/hacker-news.jpg" style="height: 30px"></a></li>
     </ul>
+		<br>
+  </section>
 
+  <section class="press">
+    <h2>Our Users</h2>
+    <ul>
+      <li><a href="https://www.benocs.com/"><img src="/images/users/benocs-logo.png" style="height: 40px;"></a></li>
+      <li><a href="https://www.t-mobile.com/"><img src="/images/users/tmo-logo156.png" style="height: 40px;"></a></li>
+      <li class="small"><a href="https://www.convergint.com/"><img src="/images/users/Convergint-Logo.png" style="height: 40px;"></a></li>
+      <li class="small"><a href="http://www.telekom.com/"><img src="/images/users/Telekom_Logo_2013.png" style="height: 35px;"></a></li>
+    </ul>
   </section>
 
   <section class="explain border-top" id="operating_systems">

themes/devsec/static/css/app.css

@@ -10710,6 +10710,7 @@ h4 {
 }
 
 .press {
+  text-align: center;
   width: 100%;
   height: 150px;
   padding-top: 10px;