add sponsor section

Author: Kimberley Cook

images/google.png

@@ -274,6 +274,32 @@ <h2 class="lg:text-5xl text-2xl font-semibold">uncodebar highlights</h2>
       </a>
     </section>
 
+    <section class="flex flex-wrap">
+      <div class="md:w-2/4 md:flex w-screen md:flex-col">
+        <img src="images/uncodebar-speaker-shot.jpg" class="" alt="Pink speech marks">
+      </div>
+      <div class="flex md:w-2/4 md:flex w-screen md:flex-col bg-light_blue md:pt-0 pt-10 md:pb-0 pb-10">
+        <div class="w-8/12 m-auto">
+          <h3 class="text-3xl font-bold mb-6">Join us as a sponsor this year!</h3>
+          <ul role="list" class="list-disc pl-5">
+            <li class="font-medium mb-2">Connect with 120 people on the day</li>
+            <li class="font-medium mb-2">Exposure to our global community of 25,000+ people</li>
+            <li class="font-medium mb-2">Connect with professionals on a global scale</li>
+            <li class="font-medium mb-2">Tap into a diverse, well-rounded talent pool</li>
+            <li class="font-medium mb-2">Drive digital footfall to your online platforms</li>
+            <li class="font-medium mb-6">Effect real, positive change in our industry</li>
+          </ul>
+          <p class="font-medium mb-12">We welcome companies from anywhere in the world who want to be a part of our upcoming festival. If you’re looking to discover fresh, diverse talent in the tech space, support our event, and/or nurture a new generation of coders, drop us an email and let’s explore new ways to work together.</p>
+          <a
+              class="bg-gradient-to-tr from-button_blue to-button_blue_ p-5 w-max rounded-full text-white border-none"
+              href="mailto:hello@codebar.io"
+            >
+              GET IN TOUCH TODAY!
+          </a>
+        </div>
+      </div>
+    </section>
+
     <!-- <section id="locations" class="bg-main_blue flex flex-col gap-10 sm:gap-0">
       <div class="lg:pt-20 pt-10 lg:pl-20 pl-10 text-white flex flex-col gap-5">
         <h2 class="lg:text-5xl text-2xl">Our locations</h2>
@@ -304,9 +330,9 @@ <h3 class="text-2xl">Scotland</h3>
       </div>
     </section> -->
 
-    <section id="faqs" class="mt-0 sm:mt-20 h-full bg-main_pink">
+    <section id="faqs" class="mt-0 h-full">
       <div class="flex flex-col gap-5 p-10 lg:p-20">
-        <h2 class="lg:text-5xl text-3xl text-white font-semibold">Frequently Asked Questions</h2>
+        <h2 class="lg:text-5xl text-3xl font-semibold">Frequently Asked Questions</h2>
 
         <!-- Customized accordion menu (flowbite) -->