dk5847001-stack · dk5847001-stack · Dec 15, 2025 · Dec 15, 2025 · Dec 15, 2025 · Dec 15, 2025
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,4 +1,5 @@
 {
     "livePreview.hostIP": "10.169.144.49",
-    "livePreview.debugOnExternalPreview": false
+    "livePreview.debugOnExternalPreview": false,
+    "liveServer.settings.port": 5501
 }
diff --git a/New folder/New folder/index.html b/New folder/New folder/index.html
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://embed.figma.com/proto/LPUEILheGmww9QcNM26s8c/Dilkhush.com?node-id=1-1858&scaling=scale-down&content-scaling=fixed&page-id=0%3A1&embed-host=share" allowfullscreen></iframe>
+</body>
+</html>
diff --git a/form.html → assignment1/form.html b/form.html → assignment1/form.html
diff --git a/video28/index.html b/video28/index.html
@@ -1,70 +1,79 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CSS Position</title>
     <style>
-*{
-    margin: 0;
-    padding: 0;
-}
-.box1{
-    left: 192px;
-    position: absolute;
-    /* position: sticky; */
-    top: 0px;
-    height: 10px;
-    width: 100%;
-    margin: 110;
-    padding: 110;
-    top: 0;
-   z-index: 1;
-background-color: aqua;
-}
-.box2{
-   background-color: antiquewhite; 
-   /* position: relative; */
-   left: 64px;
-    top: -74px;
-    height: 100px;
-}
-.box3{
-   background-color: blueviolet; 
-   position: fixed;
-    top: 277px;
-    left: 138px;
-}
-.box4{
-   background-color: brown; 
-}
-.box{
-    height: 133px;
-    width: 80vw;
-    margin: 5px auto;
-    padding: 60px;
-    border: 3px solid black;
+        * {
+            margin: 0;
+            padding: 0;
+        }
+
+        .box1 {
+            left: 192px;
+            position: absolute;
+            /* position: sticky; */
+            top: 0px;
+            height: 10px;
+            width: 100%;
+            margin: 110;
+            padding: 110;
+            top: 0;
+            z-index: 1;
+            background-color: aqua;
+        }
+
+        .box2 {
+            background-color: antiquewhite;
+            /* position: relative; */
+            left: 64px;
+            top: 40px;
+            height: 100px;
+        }
+
+        .box3 {
+            background-color: blueviolet;
+            position: fixed;
+            top: 277px;
+            left: 138px;
+        }
+
+        .box4 {
+            background-color: brown;
+        }
 
-}
-.parent{
-    /* scroll-behavior: auto; */
-    padding: 43px;
-    margin: 34px;
-    border: 3px solid black;
-    /* transform, filter or perspective: can also make an element appear a positioned; */
-    position: relative;
-    /* transform: translate(0); */
-    /* filter: invert(0); */
-    /* perspective: 0em; */
-}
-      </style>
+        .box {
+            height: 133px;
+            width: 80vw;
+            margin: 5px auto;
+            padding: 60px;
+            border: 3px solid black;
+
+        }
+
+        .parent {
+            /* scroll-behavior: auto; */
+            padding: 43px;
+            margin: 34px;
+            border: 3px solid black;
+            /* transform, filter or perspective: can also make an element appear a positioned; */
+            position: relative;
+            /* transform: translate(0); */
+            /* filter: invert(0); */
+            /* perspective: 0em; */
+        }
+    </style>
 </head>
+
 <body>
     <div class="parent">
-    <div class="box box1"></div>
-    <div class="box box2"></div>
-    <div class="box box3"></div>
-    <div class="box box4"></div>
-      </div>
+        <div class="box box1"></div>
+        <div class="box box2"></div>
+        <div class="box box3"></div>
+        <div class="box box4"></div>
+    </div>
 </body>
+
 </html>
diff --git a/video35/index.html b/video35/index.html
@@ -6,10 +6,10 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
     <style>
-        .box{
-            border: 2px solid black
-            ;
+        .box {
+            border: 2px solid black;
         }
+
         .box:first-child {
             background-color: red;
         }
@@ -19,28 +19,37 @@
             font-size: 25px;
         }
 
-       p, a, .box, [data-color="primary"] {
-margin-top: 45px;
+        p,
+        a,
+        .box,
+        [data-color="primary"] {
+            margin-top: 45px;
         }
-        .box:nth-child(even){
+
+        .box:nth-child(even) {
             background-color: blue;
         }
-        .boxes::before{
+
+        .boxes::before {
             content: "Dilkhush is good";
         }
-        .boxes::after{
+
+        .boxes::after {
             content: "Sigma courses is very good";
             color: red;
         }
-        ::selection{
+
+        ::selection {
             color: red;
             background-color: black;
         }
-        .box::first-letter{
+
+        .box::first-letter {
             color: brown;
             font-size: 34px;
         }
-        input::placeholder{
+
+        input::placeholder {
             color: blue;
         }
     </style>
@@ -66,7 +75,8 @@
             distinctio quis voluptas omnis quo velit, adipisci odit sunt accusantium deserunt debitis eaque ipsum
             aliquam illo doloremque id laudantium illum fugiat doloribus ratione dolore. Accusantium dolor corrupti sint
             eligendi voluptatibus at, non, quibusdam repellendus similique, dolorem laborum distinctio totam assumenda
-            atque labore. Pariatur, quos dolore!</div>
+            atque labore. Pariatur, quos dolore!
+        </div>
         <div class="box">Hey I am a box</div>
         <input type="text" placeholder="Type your name here">
     </div>

diff --git a/video41/index.html b/video41/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Navbar Design</title>
     <style>
+
         header {
             position: sticky;
             top: 0;

diff --git a/video46/index.html b/video46/index.html
@@ -11,7 +11,6 @@
             height: 80vh;
             width: 30vw;
         }
-
         .box {
             box-shadow: 0px 1px 5px;
             align-content: center;
@@ -29,7 +28,7 @@
             animation-delay: 3s;
             animation-direction: alternate-reverse;
             /* animation-play-state: paused; */
-            animation: harry2 4s ease-in-out 2s infinite alternate-reverse forwards;
+            /* animation: harry2 4s ease-in-out 2s infinite alternate-reverse forwards; */
         }
 
         @keyframes harryKaAnimation {
@@ -38,7 +37,7 @@
             }
 
             to {
-                transform: translateX(20vw) translateY(20vh) scale(3);
+                transform: translateX(20vw) translateY(0vh) scale(3);
                 background-color: tomato;
             }
         }