Merge pull request #7463 from hmxlabs/7462-Website-Users

#7462 Website add users

Author: kamransaleem

docs/index.html

@@ -65,7 +65,8 @@
         <img class="pure-img-responsive"
              src="site/img/waltz_badge_mono_600px.png">
         <p class="splash-subhead" style="color: white; margin-top: 40px; font-size: larger">
-            Enterprise Architecture on the Wire
+            <span style="font-size: x-large">Your Enterprise Architecture</span> <br>
+            Visible. Connected. Understood.
         </p>
     </div>
 </div>
@@ -239,6 +240,52 @@ <h3 class="content-subhead">
     </div>
 
 
+    <div class="ribbon l-box-lrg pure-g">
+        <!-- HOW WALT FITS IN -->
+        <div class="is-center pure-u-1 pure-u-md-1-1">
+            <h2 class="content-head is-center" style="color: #a8cbf5;">How Waltz fits into the EA Tooling landscape</h2>
+            <div class="pure-g">
+                <div class="l-box pure-u-1 pure-u-md-1-1">
+                    <p>
+                        Waltz is designed to complement existing architecture-related solutions in your organisation
+                        (such as PowerDesigner, Archimate, Sparx or other Enterprise Architecture tools);
+                        it complements these solutions and enables integration with them as the need arises.
+                        Waltz is not intended to be a golden source of data other than for data attributes
+                        derived uniquely in the tool (e.g. ‘Estate Complexity’ score).
+                    </p>
+
+                    <p>
+                        As a general principle, Waltz presents read-only information about the organisation
+                        by aggregating data from numerous backend systems.  Where information is not readily
+                        available Waltz does provide basic edit capabilities to facilitate data capture.
+                    </p>
+                </div>
+            </div>
+        </div>
+    </div>
+
+
+    <div class="content">
+        <!-- WHO USES WALTZ -->
+        <h2 class="content-head is-center">Used by</h2>
+        <div class="pure-g">
+
+            <div class="pure-u-1 pure-u-md-1-1 pure-u-lg-1-1 is-center">
+                <div style="display:flex; justify-content:center; align-items:center; gap:40px; flex-wrap:wrap;">
+                    <a href="https://www.db.com/" target="_blank">
+                        <img src="site/img/users/deutschebank_logo.png" width="350" />
+                    </a>
+                    <a href="https://www.natwest.com/" target="_blank">
+                        <img src="site/img/users/natwest_logo.png" width="300" />
+                    </a>
+                    <a href="https://hmxlabs.io/" target="_blank">
+                        <img src="site/img/users/hmxlabs_logo.png" width="300"/>
+                    </a>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <div class="ribbon l-box-lrg pure-g">
         <!-- DEMO -->
         <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-4"></div>
@@ -261,47 +308,6 @@ <h2 class="is-center content-head content-head-ribbon" style="color: #a8cbf5;">
         <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-4"></div>
     </div>
 
-
-    <div class="content">
-        <!-- HOW WALT FITS IN -->
-        <h2 class="content-head is-center">How Waltz fits into the EA Tooling landscape</h2>
-        <div class="pure-g">
-            <div class="l-box pure-u-1 pure-u-md-1-1">
-                <p>
-                    Waltz is designed to complement existing architecture-related solutions in your organisation
-                    (such as PowerDesigner, Archimate, Sparx or other Enterprise Architecture tools);
-                    it complements these solutions and enables integration with them as the need arises.
-                    Waltz is not intended to be a golden source of data other than for data attributes
-                    derived uniquely in the tool (e.g. ‘Estate Complexity’ score).
-                </p>
-
-                <p>
-                    As a general principle, Waltz presents read-only information about the organisation
-                    by aggregating data from numerous backend systems.  Where information is not readily
-                    available Waltz does provide basic edit capabilities to facilitate data capture.
-                </p>
-            </div>
-
-
-        </div>
-    </div>
-
-    <div class="ribbon l-box-lrg pure-g">
-        <!-- OPEN SOURCE -->
-        <div class="l-box-lrg is-center pure-u-1 pure-u-md-1-2">
-            <img class="pure-img-responsive"
-                 alt="Hosted on Github"
-                 width="160"
-                 src="site/img/GitHub_icon_120px.png">
-            <img class="pure-img-responsive"
-                 alt="Built by Travis"
-                 width="160"
-                 src="site/img/TravisCI-Mascot-grey.png">
-            <br>
-
-        </div>
-    </div>
-
     <div class="content">
         <!-- TECH DETAILS -->
         <h2 class="content-head is-center">Technical Details</h2>
@@ -351,7 +357,7 @@ <h4>
                 </h4>
                 <p>
                     Waltz is built as a Java based web application.  We currently
-                    deploy to (embedded) Jetty and to Apache Tomcat (8+) server.  JDK 8
+                    deploy to (embedded) Jetty and to Apache Tomcat (10+) server.  JDK 17
                     is required to build and run Waltz.
                 </p>
                 <p>
@@ -367,8 +373,8 @@ <h4>
                     <i class="fa fa-database"></i>
                     Database</h4>
                 <p>
-                    Waltz is being built to support MariaDB (currently supported),
-                    PostgreSQL (in progress) and Microsoft SQL Server (supported -however
+                    Waltz is being built to support PostgreSQL (currently supported),
+                    and Microsoft SQL Server (supported - however
                     you will need to purchase a license for JOOQ to compile and build the
                     system).
                 </p>