added the villas section

Author: MainaGeorge

index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    
+
     <!-- google fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -121,7 +121,68 @@ <h5>Guests</h5>
     </section>
 
     <!--******* Villas Section  ******* -->
-    <section id="villas">Villas</section>
+    <section id="villas">
+      <div class="villas__villa-1">
+        <h2 class="villas__villa-1--title">Standard Villa</h2>
+        <p class="villas__villa-1--para">
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit odio voluptates accusamus, ipsam, dolores rerum atque reprehenderit
+          aliquid quos earum animi aperiam officia repellat similique laboriosam deserunt quia et soluta? Modi, omnis! Explicabo debitis
+          esse corporis, magni sunt dolorum, quas delectus aut voluptas voluptatum culpa, illo libero rem aliquam officiis sint alias fugiat
+          at ratione dolor quo sequi quis praesentium!
+        </p>
+        <a href="#" class="villas__villa-1--link">Starting at $200.00</a>
+      </div>
+      <div class="villas__villa-2">
+        <h2 class="villas__villa-2--title">Superior Villa</h2>
+        <p class="villas__villa-2--para">
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit odio voluptates accusamus, ipsam, dolores rerum atque reprehenderit
+          aliquid quos earum animi aperiam officia repellat similique laboriosam deserunt quia et soluta? Modi, omnis! Explicabo debitis
+          esse corporis, magni sunt dolorum, quas delectus aut voluptas voluptatum culpa, illo libero rem aliquam officiis sint alias fugiat
+          at ratione dolor quo sequi quis praesentium!
+        </p>
+        <a href="#" class="villas__villa-2--link">Starting at $500.00</a>
+      </div>
+      <div class="villas__villa-3">
+        <h2 class="villas__villa-3--title">Infinity Villa</h2>
+        <p class="villas__villa-3--para">
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit odio voluptates accusamus, ipsam, dolores rerum atque reprehenderit
+          aliquid quos earum animi aperiam officia repellat similique laboriosam deserunt quia et soluta? Modi, omnis! Explicabo debitis
+          esse corporis, magni sunt dolorum, quas delectus aut voluptas voluptatum culpa, illo libero rem aliquam officiis sint alias fugiat
+          at ratione dolor quo sequi quis praesentium!
+        </p>
+        <a href="#" class="villas__villa-3--link">Starting at $700.00</a>
+      </div>
+      <div class="villas__villa-4">
+        <h2 class="villas__villa-4--title">Ultra Villa</h2>
+        <p class="villas__villa-4--para">
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit odio voluptates accusamus, ipsam, dolores rerum atque reprehenderit
+          aliquid quos earum animi aperiam officia repellat similique laboriosam deserunt quia et soluta? Modi, omnis! Explicabo debitis
+          esse corporis, magni sunt dolorum, quas delectus aut voluptas voluptatum culpa, illo libero rem aliquam officiis sint alias fugiat
+          at ratione dolor quo sequi quis praesentium!
+        </p>
+        <a href="#" class="villas__villa-4--link">Starting at $1100.00</a>
+      </div>
+      <div class="villas__villa-5">
+        <h2 class="villas__villa-5--title">Galactic Villa</h2>
+        <p class="villas__villa-5--para">
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit odio voluptates accusamus, ipsam, dolores rerum atque reprehenderit
+          aliquid quos earum animi aperiam officia repellat similique laboriosam deserunt quia et soluta? Modi, omnis! Explicabo debitis
+          esse corporis, magni sunt dolorum, quas delectus aut voluptas voluptatum culpa, illo libero rem aliquam officiis sint alias fugiat
+          at ratione dolor quo sequi quis praesentium!
+        </p>
+        <a href="#" class="villas__villa-5--link">Starting at $1300.00</a>
+      </div>
+      <div class="villas__villa-6">
+        <h2 class="villas__villa-6--title">Cosmic</h2>
+        <p class="villas__villa-6--para">
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit odio voluptates accusamus, ipsam, dolores rerum atque reprehenderit
+          aliquid quos earum animi aperiam officia repellat similique laboriosam deserunt quia et soluta? Modi, omnis! Explicabo debitis
+          esse corporis, magni sunt dolorum, quas delectus aut voluptas voluptatum culpa, illo libero rem aliquam officiis sint alias fugiat
+          at ratione dolor quo sequi quis praesentium!
+        </p>
+        <a href="#" class="villas__villa-6--link">Starting at $1500.00</a>
+      </div>
+    </section>
 
     <!--******* Motto Section ******* -->
     <section id="motto">Motto</section>