From 497c556b29ed093178f79fb0b872c98c4bb9eaec Mon Sep 17 00:00:00 2001
From: Divya Raj <divyaraj@AnshutekiMacBook-Air.local>
Date: Sun, 26 May 2024 00:59:09 +0530
Subject: [PATCH] changes in navbar and adding footer

---
 index.html | 15 +++++++++------
 style.css  | 16 ++++++++++++----
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 22152de..62e7112 100644
--- a/index.html
+++ b/index.html
@@ -17,11 +17,11 @@
             <nav class="navbar">
                 <h1 id="logoName">Maa-Vimala</h1>
                 <ul class="nav-links">
-                    <li><i class="fa-solid fa-house"></i><a href="#home">  Home  </a></li>
-                    <li><i class="fa-solid fa-info-circle"></i><a href="#about">  About Us  </a></li>
-                    <li><i class="fa-solid fa-concierge-bell"></i><a href="#services">  Services  </a></li>
-                    <li><i class="fa-solid fa-star"></i><a href="#reviews">  Reviews  </a></li>
-                    <li><i class="fa-solid fa-envelope"></i><a href="#contact">  Contact Us  </a></li>
+                    <li><i class="fa-solid fa-house" style="color: rgb(112, 94, 200);"></i><a href="#home">  Home  </a></li>
+                    <li><i class="fa-solid fa-info-circle" style="color: rgb(112, 94, 200);"></i><a href="#about">  About Us  </a></li>
+                    <li><i class="fa-solid fa-concierge-bell" style="color: rgb(112, 94, 200);"></i><a href="#services">  Services  </a></li>
+                    <li><i class="fa-solid fa-star" style="color: rgb(112, 94, 200);"></i><a href="#reviews">  Reviews  </a></li>
+                    <li><i class="fa-solid fa-envelope" style="color: rgb(112, 94, 200);"></i><a href="#contact">  Contact Us  </a></li>
                 </ul>
             </nav>
         </header>
@@ -45,7 +45,7 @@ <h1 id="search-txt">Start Typing To Search...</h1>
             <!-- <input type="text" name="" id="input_text"> -->
             <div class="search-container">
                 <input type="text" id="input_text" class="search-bar" placeholder="">
-                <i class="fas fa-search search-icon"></i>
+                <i class="fas fa-search search-icon" style="color: rgb(112, 94, 200);"></i>
             </div>
         </div>
         <div>
@@ -66,6 +66,9 @@ <h1 id="search-txt">Start Typing To Search...</h1>
             <a href="https://github.com/Web403/Maa-Vimala/blob/main/README.md">Read Me</a>
         </div>
     </div>
+    <div class="footerBottom">
+        <p>CopyRight &copy;2024 Designed by <span class="designer">Maa-Vimala</span></p>
+    </div>
     <script>
         let time = document.getElementById('time');
         let date = document.getElementById('date');
diff --git a/style.css b/style.css
index e8c7b76..8be31f0 100644
--- a/style.css
+++ b/style.css
@@ -6,7 +6,7 @@ body {
     background-color: #333;
     padding: 10px;
     border-radius: 5px;
-    font-family: "Poppins", sans-serif;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 
 /*#logoName{
@@ -266,6 +266,7 @@ nav {
 
 .nav-links li {
   margin: 0 10px;
+  border-bottom: 1px solid rgb(112, 94, 200);
 }
 
 .nav-links a {
@@ -280,7 +281,8 @@ nav {
 }
 
 .nav-links a:hover {
-  color: #ffcc00; /* Highlight color on hover */
+  color: rgb(112, 94, 200); 
+  /* Highlight color on hover */
 }
 
 /* Responsive Navbar for Mobile */
@@ -304,9 +306,10 @@ nav {
 
 
 #logoName{
-  font-size: 2rem;
+  font-size: 1.5rem;
   font-weight: 600;
   margin:0;
+  color: rgb(112, 94, 200);
 }
 
 #search-txt{
@@ -359,7 +362,7 @@ button {
 
 .search-icon {
     width: 65px;
-    font-size: 50px;
+    font-size: 40px;
     color: #666;
     cursor: pointer;
     border: 1px solid black;
@@ -491,4 +494,9 @@ button {
   .fa-magnifying-glass:before, .fa-search:before {
     content: "\f002";
     margin-left: 90px;
+}
+.footerBottom{
+  background-color: rgb(112, 94, 200);
+  height: 50px;
+  text-align: center;
 }
\ No newline at end of file