first commit

devsujay19 · devsujay19 · commit ed09a16cc8ae · 2023-05-06T17:59:31.000Z
diff --git a/index.html b/index.html
@@ -0,0 +1,30 @@
+
+<!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" />
+    <!-- CSS Link -->
+    <link rel="stylesheet" href="style.css" />
+    <!-- Font-Awesome CDN Link -->
+    <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css' rel='stylesheet'>
+    <title>Document</title>
+  </head>
+  <!-- The Loading Function (reload to see) -->
+  <body onload="myFunction()">
+<div id="loading"></div>
+<!-- The Side Navigation Bar' -->
+      <div class="sidenav">
+        <!-- A Default Space Inheriting Function (changable) -->
+        <div class="v_space"></div>
+      </div>
+      <!-- The JavaScript For The Loading Function -->
+    <script>
+    var preloader = document.getElementById('loading');
+        function myFunction(){
+          preloader.style.display = 'none';
+        }
+    </script>
+  </body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,59 @@
+* {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    text-decoration: none;
+  }
+  body {
+    font-family: sans-serif;
+    background-image: url('https://wallpaperaccess.com/full/1092587.jpg');
+    background-repeat: no-repeat;
+  }
+  .sidenav {
+    height: 100%;
+    width: 250px;
+    position: fixed;
+    z-index: -1;
+    top: 16;
+    left: 0;
+    background: linear-gradient(rgb(29, 247, 255), rgb(46, 13, 233));
+    overflow-x: hidden;
+    padding-top: 20px;
+    border-top-right-radius: 10px;
+  }
+  
+  .sidenav a {
+    padding: 6px 8px 6px 16px;
+    text-decoration: none;
+    font-size: 25px;
+    color: #818181;
+    display: block;
+  }
+  
+  .sidenav a:hover {
+    color: #f1f1f1;
+  }
+  
+  @media screen and (max-height: 450px) {
+    .sidenav {
+      padding-top: 15px;
+    }
+    .sidenav a {
+      font-size: 18px;
+    }
+  }
+  .searchbar {
+    width: 230px;
+    height: 60px;
+    position: relative;
+    left: 10px;
+    top: 35px;
+    border: none;
+    border-radius: 50px;
+    font-size: 20px;
+    font-weight: bold;
+    line-height: 30px;
+  }
+  .v_space {
+    line-height: 20px;
+  }
