From 09ee9ca2f9148412ddd7d917ce5188abf6072de7 Mon Sep 17 00:00:00 2001
From: oscgonfer <oscgonfer@gmail.com>
Date: Thu, 25 Jan 2024 13:22:13 +0100
Subject: [PATCH] Know-more section for click-through to content

---
 custom_theme/home.html | 48 +++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)

diff --git a/custom_theme/home.html b/custom_theme/home.html
index 7298a1631..8cb19e51b 100644
--- a/custom_theme/home.html
+++ b/custom_theme/home.html
@@ -257,6 +257,20 @@ <h4>Training professionals who will challenge the future</h4>
   </section>
   <section id="network">
   </section>
+  <section id="know-more">
+    <div class="two-column-text">
+      <div class="two-column-text-block">
+        <h3>Don't miss out\</h3>
+        <h2>Want to know more?</h2>
+      </div>
+      <div class="two-column-text-block">
+        <p class="description"><strong>Check everything we have prepared for you.</strong></p>
+        <div class="links">
+          <p><a href="/2023-24">Get started</a></p>
+        </div>
+      </div>
+    </div>
+  </section>
   <div class="popup-overlay">
     <div class="video-popup">
       <iframe id="iframe" src="https://www.youtube.com/embed/K5TnDWdn3Fs?si=OX8jV5x2L1yEnhPR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
@@ -384,6 +398,16 @@ <h4>Training professionals who will challenge the future</h4>
     /* padding: 10px 0px; */
   }
 
+  #know-more {
+    width: 100%;
+    /* height: calc(100vh - 48px); */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    /* padding: 10px 0px;
+    margin-top: 15px; */
+  }
+
   #tracks {
     width: 100%;
     /* height: calc(100vh - 48px); */
@@ -456,6 +480,12 @@ <h4>Training professionals who will challenge the future</h4>
     border: var(--md-accent-fg-color) 2px solid;
     padding: 50px 30px 30px 30px;
   }
+  #know-more .two-column-text {
+    background-color: var(--md-default-bg-color);
+    /* border: var(--md-accent-fg-color) 2px solid; */
+    padding: 50px 30px 30px 30px;
+  }
+
   .tracks-container {
     background-color: var(--md-accent-fg-color);
     display: flex;
@@ -775,7 +805,14 @@ <h4>Training professionals who will challenge the future</h4>
     }
     @media only screen and (min-width: 960px) {
       #about .two-column-text {
-      padding: 50px;
+        padding: 50px;
+      }
+      #know-more .two-column-text {
+        padding: 50px;
+      }
+      #know-more {
+        padding: 10px 0px;
+        margin-top: 15px;
       }
       /* .two-column-text {
         margin: 30px 0px;
@@ -980,6 +1017,11 @@ <h4>Training professionals who will challenge the future</h4>
       width: 75%;
       border-radius: 10px;
     }
+    #know-more .two-column-text {
+      width: 75%;
+      border-radius: 10px;
+    }
+
     .tracks-container {
       width: 75%;
       border-radius: 10px;
@@ -1079,6 +1121,10 @@ <h4>Training professionals who will challenge the future</h4>
       display: flex;
       flex-direction: row;
     }
+    #know-more .two-column-text {
+      display: flex;
+      flex-direction: row;
+    }
     .two-column-text-block {
     width: 50%;
     }