Show partners of previous HAC

Signed-off-by: André Jaenisch <andre.jaenisch@posteo.de>
codezoned · Aniket-Mishra · Oct 4, 2020 · Oct 4, 2020 · Oct 5, 2020 · Oct 5, 2020
commit 498c1678021a674cbf1c30d4b10ff5a914a2bc3a
diff --git a/assets/img/Devfolio-Dark.png b/assets/img/Devfolio-Dark.png
diff --git a/assets/img/Hackathon_Logo_Wolfram_2020_Vector-removebg.png b/assets/img/Hackathon_Logo_Wolfram_2020_Vector-removebg.png
diff --git a/assets/img/Matic-Network_Logo.png b/assets/img/Matic-Network_Logo.png
diff --git a/assets/img/alert.png b/assets/img/alert.png
diff --git a/assets/img/balsamiq-logo-noborder-screen.png b/assets/img/balsamiq-logo-noborder-screen.png
diff --git a/assets/img/bhumi.png b/assets/img/bhumi.png
diff --git a/assets/img/bugsee_logo.png b/assets/img/bugsee_logo.png
diff --git a/assets/img/coffeehour.png b/assets/img/coffeehour.png
diff --git a/assets/img/devhood_logo.png b/assets/img/devhood_logo.png
diff --git a/assets/img/digital_ocean_logo.png b/assets/img/digital_ocean_logo.png
diff --git a/assets/img/echoAR_-_Logo_2020_-_Dark.png b/assets/img/echoAR_-_Logo_2020_-_Dark.png
diff --git a/assets/img/fold-logo.svg b/assets/img/fold-logo.svg
diff --git a/assets/img/githublogoblack.png b/assets/img/githublogoblack.png
diff --git a/assets/img/gmc_logo.png b/assets/img/gmc_logo.png
diff --git a/assets/img/jetbrains_4.png b/assets/img/jetbrains_4.png
diff --git a/assets/img/linode-logo-blk-rgb-minified.svg b/assets/img/linode-logo-blk-rgb-minified.svg
diff --git a/assets/img/mlh.png b/assets/img/mlh.png
diff --git a/assets/img/sashido.png b/assets/img/sashido.png
diff --git a/assets/img/siam.png b/assets/img/siam.png
diff --git a/assets/img/spi.png b/assets/img/spi.png
diff --git a/assets/img/sticker_mule.png b/assets/img/sticker_mule.png
diff --git a/assets/img/voiceflow.png b/assets/img/voiceflow.png
diff --git a/assets/img/zubi.png b/assets/img/zubi.png
diff --git a/index.html b/index.html
@@ -108,14 +108,91 @@ <h1>Events!</h1>
 
     <div class="black-section" style="padding: 2.5% 0;">
         <div class="partners">
