Merge pull request #25 from aidil-sekandar/recruitment

Add recruitment section

layouts/index.html

@@ -21,6 +21,30 @@ <h1 class="text-uppercase text-white pt-2 fs-3 fs-md-2 fs-lg-1 lh-1" style="line
 
     {{- partial "nav.html" -}}
 
+    <div class="container mb-5">
+        <div class="py-5 row g-3 justify-content-center">
+            <div class="col-md-6 row align-items-center text-center px-3">
+                <div class="py-3 py-md-0">
+                    <h2 class="mt-0 text-primary fw-bold fs-4 fs-lg-1 text-md">We Are Recruiting!</h2>
+                    <p class="mb-0">Tutors In Action Malaysia is recruiting talented and passionate individuals to join the term 1/25 committee! 💚📢</p>
+                    <div class="d-flex flex-column flex-sm-row align-items-center justify-content-center gap-2 mt-3">
+                        <a type="button" class="btn btn-primary text-white text-uppercase" style="width: 200px;" href="https://docs.google.com/forms/d/e/1FAIpQLScw8vyNS8Fac9LpG8TDAJZ9xizonOY0WsgEcr-d7qJpmAq3gA/viewform?usp=send_form" target="_blank">
+                            Apply Now
+                        </a>
+                        <a type="button" class="btn btn-secondary text-primary text-uppercase" style="width: 200px;" href="https://www.instagram.com/p/DCOrzUnvry8/?img_index=1" target="_blank">
+                            More details
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6">
+                <img src="{{ absURL "homepage/recruitment-banner.png" }}" alt="Clip art" style="max-width: 100%;" class="rounded"
+             >
+            </div>
+        </div>
+    </div>
+
+
     <div class="row justify-content-center page-section mx-3 pb-5">
         <div class="text-center">
             <h2 class="mt-0 text-primary fw-lighter">Our <span class="fw-bold">aim</span>.</h2>