index page : Day-26

ilokeshghosh · Oct 7, 2023 · 6578d99 · 6578d99
1 parent 7bff11d
commit 6578d99
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 1 deletion.
diff --git a/index page/assets/day26.png b/index page/assets/day26.png
diff --git a/index page/dist/index.html b/index page/dist/index.html
@@ -894,7 +894,44 @@ <h1>Day-25: Event Propagation and Once</h1>
                     <div class="w-1/3"><button class="bg-slate-700 rounded-xl px-4 py-2 text-white"><a href="#">Stack
                                 Blitz</a></button></div>
                     <div class="w-1/3"><button class="bg-slate-700 rounded-xl px-4 py-2 text-white"><a
-                                href="https://ilokeshghosh.github.io/javascript-30/25-Event%20Capture,%20Propagation,%20Bubbling%20and%20Once/" target="_blank">Live
+                                href="https://ilokeshghosh.github.io/javascript-30/25-Event%20Capture,%20Propagation,%20Bubbling%20and%20Once/"
+                                target="_blank">Live
+                                Demo</a></button></div>
+                </div>
+            </div>
+
+
+            <!-- card26  -->
+            <div
+                class="border shadow-2xl shadow-blue-900 md:w-[350px] w-[90%] h-[400px] rounded-xl flex flex-col justify-between items-center">
+                <!-- image -->
+                <div class="w-full h-[50%] rounded-xl"><img
+                        class="w-full transition-all linear duration-900 h-full rounded-xl hover:scale-110"
+                        src="../assets/day26.png" alt="random-image"></div>
+
+                <!-- text -->
+                <div class="w-full flex flex-col justify-center items-center p-2 gap-4">
+                    <!--project title -->
+                    <div class="text-center text-3xl font-bold w-full text-white">
+                        <h1>Day-26: Stripe Follow Along Nav</h1>
+                    </div>
+
+                    <!-- project explanation -->
+                    <div class="text-center font-medium w-full text-white">
+                        <p>This project is built on HTML and JS</p>
+                    </div>
+                </div>
+
+                <!-- links  -->
+                <div class="w-full flex items-center justify-between p-2">
+                    <div class="w-1/3"><button class="bg-slate-700 rounded-xl px-4 py-2 text-white"><a
+                                href="https://github.com/ilokeshghosh/javascript-30/tree/main/26-Stripe%20Follow%20Along%20Nav"
+                                target="_blank">GitHub</a></button></div>
+                    <div class="w-1/3"><button class="bg-slate-700 rounded-xl px-4 py-2 text-white"><a href="#">Stack
+                                Blitz</a></button></div>
+                    <div class="w-1/3"><button class="bg-slate-700 rounded-xl px-4 py-2 text-white"><a
+                                href="https://ilokeshghosh.github.io/javascript-30/26-Stripe%20Follow%20Along%20Nav/"
+                                target="_blank">Live
                                 Demo</a></button></div>
                 </div>
             </div>