gifs added

RamakrushnaBiswal · Dec 15, 2024 · 009b651 · 009b651
1 parent 790eec3
commit 009b651
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/index.html b/index.html
@@ -36,7 +36,7 @@ <h1 class="font-ashington text-center text-9xl pt-5 text-black">Cartoon Network<
                 <a href="/" class="underline text-2xl">Shows</a>
                 <a href="/" class="underline text-2xl">About Us</a>
             </div>
-            <img src="./assets/d4.png" alt="" class="mt-2 p-10">
+            <img src="./assets/d4.png" alt="" class="mt-10 p-10 animate-bounce">
         </section>
         <section class="w-full flex flex-col items-center">
             <section class="flex flex-col md:flex-row w-full h-screen p-10">
@@ -111,8 +111,8 @@ <h2 class="font-crang text-center text-xl md:text-5xl mt-6 text-white absolute">
     </section>
 
     <section class="flex justify-center w-full">
-        <div class="border-4 border-black w-1/3">
-            <img src="./assets/t1.png" alt="" class="p-10">
+        <div class="border-4 border-black w-1/3 p-3">
+            <div style="width:100%;height:0;padding-bottom:66%;position:relative;"><iframe src="https://giphy.com/embed/l41JZlDJc2wJlTjYQ" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div>
             <div class="flex flex-col items-center text-xl md:text-4xl font-crang gap-2">
                 <h1>Droping on</h1>
                 <h1 class="font-bold text-p3 animate-bounce">Wednesday</h1>
@@ -130,8 +130,8 @@ <h1>9:00 AM</h1>
                 <img src="./assets/ins.png" alt="">
             </div>
         </div>
-        <div class="border-4 border-black w-1/3">
-            <img src="./assets/hs.png" alt="" class="p-10 ">
+        <div class="border-4 border-black w-1/3 p-3">
+            <div style="width:100%;height:0;padding-bottom:56%;position:relative;"><iframe src="https://giphy.com/embed/WS0UMDayPvWI0YX0M1" width="100%" height="100%" style="position:absolute" frameBorder="0" class="giphy-embed" allowFullScreen></iframe></div>
             <div class="flex flex-col items-center text-xl md:text-4xl font-crang gap-2">
                 <h1>Droping on</h1>
                 <h1 class="font-bold text-p3 animate-bounce">Friday</h1>