index page : Day-28

ilokeshghosh · Oct 9, 2023 · dd7db62 · dd7db62
1 parent 50f0cea
commit dd7db62
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/index page/assets/day28.png b/index page/assets/day28.png
diff --git a/index page/dist/index.html b/index page/dist/index.html
@@ -970,6 +970,42 @@ <h1>Day-27: Click and Drag</h1>
                                 Demo</a></button></div>
                 </div>
             </div>
+
+            <!-- card28 -->
+            <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/day28.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-28: Video Speed Controller</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/28-Video%20Speed%20Controller"
+                                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/28-Video%20Speed%20Controller"
+                                target="_blank">Live
+                                Demo</a></button></div>
+                </div>
+            </div>
+
         </div>
 
     </div>