Made some Changes

Author: Aashish-Op

index.html

@@ -5,7 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>HOLUX - Real Estate</title>
+  <title>Haven Reality Co.</title>
   <link rel="stylesheet" href="styles.css"> 
   <link href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/3.0.0/remixicon.min.css" rel="stylesheet"> 
 </head>
@@ -14,7 +14,7 @@
 
   <nav>
     <div class="nav__brand">
-      <a href="#">HOLUX</a>
+      <a href="#">Haven Reality Co.</a>
     </div>
     <div class="nav__links">
       <a href="#home">Home</a>
@@ -32,7 +32,7 @@
     </div>
   </nav>
 
-  <!-- Header Section -->
+
   <header id="home">
     <div class="header__content">
       <h1>A Home Built With Love and Dreams</h1>
@@ -42,7 +42,7 @@ <h1>A Home Built With Love and Dreams</h1>
     <img src="Images/header.png" alt="header image" class="header__img" />
   </header>
 
-  <!-- About Section -->
+
   <section id="about">
     <div class="about__container">
       <img src="Images/about.jpg" alt="about us" class="about__img" />
@@ -68,7 +68,7 @@ <h4>Ongoing Projects</h4>
     </div>
   </section>
 
-  <!-- Projects Section -->
+  
   <section id="project">
     <h2 class="section__header">Ongoing Projects</h2>
     <div class="project__container">
@@ -124,7 +124,7 @@ <h4>Hyatt Place</h4>
     <a href="Page1.html" class="nextpage-button">Click here to view more projects</a>
   </div>
 
-  <!-- Contact Section -->
+  
   <section id="contact">
     <div class="contact__container">
       <img src="Images/contact.jpg" alt="contact" class="contact__img" />
@@ -143,11 +143,11 @@ <h2>Contact Us</h2>
     </div>
   </section>
 
-  <!-- Footer -->
+ 
   <footer class="footer">
     <div class="footer__container">
       <div class="footer__col">
-        <h4>HOLUX</h4>
+        <h4>Haven Reality Co.</h4>
         <p>Our team of seasoned professionals is committed to providing you with exceptional service, in-depth market knowledge, and personalized solutions tailored to your unique needs.</p>
         <div class="footer__socials">
           <a href="#"><i class="ri-facebook-circle-fill"></i></a>
@@ -163,12 +163,12 @@ <h4>Resources</h4>
       </div>
       <div class="footer__col">
         <h4>Contact</h4>
-        <a href="mailto:holux@gmail.com"><i class="ri-mail-line"></i> holux@gmail.com</a>
-        <a href="tel:+916264422620"><i class="ri-phone-line"></i> +91 6264422620</a>
+        <a href="mailto:havenrealityco@gmail.com"><i class="ri-mail-line"></i> havenrealityco@gmail.com</a>
+        <a href="tel:+916264422620"><i class="ri-phone-line"></i> +91 9667233973</a>
       </div>
     </div>
     <div class="footer__bar">
-      <p>&copy; 2024 HOLUX. All rights reserved.</p>
+      <p>&copy; 2024 Haven Reality Co. All rights reserved.</p>
     </div>
   </footer>
 

styles.css

@@ -1,19 +1,18 @@
-/* General Reset */
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Arial', sans-serif;
   }
 
-  /* Body */
+  
   body {
     background-color: #f8f8f8;
     color: #333;
     line-height: 1.6;
   }
 
-  /* Navigation */
+  
   nav {
     display: flex;
     justify-content: space-between;
@@ -78,7 +77,7 @@
     background-color: #e0e0e0;
   }
 
-  /* Header */
+  
   header {
     position: relative;
     background-color: #f4f4f4;
@@ -123,7 +122,7 @@
     z-index: -1;
   }
 
-  /* About Section */
+  
   #about {
     padding: 60px 20px;
     display: flex;
@@ -185,7 +184,7 @@
     margin-top: 10px;
   }
 
-  /* Projects Section */
+  
   #project {
     padding: 60px 20px;
     background-color: #fafafa;
@@ -241,7 +240,7 @@
     font-weight: bold;
   }
 
-  /* More Projects Link */
+ 
   .more-projects {
     margin-top: 40px;
   }
@@ -260,7 +259,7 @@
     background-color: #0056b3;
   }
 
-  /* Contact Section */
+  
   #contact {
     padding: 60px 20px;
     display: flex;
@@ -319,7 +318,7 @@
     background-color: #e55347;
   }
 
-  /* Footer */
+
   .footer {
     background-color: #333;
     color: white;
@@ -358,7 +357,6 @@
     font-size: 1rem;
   }
 
-  /* Responsive Design */
   @media screen and (max-width: 768px) {
     .nav__links {
       flex-direction: column;