From be5bfc7e09f627ee7475077ec7484a318a3bcc3a Mon Sep 17 00:00:00 2001
From: locksmithex <129851579+locksmithex@users.noreply.github.com>
Date: Sat, 3 Jun 2023 13:14:11 +0530
Subject: [PATCH] Update index.html

---
 index.html | 108 ++++++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 82 insertions(+), 26 deletions(-)
diff --git a/index.html b/index.html
index 6df7139..024b804 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,65 @@
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
   <link rel="icon" type="image/png" href="images/favicon.png">
 
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      margin: 0;
+      padding: 0;
+    }
+
+    header {
+      background-color: #333;
+      color: #fff;
+      padding: 20px;
+    }
+
+    nav ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+      display: flex;
+      justify-content: flex-end;
+      background: #333;
+      color: #f9f9f9;
+    }
+
+    nav ul li {
+      margin-right: 20px;
+    }
+
+    nav ul li a {
+      color: #fff;
+      text-decoration: none;
+    }
+
+    h1, h2, h3 {
+      text-align: center;
+    }
+
+    section {
+      padding: 40px;
+    }
+
+    section#about, section#services {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: space-between;
+      align-items: flex-start;
+    }
+
+    section#about div, section#services div {
+      flex-basis: calc(50% - 20px);
+      margin-bottom: 40px;
+    }
+
+    @media (max-width: 768px) {
+      section#about div, section#services div {
+        flex-basis: 100%;
+      }
+    }
+  </style>
+  
 </head>
 <body>
 
@@ -49,26 +108,38 @@ <h2>Your Trusted Locksmith Experts in Chicago</h2>
   </header>
 
   <h3>Why Choose Benson Locksmith Service?</h3>
-  <section class="row">
-      <div class="one-third column">
+  <section class="row"  id="about">
+      <div class="one-fourth column">
         <strong>Reliable and Trustworthy:</strong> We have been serving the Chicago community for years, earning a reputation for our reliable and trustworthy locksmith services. Our team consists of licensed and insured professionals who undergo rigorous training to ensure the highest standards of workmanship.
       </div>
-      <div class="one-third column">
+      <div class="one-fourth column">
         <strong>Quick Response:</strong> We understand that lock and key emergencies can occur at any time. That's why we offer 24/7 emergency locksmith services in Chicago. Our rapid response team is always ready to assist you, no matter the time of day or night. Just give us a call, and we'll be there to help you promptly.
       </div>
-      <div class="one-third column">
-        <strong>Comprehensive Locksmith Services:</strong> Our range of locksmith services covers residential, commercial, and automotive needs. Whether you're locked out of your home, need to rekey your office locks, or require assistance with your car's transponder key, we have the expertise to handle it all. Our technicians stay updated with the latest locksmith techniques and tools to deliver efficient and effective solutions.
-      </div>
-      <div class="one-third column">
+      <div class="one-fourth column">
         <strong>High-Quality Products:</strong> We believe in using only the best products to ensure the security and durability of our services. We work with top brands in the industry and can provide you with a wide selection of locks, keys, security systems, and access control solutions. Our goal is to offer you peace of mind by delivering high-quality products that meet your specific requirements.
       </div>
-      <div class="one-third column">
+      <div class="one-fourth column">
         <strong>Reasonable Pricing:</strong> We believe that exceptional locksmith services should be affordable. Our pricing is competitive and transparent, with no hidden fees. We provide upfront quotes for our services, so you know exactly what to expect. Rest assured that you're getting the best value for your money with Benson Locksmith Service.
       </div>
   </section>
 
-  <h3>Our Locksmith Services</h3>
   <section class="row">
+      <div class="one-third column">
+        <h4>Residential Locksmith</h4>
+        <p>Locksmith services for homes in Chicago, Illinois.</p>
+      </div>
+      <div class="one-third column">
+        <h4>Commercial Locksmith</h4>
+        <p>Locksmith services for businesses in Chicago, Illinois.</p>
+      </div>
+      <div class="one-third column">
+        <h4>Mobile Locksmith</h4>
+        <p>Locksmith services at your home or business anywhere in Chicago, IL.</p>
+      </div>
+    </section>
+    
+  <h3>Our Locksmith Services</h3>
+  <section class="row"  id="services">
       <div class="one-half column">
       <ul>
         <li>Emergency lockout assistance</li>
@@ -88,27 +159,12 @@ <h3>Our Locksmith Services</h3>
       </div>
   </section>
 
-  <section>
+  <section  id="contact">
     <h3>Contact Benson Locksmith Service Today!</h3>
     <p>Don't compromise on the security of your property or the safety of your loved ones. Trust Benson Locksmith Service to provide reliable, efficient, and affordable locksmith solutions in Chicago. Our dedicated team is ready to assist you whenever you need us.</p>
     <p>Contact us today at <strong>[phone number]</strong> for all your locksmith needs or to request a free quote. We look forward to serving you!</p>
   </section>
-      
-  <section class="row">
-      <div class="one-third column">
-        <h4>Residential Locksmith</h4>
-        <p>Locksmith services for homes in Chicago, Illinois.</p>
-      </div>
-      <div class="one-third column">
-        <h4>Commercial Locksmith</h4>
-        <p>Locksmith services for businesses in Chicago, Illinois.</p>
-      </div>
-      <div class="one-third column">
-        <h4>Mobile Locksmith</h4>
-        <p>Locksmith services at your home or business anywhere in Chicago, IL.</p>
-      </div>
-    </section>
-
+     
  </div>
 
 <!-- End Document
