added the second section of the page, the details section, and modifi…

…ed the overall html structure, and changed the class of the first section into an id

relates #3

index.html

@@ -31,9 +31,11 @@
     </header>
     <main>
       <!-- start of the getting started section -->
-      <section class="get-started">
-        <div>
-          <img src="./images/city2.jpg" alt="image of a city" />
+      <section id="get-started">
+        <div class="image-con">
+          <div>
+            <img src="./images/city2.jpg" alt="image of a city" />
+          </div>
         </div>
         <div class="details">
           <h1>Reflex</h1>
@@ -45,6 +47,28 @@ <h1>Reflex</h1>
         </div>
       </section>
       <!-- end of the getting started section -->
+
+      <!-- start of the details section -->
+      <section id="details">
+        <h2>ipusum malesuada</h2>
+        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit isicing.</p>
+        <div class="icons">
+          <i class="fa-solid fa-code"></i>
+          <i class="fa-solid fa-gear"></i>
+          <i class="fa-solid fa-gem"></i>
+          <i class="fa-solid fa-camera-retro"></i>
+          <i class="fa-solid fa-briefcase"></i>
+        </div>
+        <p>
+          Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni veniam
+          porro nisi officiis cum vitae voluptatem sapiente odio debitis
+          expedita non explicabo ducimus placeat atque, quae obcaecati a dolor
+          porro nisi officiis cum vitae voluptatem sapiente odio debitis
+          expedita non explicabo ducimus numquam?
+        </p>
+        <button>details</button>
+      </section>
+      <!-- start of the details section -->
     </main>
   </body>
 </html>