Update index.html

HarshNA044 · Aug 5, 2024 · e7170db · e7170db
1 parent 72feb17
commit e7170db
Showing 1 changed file with 27 additions and 37 deletions.
diff --git a/index.html b/index.html
@@ -19,38 +19,26 @@
 
       padding: 10px;
     }
-    nav {
-      margin: 0px;
-      background-color: rgb(112,41,99,0.98);
-      text-align: center;
-      backdrop-filter: blur(4px);
-      padding: 10px;
-	    position: fixed;
-	    top: 0;
-	    z-index: 2;
-	    width: 100%;
-      color: #fff;
-      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
-    }
-
-    nav img {
-        height: 25px;
-      width: 25px;
-      margin-right: 60px;
-
-    }
-
-    nav p {
-      margin: 0;
-      display: inline-block;
-
-    }
+
        table, th, td{
   border: 1px solid black;
   border-collapse: collapse;
   text-align: center;
   width:100%;
 }
+    .navbar {
+      background-color: #702963;
+      color: #ffe6ff;
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+      backdrop-filter: blur(5px);
+      padding: 10px;
+    }
+    .navbar-brand img {
+      height: 10px;
+      width: 10px;
+      margin-right: 20px;
+    }
+
     div {
         padding: 2%;
 	    margin: 1.5%;
@@ -61,16 +49,17 @@
             height: 400px;
             overflow: auto;
             padding: 0px;
-            background-color: black;
-            color: white;
+            background-color: #fff;
+            border: 1px solid #702963;
+            color: black;
             white-space: pre;
             box-sizing: border-box;
             border-radius: 8px;
             margin-top: 0;
             width: 100%;
         }
 .header {
-            background-color: #333;
+            background-color: #702963;
             font-family: 'Times New Roman', serif;
             color: white;
             padding: 5px 10px;
@@ -79,6 +68,8 @@
             top: 0;
             z-index: 1;
             box-sizing: border-box;
+            border-top-right-radius: 8px;
+            border-top-left-radius: 8px;
             font-weight: bold;
             margin: 0;
             width: 100%;
@@ -94,7 +85,7 @@
       font-weight: bold;
       border: 0px;
       color: white;
-      background-color: #333;
+      background-color: #702963;
       margin-right: 25px;
       margin-top: 0px;
     }
@@ -157,12 +148,11 @@
 }</style>
 </head>
 <body>
-
-  <nav>
-	  <img align="left" width="25px" src="Harsh_Class_10_CBSE_logo-min-removebg-preview.png" alt="Harsh's Project Corner">
-    <a href="https://harshna044.github.io/Currency-Converter/"><b>Harsh's Project Corner</b></a>
-  </nav>
-<div>
+<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
+      <img align="left" width="25px" src="Harsh_Class_10_CBSE_logo-min-removebg-preview.png" alt="Harsh's Project Corner Logo">
+    <p href="https://harshna044.github.io/Currency-Converter/"><b>Harsh's Project Corner</b></p>
+  </div>
+</nav><div>
    <br><br><h3 style="background-color: #ffe6ff; padding: 10px; text-align:center; border: 2px 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>
 
@@ -199,7 +189,7 @@ <h2><u>Functionality and Features:</u></h2>
 <p>The project defines a C++ class named <code>currencycal</code> with methods to perform currency conversion. It uses a switch-case structure to handle various currency conversions. The main function takes user input for the currencies and values, performs the conversion using the class methods, and displays the result. The program continues to prompt the user for more conversions until they choose to exit.<br><br>The project supports the following currencies and their symbols:</p>
 <p><b><u>Supported Currencies:</u></b></p>
 <table>
-    <tr style="background-color: #d3d3d3;">
+    <tr style="background-color: #ffe6ff;">
         <th>Currency Name</th>
         <th>Symbols Used</th>