diff --git a/index.html b/index.html index 5d3d26a..965bac7 100644 --- 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,8 +49,9 @@ 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; @@ -70,7 +59,7 @@ 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 @@ } - - -
+
+


Currency Converter

@@ -199,7 +189,7 @@

Functionality and Features:

The project defines a C++ class named currencycal 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.

The project supports the following currencies and their symbols:

Supported Currencies:

- +
Currency Name Symbols Used