refactored the code

abhiramkg2000 · May 11, 2024 · 54aaa7d · 54aaa7d
1 parent 4ba3b61
commit 54aaa7d
Show file tree

Hide file tree

Showing 2 changed files with 405 additions and 367 deletions.
diff --git a/index.html b/index.html
@@ -1,71 +1,71 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="style.css">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="style.css" />
     <title>Creativity1</title>
-</head>
-<body>
-<section class="main">
-    <div class="curve">
-        <div class="page1">
-            <h1>Hi</h1>
-            <div class="page2">
-                <h1>There!</h1>
-            </div>
+  </head>
+  <body>
+    <section class="main">
+      <div class="box_container">
+        <div class="outer_box">
+          <h1>Hi</h1>
+          <div class="inner_box">
+            <h1>There!</h1>
+          </div>
         </div>
-    </div>
-    <div class="sun-moon"></div>
-    <div class="obj1">
+      </div>
+      <div class="sun-moon"></div>
+      <div class="obj1">
         <div class="cloud1 cloud"></div>
         <div class="cloud2 cloud"></div>
         <div class="cloud3 cloud"></div>
         <div class="cloud4 cloud"></div>
         <div class="cloud5 cloud"></div>
-    </div>
-    <div class="obj2">
+      </div>
+      <div class="obj2">
         <div class="cloud6 cloud"></div>
         <div class="cloud7 cloud"></div>
         <div class="cloud8 cloud"></div>
         <div class="cloud9 cloud"></div>
         <div class="cloud10 cloud"></div>
-    </div>
-    <div class="obj3">
+      </div>
+      <div class="obj3">
         <div class="cloud11 cloud"></div>
         <div class="cloud12 cloud"></div>
         <div class="cloud13 cloud"></div>
         <div class="cloud14 cloud"></div>
         <div class="cloud15 cloud"></div>
-    </div>
-    <div class="obj4">
+      </div>
+      <div class="obj4">
         <div class="cloud16 cloud"></div>
         <div class="cloud17 cloud"></div>
         <div class="cloud18 cloud"></div>
         <div class="cloud19 cloud"></div>
         <div class="cloud20 cloud"></div>
-    </div>
-    <div class="crow1">
-        <div class="body"></div>
-        <div class="wing1"></div>
-        <div class="wing2"></div>
-    </div>
-    <div class="crow2">
-        <div class="body"></div>
-        <div class="wing1"></div>
-        <div class="wing2"></div>
-    </div>
-    <div class="content">
+      </div>
+      <div class="crow1">
+        <div class="crow_body"></div>
+        <div class="crow_wing1"></div>
+        <div class="crow_wing2"></div>
+      </div>
+      <div class="crow2">
+        <div class="crow_body"></div>
+        <div class="crow_wing1"></div>
+        <div class="crow_wing2"></div>
+      </div>
+      <div class="content">
         <p>Made With Pure Div</p>
-    </div>
-</section>
-<script>
-    var icon=document.querySelector(".sun-moon");
-    var body=document.querySelector("body");
-    icon.onclick=function(){
+      </div>
+    </section>
+    <script>
+      var icon = document.querySelector(".sun-moon");
+      var body = document.querySelector("body");
+      icon.onclick = function () {
         body.classList.toggle("darktheme");
-    }
-</script>
-</body>
+      };
+    </script>
+  </body>
 </html>