New Get AlmaLinux page design (#848)

* initial redesign idea

* Updates

* updates

* updates

* updates

* update

* updates

* use bootstrap

* updates

* add rpi

* Update layouts/get-almalinux/single.html

* clean up

* Apply Prettier format

---------

Co-authored-by: benny Vasquez <[email protected]>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: 3 people

assets/css/bundle.css

@@ -11,19 +11,7 @@
   color: #f1f8ff;
   }
 
-.itemAl_01 a {
-  color: #f1f8ff;
-  }
-
-.items__01 a {
-  color: #f1f8ff;
-  }
-
-.itemAl_02 a {
-  color: #f1f8ff;
-  }
-
-.Photo__Lock, .al-index-dowload-icon{
+.Photo__Lock, .al-index-download-icon{
   width: 40px;
   height: 40px;
 }
@@ -890,7 +878,90 @@ pre > code {
 }
 
 
+/* download content styles */
+
+  .al-os-tabs .nav-link {
+    background-color: #0e3b5c;
+    color: #ffffff;
+    font-family: 'Montserrat', sans-serif;
+    font-weight: 700;
+    border: none;
+    position: relative;
+    padding: 12px 32px;
+    margin: 0 6px;
+  }
+
+  .nav-tabs {
+    justify-content: center;
+  }
+  
+  .al-os-tabs .nav-link:hover::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 3px;
+    background-color: #777;
+  }
+
+  .dropdown-menu {
+  background-color: #0e3b5c;
+  color: #ffffff;
+  font-family: 'Montserrat', sans-serif;
+  font-weight: 400;
+}
+
+.dropdown-menu .dropdown-item {
+  background-color: #0e3b5c;
+  color: #ffffff;
+}
+
+.dropdown-menu .dropdown-item:hover {
+  background-color: #9db4cc;
+}
+
+.dropdown-menu .dropdown-item.active,
+.dropdown-menu .dropdown-item:focus {
+  background-color: #0e3b5c !important;
+  color: #ff4649;
+}
 
+.nav-tabs .nav-link.active,
+.nav-tabs .nav-item.show .nav-link {
+  background-color: #0e3b5c !important;
+  color: #ffffff !important;
+}
+
+.nav-tabs {
+  border-bottom: none !important;
+}
+
+.al-os-tabs .nav-link.active {
+  background-color: #0e3b5c;
+  color: #ffffff;
+  font-weight: 700;
+  position: relative;
+}
+
+.al-os-tabs .nav-link.active::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 3px;
+  background-color: #ff4649;
+}
+
+  .al-index-download-icon {
+    transition: transform 0.3s ease;
+  }
+  .al-index-download-icon:hover {
+    transform: scale(1.2);
+  }
+
+/* end of download content styles */
 
 
 
@@ -1122,3 +1193,9 @@ font-weight: 700;
 	margin:0 0 0 1rem;
 	list-style-type: none;
 }
+
+/* Download page */
+
+.gap-30 {
+  gap: 30px;
+}

i18n/en.json

@@ -834,6 +834,23 @@
    "ALD Vancouver 2025": "ALD Vancouver 2025",
    "This event is governed by a Code of Conduct": "This event is governed by a Code of Conduct",
    "Say Hello": "Say Hello",
+   "to AlmaLinux 10.0!": "to AlmaLinux 10.0!",
+   "AlmaLinux offers AlmaLinux OS 10 images for Azure across all Azure regions via the ": "AlmaLinux offers AlmaLinux OS 10 images for Azure across all Azure regions via the ",
+   "AlmaLinux provides official AlmaLinux OS 10.0 images for Vagrant:": "AlmaLinux provides official AlmaLinux OS 10.0 images for Vagrant:",
+   "AlmaLinux OS 10.0 UBI-alternatives:": "AlmaLinux OS 10.0 UBI-alternatives:",
+   "AlmaLinux offers AlmaLinux OS 9.6 images for Azure across all Azure regions via the ": "AlmaLinux offers AlmaLinux OS 9.6 images for Azure across all Azure regions via the ",
+   "AlmaLinux OS 9.6 UBI-alternatives:": "AlmaLinux OS 9.6 UBI-alternatives:",
+   "AlmaLinux provides official AlmaLinux OS 9.6 images for Vagrant:": "AlmaLinux provides official AlmaLinux OS 9.6 images for Vagrant:",
+   "AlmaLinux offers AlmaLinux OS 9.6 images for Azure across all Azure regions via the ": "AlmaLinux offers AlmaLinux OS 9.6 images for Azure across all Azure regions via the ",
+   "AlmaLinux offers AlmaLinux OS 8.10 images for Azure across all Azure regions via the ": "AlmaLinux offers AlmaLinux OS 8.10 images for Azure across all Azure regions via the ",
+   "AlmaLinux OS 8.10 UBI-alternatives:": "AlmaLinux OS 8.10 UBI-alternatives:",
+   "Download ISO": "Download ISO",
+   "Download 10.0 ISO": "Download 10.0 ISO",
+   "Download 9.6 ISO": "Download 9.6 ISO",
+   "Download 8.10 ISO": "Download 8.10 ISO",
+   "Get AlmaLinux 10.0": "Get AlmaLinux 10.0",
+   "Get AlmaLinux 9.6": "Get AlmaLinux 9.6",
+   "Get AlmaLinux 8.10": "Get AlmaLinux 8.10",
    "Upgrade from 9.x to 10.x within the same distribution": "Upgrade from 9.x to 10.x within the same distribution",
    "Reserve your spot!": "Reserve your spot!",
    "Swag, stickers, and a surprise giveaway!": "Swag, stickers, and a surprise giveaway!",
@@ -854,4 +871,4 @@
    "Chat ": "Chat ",
    "to AlmaLinux OS 9.7": "to AlmaLinux OS 9.7",
    "help us test AlmaLinux OS 10.1!": "help us test AlmaLinux OS 10.1!"
-}
+}