adiciona videos dos dojos

index.html

@@ -69,7 +69,7 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
           </p>
 
           <a href="https://forms.gle/KVPDmU5FqwZJzaE49">
-            <button class="inscrever_principal mx-auto lg:mx-0 text-xl bg-green-600 text-white font-bold rounded-full my-6 py-4 px-8 transform transition hover:scale-105 duration-300 ease-in-out">
+            <button class="inscrever_principal mx-auto lg:mx-0 text-xl bg-green-600 text-white font-bold rounded-full my-6 py-4 px-8 transform transition hover:scale-105 duration-300 ease-in-out invisible">
               Inscreva-se
             </button>
           </a>
@@ -80,7 +80,8 @@ <h1 class="my-4 text-5xl font-bold leading-tight">
         </div>
       </div>
 
-      <div class="increver_principal_celular text-center w-full pt-4 mb-10">
+      <!-- Botão de inscrição desabilitado (inscrições encerradas) -->
+      <div class="text-center w-full pt-4 mb-10 invisible">
         <a href="https://forms.gle/KVPDmU5FqwZJzaE49>
           <button class="mx-auto lg:mx-0 text-xl bg-green-600 text-white font-bold rounded-full my-6 py-4 px-8 transform transition hover:scale-105 duration-300 ease-in-out">
             Inscreva-se
@@ -297,13 +298,55 @@ <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-80
           </div>
         </div>
 
-        <!-- <div class="text-center w-full pt-4">
+        <div class="text-center w-full pt-4 invisible">
           <a href="https://forms.gle/ySE2vnDkZveGhdTs5">
             <button class="mx-auto lg:mx-0 text-xl bg-green-600 text-white font-bold rounded-full my-6 py-4 px-8 transform transition hover:scale-105 duration-300 ease-in-out">
               Inscreva-se
             </button>
           </a>
-        </div> -->
+        </div>
+      </div>
+    </section>
+
+    <section class="bg-white py-8 text-center">
+      <div class="container mx-auto flex flex-wrap pt-4 pb-12">
+        <h2 class="w-full my-2 text-5xl font-bold leading-tight text-center text-gray-800">
+          Dojos
+        </h2>
+
+        <div class="w-full mb-4">
+          <div class="h-1 mx-auto gradient w-64 opacity-25 my-0 py-0 rounded-t"></div>
+        </div>
+
+        <div class="w-full md:w-1/3 p-6 flex flex-col flex-grow flex-shrink">
+          <div class="flex-1 bg-white rounded-t rounded-b-none overflow-hidden shadow text-center">
+            <div class="flex flex-wrap no-underline hover:no-underline">
+              <div class="w-full font-bold text-3xl text-gray-800 p-6">
+                1ª edição
+              </div>
+            </div>
+            <div>
+              <p class="text-gray-800 text-base px-6 pb-5 font-bold">
+                Dojo sobre Máquinas Virtuais 
+              </p>
+              <iframe width="560" height="315" src="https://www.youtube.com/embed/_DkUtghNCZc?si=qXGvYfX5f5oftag4" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+            </div>
+            </br>
+            <div>
+              <p class="text-gray-800 text-base px-6 pb-5 font-bold">
+                Dojo sobre Orquestração de Pipeline ETL com Python e Microsoft Azure 
+              </p>
+              <iframe width="560" height="315" src="https://www.youtube.com/embed/zebSdI_j6Xk?si=BUhdXrDDe-gB2404" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>            </div>
+          </div>
+        </div>
+
+        <div class="text-center w-full pt-4 invisible">
+          <a href="https://forms.gle/ySE2vnDkZveGhdTs5">
+            <button class="mx-auto lg:mx-0 text-xl bg-green-600 text-white font-bold rounded-full my-6 py-4 px-8 transform transition hover:scale-105 duration-300 ease-in-out">
+              Inscreva-se
+            </button>
+          </a>
+        </div>
       </div>
     </section>