Update index.html

HarshNA044 · Mar 22, 2024 · d763230 · d763230
1 parent 9fa3a91
commit d763230
Showing 1 changed file with 19 additions and 43 deletions.
diff --git a/index.html b/index.html
@@ -3,8 +3,6 @@
 	<meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Harsh Projects Corner</title>
-   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
-
   <style>
     body {
       margin: 0;
@@ -19,22 +17,23 @@
 
       padding: 10px;
     }
-     .navbar {
-      background-color: #702963 !important;
-      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);!important
-
-    }
-    .navbar-toggler {
-        background-color: white !important;
-        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);!important
+    nav {
+      margin: 0px;
+      background-color: #702963;
+      text-align: center;
+      font-size: 1px;
+      padding: 10px;
+	    position: fixed;
+	    z-index: 2;
+	    width: 100%;
+      color: #fff;
+      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
     }
 
     nav img {
-      width: 1.5%;
-      height: 1.5%;
-      object-fit: contain;
-	  float: left;
-
+      max-height: 38px;
+      vertical-align: middle;
+
     }
 
     nav p {
@@ -123,29 +122,10 @@
 </head>
 <body>
 
-
-<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
-  <img src="Harsh_Class_10_CBSE_logo-min-removebg-preview.png"><a style="color: white !important;" class="navbar-brand" href="#"><b>Harsh's Projects Corner</b></a>
-  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-    <span class="navbar-toggler-icon"></span>
-  </button>
-  <div class="collapse navbar-collapse" id="navbarNav">
-    <ul class="navbar-nav ml-auto">
-      <li class="nav-item active">
-        <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" href="#">About</a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" href="#">Services</a>
-      </li>
-      <li class="nav-item">
-        <a class="nav-link" href="#">Contact</a>
-      </li>
-    </ul>
-  </div>
-</nav>
+  <nav>
+    <img src="Logo.png">
+
+  </nav>
 <div>
    <br><br><br><h3 style="background-color: #80008027; padding: 10px; text-align:center; border: 3px solid #800080; border-radius: 8px;">Currency Converter</h3>
 <div class="greeting" ><svg xmlns="http://www.w3.org/2000/svg" x="0" y="0" version="1.1" viewBox="0 0 106.059 106.059"><path d="M90.546 15.518c-20.688-20.69-54.346-20.69-75.03-.005-20.688 20.685-20.686 54.345.002 75.034 20.682 20.684 54.34 20.684 75.026-.004 20.686-20.685 20.684-54.343.002-75.025zm-5.789 69.24c-17.493 17.494-45.961 17.496-63.455.002-17.498-17.497-17.495-45.966 0-63.46 17.494-17.493 45.96-17.495 63.457.002 17.494 17.494 17.492 45.963-.002 63.456zM33.299 44.364h-3.552a.822.822 0 0 1-.82-.817c0-.184.062-.363.175-.507l7.695-9.755c.158-.196.392-.308.645-.308s.486.111.641.304l7.697 9.757c.189.237.229.58.1.859a.822.822 0 0 1-.741.467h-3.554a.59.59 0 0 1-.463-.225l-3.68-4.664-3.681 4.664a.59.59 0 0 1-.462.225zm44.599-1.326a.84.84 0 0 1 .1.859.822.822 0 0 1-.741.467h-3.554a.588.588 0 0 1-.463-.225l-3.681-4.664-3.681 4.664a.59.59 0 0 1-.462.225h-3.552a.822.822 0 0 1-.82-.817c0-.184.062-.363.175-.507l7.695-9.755a.823.823 0 0 1 .645-.308c.254 0 .486.111.642.304l7.697 9.757zm-1.882 21.03c-3.843 8.887-12.843 14.629-22.927 14.629-10.301 0-19.354-5.771-23.064-14.703a3 3 0 1 1 5.54-2.3c2.776 6.686 9.655 11.004 17.523 11.004 7.69 0 14.528-4.321 17.42-11.011a2.999 2.999 0 0 1 3.944-1.563 2.999 2.999 0 0 1 1.564 3.944z"/></svg><span id="greeting"/></div>
@@ -962,14 +942,10 @@ <h2 style="text-align: left;"><u>Dependencies, Limitations, and Assumptions:</h2
       }, 2000);
     }
   </script>
-  <!-- Bootstrap JS -->
-<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
 
   </div><br>
   <footer>
-    Copyright &copy; Harsh Projects Corner
+    Copyright &copy; Harsh's Project Corner
   </footer>
 
 </body>