feat: initial html for realtors

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">

scss/_hero.scss

@@ -3,7 +3,7 @@
 }
 
 .header {
-  flex-basis: 70%;
+  flex-basis: 65%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;