From 6bbb6e643e7f4087d26d14a4fe4347c7ba599516 Mon Sep 17 00:00:00 2001
From: whitney shisia <shisiawhitney215@gmail.com>
Date: Fri, 8 Mar 2024 13:14:15 +0300
Subject: [PATCH] index.html style.css

---
 index.html |  8 ++++----
 style.css  | 27 +++++++++++++++++++++++++++
 2 files changed, 31 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 8a618dd71..4e4d140d9 100644
--- a/index.html
+++ b/index.html
@@ -3,21 +3,21 @@
   <head>
     <meta charset="UTF-8">
     <title>Exceptional Realty Group - Luxury Homes - About</title>
-    <!-- Don't forget to link your CSS file! -->
+    <link rel="stylesheet" href="./style.css" />
   </head>
   <body>
     <header>
-      <!-- logo -->
+      
       <h1>Exceptional Realty Group</h1>
 
-      <nav>
+      <nav class="topnav" class="center">
         <a href="index.html">About</a> <a href="new-properties.html">New Properties</a> <a href="real-estate-listings.html">Listings</a> <a href="market-report.html">Market Report</a> <a href="contact.html">Contact</a> <a href="http://hud.gov" target="_blank">H.U.D.</a>
       </nav>
     </header>
 
     <section id="featured-property">
       <figure>
-        <img src="images/intro-pic.jpg" alt="A beautiful living room." title="Welcome to Exceptional Realty Group">
+        <img src="images/intro-pic.jpg" alt="A beautiful living room." class="center" title="Welcome to Exceptional Realty Group">
         <figcaption>345 Carl Street Apt 12, Carrol Rd. Brooklyn, NY - Photo by Denise Richards.</figcaption>
       </figure>
 
diff --git a/style.css b/style.css
index 1b1899382..538d41655 100644
--- a/style.css
+++ b/style.css
@@ -3,3 +3,30 @@ body {
   height: 100%;
   margin: 0;
 }
+  h1 {
+    text-align: center;
+  }
+  .center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .topnav a {
+    background-color:gray;
+    padding :10px;
+    position: relative;
+    margin: auto;
+    
+   }
+   * {
+    text-align: center;
+    
+   }
+
+   div {
+    float: left;
+    background-color: aqua;
+    text-align: center;
+    width: 25pc;
+   }
+   
\ No newline at end of file
