separating logos into two rows

Signed-off-by: Melody Nguyen <128001866+melodyxnguyen@users.noreply.github.com>
arras-energy · Feb 10, 2024 · 78804fa · 78804fa
1 parent 40e8a87
commit 78804fa
Showing 1 changed file with 26 additions and 24 deletions.
diff --git a/index.html b/index.html
@@ -28,41 +28,43 @@ <h2 class="page-description">{{ site.description }}</h2>
 </main>
 
 <footer style="background-color: rgb(0, 0, 0); color: white; padding: 15px;">
-  <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
-       <div style="margin: -50px; flex: 1;">
-        <a href="https://www.energy.gov/" target="_blank">
-         <img src="/assets/images/DOE_Logo_White.png" alt="U.S. Department of Energy" style="max-width: 50%; margin-top: 10px;">
-        </a>
+  <div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;">
+    <div style="margin: -50px; flex: 1;">
+      <a href="https://www.energy.gov/" target="_blank">
+        <img src="/assets/images/DOE_Logo_White.png" alt="U.S. Department of Energy" style="max-width: 50%; margin-top: 10px;">
+      </a>
     </div>   
-      <div style="margin: -50px; flex: 1;">
-        <a href="https://www.energy.gov/" target="_blank">
-         <img src="/assets/images/DOE_Logo_White.png" alt="U.S. Department of Energy" style="max-width: 50%; margin-top: 10px;">
-        </a>
+    <div style="margin: -50px; flex: 1;">
+      <a href="https://www.energy.gov/" target="_blank">
+        <img src="/assets/images/DOE_Logo_White.png" alt="U.S. Department of Energy" style="max-width: 50%; margin-top: 10px;">
+      </a>
     </div>    
-        <div style="margin: -50px; flex: 1;">
-        <a href="https://www.energy.gov/" target="_blank">
-         <img src="/assets/images/DOE_Logo_White.png" alt="U.S. Department of Energy" style="max-width: 50%; margin-top: 10px;">
-        </a>
+    <div style="margin: -50px; flex: 1;">
+      <a href="https://www.energy.gov/" target="_blank">
+        <img src="/assets/images/DOE_Logo_White.png" alt="U.S. Department of Energy" style="max-width: 50%; margin-top: 10px;">
+      </a>
     </div>
-          <div style="margin: -50px; flex: 1;">
-        <a href="https://www.energy.gov/" target="_blank">
-         <img src="/assets/images/DOE_Logo_White.png" alt="U.S. Department of Energy" style="max-width: 50%; margin-top: 10px;">
-        </a>
+  </div>
+  <div style="display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;">
+    <div style="margin: -50px; flex: 1;">
+      <a href="https://www.energy.gov/" target="_blank">
+        <img src="/assets/images/DOE_Logo_White.png" alt="U.S. Department of Energy" style="max-width: 50%; margin-top: 10px;">
+      </a>
     </div>
     <div style="margin: 7px -45px 2px; flex: 1;">
-        <a href="https://lfenergy.org/" target="_blank">
+      <a href="https://lfenergy.org/" target="_blank">
         <img src="/assets/images/white-LF.png" alt="Linux Foundation" style="max-width: 70%; margin-top: 0px;">
-        </a>
+      </a>
     </div>
     <div style="margin: -30px; flex: 1;">
-        <a href="https://www6.slac.stanford.edu/" target="_blank">
+      <a href="https://www6.slac.stanford.edu/" target="_blank">
         <img src="/assets/images/whiteslac.webp" alt="SLAC National Accelerator Laboratory" style="max-width: 55%; margin-top: 0px;">
-        </a>
+      </a>
     </div>
     <div style="margin: -120px; flex: 1;">
-        <a href="https://www.energy.ca.gov/" target="_blank">
-      <img src="/assets/images/cce.png" alt="California Comissions Energy" style="max-width: 19%; margin-top: 0px;">
-        </a>
+      <a href="https://www.energy.ca.gov/" target="_blank">
+        <img src="/assets/images/cce.png" alt="California Comissions Energy" style="max-width: 19%; margin-top: 0px;">
+      </a>
     </div>
   </div>
   <p style="text-align: center;">Copyright © Arras a Series of LF Projects, LLC</p>