Merge pull request #11 from BarcelonaJS/add-ws

update website

index.html

@@ -513,6 +513,42 @@ <h2 class="text-base text-red-600 font-semibold tracking-wide uppercase">
   </div>
 
 
+  <div id="workshops" class="py-12">
+    <div class="max-w-3xl mb-10 mx-auto sm:px-6 lg:px-8 borrce">
+      <div class="lg:text-center bg-neutral-900 rounded-2xl px-20 py-16 border border-neutral-700"
+        style="background: url('/media/workshops/bg.jpg') round">
+        <h2 class="mt-2 text-3xl leading-8 font-extrabold tracking-tight text-white sm:text-4xl">
+          Workshops
+        </h2>
+        <p class="mt-4 max-w-2xl text-xl text-neutral-200 lg:mx-auto">
+          Level up your team's skills with BarcelonaJS and CMDN's on-site workshops!
+          Hands-on learning led by industry experts.
+        </p>
+
+        <div class="mt-4 max-w-2xl text-xl text-neutral-100 lg:mx-auto">
+          <div class="flex flex-row items-center gap-6 justify-center">
+            <div>
+              <img src="/media/workshops/bcnjs.svg" alt="BarcelonaJS" class="w-52 object-cover">
+            </div>
+            <div>
+              <img src="/media/workshops/x.svg" alt="separator" class="w-6 object-cover">
+            </div>
+            <div>
+              <img src="/media/workshops/cmdn.svg" alt="CMDN" class="w-52 object-cover">
+            </div>
+          </div>
+        </div>
+
+        <div class="mt-10 flex flex-row items-center gap-6 justify-center">
+          <a href="https://cmdn.io/workshops"
+            class="block px-6 py-3 border border-transparent text-center text-base font-large rounded-md text-neutral-950 bg-white hover:bg-white-200">Learn
+            more</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+
   <div id="partners" class="py-12 bg-gray-100">
     <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
       <div class="lg:text-center">