From cb0c353eff120e80406250de16e911c77881a295 Mon Sep 17 00:00:00 2001
From: Andrii <butsaandrii@gmail.com>
Date: Tue, 13 Aug 2024 23:35:31 +0300
Subject: [PATCH] feat: initial html for realtors

---
 index.html      | 37 ++++++++++++++++++++++++++++++++++++-
 scss/_hero.scss |  2 +-
 2 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index e1494a9..5bd0c1c 100644
--- a/index.html
+++ b/index.html
@@ -36,8 +36,43 @@ <h1 class="heading-1">The ultimate personal freedom</h1>
               <img src="img/logo-bi.png" alt="Seen on logo 4" />
             </div>
           </header>
-          <div class="realtors">realtors</div>
+
+          <div class="realtors">
+            <h3 class="heading-3">Top 3 Realtors</h3>
+            <div class="realtors__list">
+              <img
+                src="img/realtor-1.jpeg"
+                alt="Realtor 1"
+                class="realtors__img"
+              />
+              <div class="realtors__details">
+                <h4 class="heading-4 heading-4--light">Erik Feinman</h4>
+                <p class="realtors__sold">245 houses sold</p>
+              </div>
+
+              <img
+                src="img/realtor-2.jpeg"
+                alt="Realtor 2"
+                class="realtors__img"
+              />
+              <div class="realtors__details">
+                <h4 class="heading-4 heading-4--light">Kim Brown</h4>
+                <p class="realtors__sold">212 houses sold</p>
+              </div>
+
+              <img
+                src="img/realtor-3.jpeg"
+                alt="Realtor 3"
+                class="realtors__img"
+              />
+              <div class="realtors__details">
+                <h4 class="heading-4 heading-4--light">Toby Ramsey</h4>
+                <p class="realtors__sold">198 houses sold</p>
+              </div>
+            </div>
+          </div>
         </div>
+
         <main class="main-content">
           <div class="main-content__centered">
             <section class="features">
diff --git a/scss/_hero.scss b/scss/_hero.scss
index 31bc204..ccdebd5 100644
--- a/scss/_hero.scss
+++ b/scss/_hero.scss
@@ -3,7 +3,7 @@
 }
 
 .header {
-  flex-basis: 70%;
+  flex-basis: 65%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;