add animation

kodirian · Dec 2, 2023 · 88ea432 · 88ea432
1 parent 47043f1
commit 88ea432
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -18,7 +18,7 @@
 
 <body class="bg-black text-indigo-100">
     <header class="">
-        <nav class="fixed  w-full top-0 left-0">
+        <nav class="fixed z-0 w-full top-0 left-0">
             <div class="bg-gray-900">
                 <div class="px-4 py-5 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8">
                     <div class="relative flex items-center justify-between">
@@ -39,6 +39,9 @@
                             <li><a href="/" aria-label="About us" title="About us"
                                     class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">Sobre</a>
                             </li>
+                            <li><a href="/" aria-label="About us" title="About us"
+                                class="font-medium tracking-wide text-indigo-100 transition-colors duration-200 hover:text-pink-400">Blog</a>
+                        </li>
                             <li>
                                 <a href="/"
                                     class="inline-flex items-center justify-center h-12 px-6 font-medium tracking-wide text-white transition duration-200 rounded shadow-md bg-pink-500 hover:bg-pink-800 focus:shadow-outline focus:outline-none"
@@ -84,7 +87,7 @@ <h5 class="mb-4 text-4xl font-extrabold leading-none">
                     </p>
                 </div>
                 <div>
-                    <img src="assets/img/lama.svg" class="rounded shadow-2xl" alt="" />
+                    <img src="assets/img/lama.svg" class="animate-bounce rounded shadow-2xl" alt="" />
                 </div>
             </div>
         </div>
@@ -268,7 +271,7 @@ <h6 class="mb-2 font-semibold leading-5">Soluções de IA</h6>
                 </div>
                 <div
                     class="flex justify-center items-center h-full overflow-hidden sm:w-2/3 xl:w-1/2">
-                    <img src="assets/img/ai.svg" class="rounded shadow-2xl mx-auto" alt="" />
+                    <img src="assets/img/ai.svg" class="animate-pulse rounded shadow-2xl mx-auto" alt="" />
                 </div>
             </div>