add travelperk logo for travel sponsor

Author: Kimberley Cook

css/style.css

@@ -26,6 +26,14 @@
   background-color: #74fad0;
 }
 
+.bg-gold {
+  background-color: #FFD700;
+}
+
+.bg-dark-green {
+  background-color: #4C9A2A;
+}
+
 .bg-gray-50 {
   background-color: rgb(249 250 251 / var(--tw-bg-opacity));
 
@@ -63,6 +71,14 @@ html {
   scroll-behavior: smooth;
 }
 
+.gold-box {
+  border: 2px solid #FFD700;
+}
+
+.dark-green-box {
+  border: 2px solid #4C9A2A;
+}
+
 /* Add this CSS for visually hidden content */
 .visually-hidden {
   position: absolute !important;

images/travelperk-logo.jpeg

@@ -262,16 +262,18 @@ <h2 class="lg:text-5xl text-2xl font-semibold">uncodebar highlights</h2>
 
     </section>
 
-    <section id="sponsor" class="flex flex-col justify-center items-center lg:p-20 p-10">
-      <img class="p-8 w-screen max-w-xl" src="images/contentful.png" alt="a logo of contentful">
-      <div>
-        <p class="text-center text-lg max-w-md font-semibold mb-10">More than a headless CMS, Contentful is the
-          API-first composable content platform to create, manage and publish content on any digital channel.</p>
+    <section id="sponsor" class="flex flex-col justify-center items-center text-center lg:p-20 p-10">
+      <h2 class="lg:text-5xl text-3xl font-semibold mb-4">Meet our partners</h2>
+      <p class="font-medium">We are excited to partner with some amazing companies <br/> as we champion
+        diversity and inclusion in the tech space together.</p>
+      <div class="mt-12 gold-box w-6/12 m-auto">
+        <div class="bg-gold text-black pt-5 pb-5 font-bold">GOLD SPONSOR</div>
+        <a href="https://www.contentful.com/" target="_blank"><img src="images/contentful.png" class="p-10" alt="Contentful logo"></a>
+      </div>
+      <div class="mt-12 dark-green-box w-3/12 m-auto">
+        <div class="bg-dark-green text-white pt-5 pb-5 font-bold">TRAVEL SPONSOR</div>
+        <a href="https://www.travelperk.com/" target="_blank"><img src="images/travelperk-logo.jpeg" alt="TravelPerk logo"></a>
       </div>
-      <a href="https://www.contentful.com/"
-        class="bg-gradient-to-tr from-button_blue to-button_blue_ py-5 px-9 rounded-full text-white" target="_blank">
-        FIND OUT MORE
-      </a>
     </section>
 
     <section class="flex flex-wrap">