-            <div class="partners-inner" style="text-align: center;">
-                <h2 class="partner-head" style="color: white;">Our Amazing Partners:</h2>
+            <div class="previous-partners">
+                <h2 class="partner-head">Partners that have supported our events</h2>
+                <div class="sponsors-images">
+                    <a href="https://mlh.io/" class="mlh">
+                        <img src="assets/img/mlh.png" alt="Major League Hacking" />
+                    </a>
+                    <a href="https://github.com/" class="github">
+                        <img src="assets/img/githublogoblack.png" alt="GitHub" />
+                    </a>
+                    <a href="https://devfolio.co/home/" class="devfolio">
+                        <img src="assets/img/Devfolio-Dark.png" alt="Devfolio" />
+                    </a>
+                    <a href="https://matic.network/" class="matic">
+                        <img src="assets/img/Matic-Network_Logo.png" alt="Matic" />
+                    </a>
+                    <a href="https://fold.money/" class="fold">
+                        <img src="assets/img/fold-logo.svg" alt="Fold" />
+                    </a>
+                    <a href="https://www.wolframalpha.com/" class="wolfram">
+                        <img src="assets/img/Hackathon_Logo_Wolfram_2020_Vector-removebg.png" alt="Wolfram Language" />
+                    </a>
+                    <a href="https://www.echoar.xyz/" class="echoar">
+                        <img src="assets/img/echoAR_-_Logo_2020_-_Dark.png" alt="echoAR" />
+                    </a>
+                    <a href="https://www.digitalocean.com/" class="digitalocean">
+                        <img src="assets/img/digital_ocean_logo.png" alt="DigitalOcean" />
+                    </a>
+                    <a href="https://www.sashido.io/en/" class="sashido">
+                        <img src="assets/img/sashido.png" alt="sashido" />
+                     </a>
+                    <a href="https://www.linode.com/" class="linode">
+                        <img src="assets/img/linode-logo-blk-rgb-minified.svg" alt="Linode" />
+                     </a>
+                    <a href="https://www.voiceflow.com/" class="voiceflow">
+                        <img src="assets/img/voiceflow.png" alt="voiceflow" />
+                     </a>
+                    <a href="https://balsamiq.com/" class="balsamiq">
+                        <img src="assets/img/balsamiq-logo-noborder-screen.png" alt="Balsamiq" />
+                     </a>
+                    <a href="https://www.linkedin.com/company/spi-edge/" class="spi">
+                        <img src="assets/img/spi.png" alt="spi" />
+                     </a>
+                    <a href="https://www.bugsee.com/" class="bugsee">
+                        <img src="assets/img/bugsee_logo.png" alt="Bugsee" />
+                     </a>
+                    <a href="https://www.jetbrains.com/" class="jetbrains">
+                        <img src="assets/img/jetbrains_4.png" alt="Jetbrains" />
+                     </a>
+                    <a href="https://www.facebook.com/DevHoodMX" class="devhood">
+                        <img src="assets/img/devhood_logo.png" alt="DevHood" />
+                     </a>
+                    <a href="https://www.coffeehours.club/" class="coffeehours">
+                        <img src="assets/img/coffeehour.png" alt="Coffeehours" />
+                     </a>
+                    <a href="https://givemycertificate.com/" class="gmc">
+                        <img src="assets/img/gmc_logo.png" alt="Give My Certificate" />
+                     </a>
+                    <a href="https://siamcomputing.com/" class="siam">
+                        <img src="assets/img/siam.png" alt="siam computing" />
+                     </a>
+                    <a href="https://zubi.io/" class="zubi">
+                        <img src="assets/img/zubi.png" alt="zubi" />
+                     </a>
+                    <a href="https://alert.ngo/" class="alert">
+                        <img src="assets/img/alert.png" alt="alert" />
+                     </a>
+                    <a href="https://www.bhumi.ngo/" class="bhumi">
+                        <img src="assets/img/bhumi.png" alt="Bhumi" />
+                     </a>
+                    <a href="http://hackp.ac/mlh-stickermule-hackathons" class="mule">
+                        <img src="assets/img/sticker_mule.png" alt="Sticker Mule" />
+                    </a>
+                </div>
+            </div><!-- .previous-partners -->
+
+            <div class="partners-inner">
+                <h2 class="partner-head">Our Amazing Partners:</h2>
                 <div class="sponsors-images">
                     <a href="#"><img class="spi" src="assets/img/spi_shadow.png" alt=""></a> <br>
                     <a href="#"><img class="ankor" src="assets/img/Ankor-White.png" alt=""></a>
                     <a href="#"><img class="alert" src="assets/img/Alert-logo.png" alt=""></a>
+                    <!--
                     <a href="#"><img class="" src="assets/img/" alt=""></a>
                     <a href="#"><img class="" src="assets/img/" alt=""></a>
+                    -->
                 </div>
                 <div class="partner-types" style="color: white;">
                     <div class="types">

diff --git a/static/css/style.css b/static/css/style.css
@@ -441,6 +441,27 @@ a {
 
 /*==================================================== Partners =============================================================== */
 
+.previous-partners
1CF5
 .sponsors-images {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.previous-partners .sponsors-images a {
+    flex: 0 1 30%;
+    padding: 0.5em;
+    margin: 0.5em;
+    background-color: white;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.previous-partners .sponsors-images img {
+    max-width: 100%;
+}
+
 .spi {
     max-width: 35%;
 }
@@ -454,6 +475,15 @@ a {
     max-width: 15%;
 }
 
+.partners-inner {
+    text-align: center;
+}
+
+.partner-head {
+    color: white;
+    text-align: center;
+}
+
 .partner-types {
     width: 80%;
     margin: 5% auto 0 auto;
@@ -470,9 +500,6 @@ a {
 }
 
 @media only screen and (max-width: 650px) { 
-    .partners {
-
-    }
     .sponsors-images {
         display: grid;
     }
@@ -658,4 +685,4 @@ span .fade {
 
 /*======================================================END=================================================================== */
 /*================================================== CONTENTS ================================================================ */
-/*============================================================================================================================ */
+/*============================================================================================================================ */