mod : index.html moved hero image right to left

index.html

@@ -39,7 +39,7 @@ <h1 class="logo me-auto"><a href="index.html">Dot Tech</a></h1>
         <ul>
           <li><a class="nav-link scrollto active" href="#hero">Home</a></li>
           <li><a class="nav-link scrollto" href="#about">About</a></li>
-          <li><a class="nav-link scrollto" href="#services">Services</a></li>
+          <li><a class="nav-link scrollto" href="Services.html">Services</a></li>
           <li><a class="nav-link   scrollto" href="#portfolio">Portfolio</a></li>
           <li><a class="nav-link scrollto" href="#contact">Contact</a></li>
           <li><a class="getstarted scrollto" href="#about">Get Started</a></li>
@@ -52,22 +52,26 @@ <h1 class="logo me-auto"><a href="index.html">Dot Tech</a></h1>
 
   <!-- ======= Hero Section ======= -->
   <section id="hero" class="d-flex align-items-center">
-
     <div class="container">
       <div class="row">
-        <div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
-          <h1>Better Solutions For Your Business</h1>
-          <h2>We are passionate about empowering businesses to thrive in the digital age</h2>
+        <!-- Swap the order of the columns -->
+        <div class="col-lg-6 order-2 order-lg-1 hero-img" data-aos="zoom-in" data-aos-delay="200">
+          <img src="assets/img/hero-img.png" class="img-fluid animated" alt="">
+        </div>
+        <div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-1 order-lg-2" data-aos="fade-up" data-aos-delay="200">
+          <br><br>
+          <br>
+          <br>
+          <br>
+          <br>
+          <h1>"Empowering Innovation, Enabling Success"</h1>
+          <h2>Fostering creative ideas and providing solutions that drive success for our clients and partners.</h2>
           <div class="d-flex justify-content-center justify-content-lg-start">
-            <a href="#about" class="btn-get-started scrollto">Get Started</a>
+            <a href="#about" class="btn-get-started scrollto">Get Started</a><br><br><br><br>
           </div>
         </div>
-        <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
-          <img src="assets/img/hero-img.png" class="img-fluid animated" alt="">
-        </div>
       </div>
     </div>
-
   </section><!-- End Hero -->
 
   <main id="main">
@@ -162,7 +166,7 @@ <h3>Dot Tech</h3>
             <p>
               Alkapuri <br>
               Vadodara, 390006<br>
-              United States <br><br>
+              <br><br>
               <strong>Phone:</strong> +91 9100000001<br>
               <strong>Email:</strong> dottech@example.com<br>
             </p>