diff --git a/fix_git.sh b/fix_git.sh
new file mode 100644
index 0000000..82198a8
--- /dev/null
+++ b/fix_git.sh
@@ -0,0 +1,5 @@
+#!/bin/bash
+cd "/home/freedom-chukwudi/Desktop/APPLE website"
+rm -rf .git/rebase-merge
+git reset --hard ORIG_HEAD
+git pull --no-rebase origin main
diff --git a/index.html b/index.html
index 4bb08cd..ba2aaf7 100644
--- a/index.html
+++ b/index.html
@@ -78,48 +78,64 @@ <h2 id="heading1"> Which AirPods are <br>
                 <h4 class="grid-h2">Airpod</h4>
                 <p class="grid-p1">2nd generation</p>
                 <p class="grid-p2">₹14900.00*</p>
+                 <div class="div-items">
+                <button class="button3">Buy</button>
+                <a id="learn2"  href="">Learn more</a>
+                </div>
             </div>
-            <div class="grid-box"> <img src="airpodcon1.svg" alt="">
+            <div class="grid-box"> <img src="airpodcon2.svg" alt="">
                 <h4 class="grid-h2">Airpod</h4>
-                <p class="grid-p1">2nd generation</p>
-                <p class="grid-p2">₹14900.00*</p>
+                <p class="grid-p1">3rd generation</p>
+                <p class="grid-p2">₹19900.00*</p>
+                 <div class="div-items">
+                <button class="button3">Buy</button>
+                <a id="learn2"  href="">Learn more</a>
+                </div>
             </div>
-            <div class="grid-box"> <img src="airpodcon1.svg" alt="">
+            <div class="grid-box"> <img src="airpodcon3.svg" alt="">
                 <h4 class="grid-h2">Airpod</h4>
                 <p class="grid-p1">2nd generation</p>
-                <p class="grid-p2">₹14900.00*</p>
+                <p class="grid-p2">₹26900.00*</p>
+                <div class="div-items">
+                <button class="button3">Buy</button>
+                <a id="learn2"  href="">Learn more</a>
+                </div>
             </div>
-            <div class="grid-box"> <img src="airpodcon1.svg" alt="">
+            <div class="grid-box"> <img id="image4" src="earphone 1.png" alt="">
                 <h4 class="grid-h2">Airpod</h4>
                 <p class="grid-p1">2nd generation</p>
                 <p class="grid-p2">₹14900.00*</p>
+                 <div class="div-items">
+                <button class="button3">Buy</button>
+                <a id="learn2-1"  href="">Learn more</a>
+                </div>
             </div>
 
         </div>
         <div class="grid-container2">
-            <div class="grid-box2"> <img src="person1.svg" alt="">
-                <p>Personalised Spatial Audio with
+            <div class="grid-box2"> <img class="person2" src="person1.svg" alt="">
+                <p>Personalised Spatial Audio with <br>
                     dynamic head tracking
                     2</p>
             </div>
-            <div class="grid-box2"> <img src="person1.svg" alt="">
-                <p>Personalised Spatial Audio with
-                    dynamic head tracking
+            <div class="grid-box2"> <img class="person2" src="person1.svg" alt="">
+                <p id="para1">Personalised Spatial Audio with <br>
+                    dynamic head tracking
                     2 </p>
             </div>
-            <div class="grid-box2"> <img src="person1.svg" alt="">
-                <p>Personalised Spatial Audio with
+            <div class="grid-box2"> <img class="person2" src="person1.svg" alt="">
+                <p id="para1">Personalised Spatial Audio with <br>
                     dynamic head tracking
                     2 </p>
             </div>
-            <div class="grid-box2"> <img src="person2.svg" alt="">
-                <p>Active Noise
-                    Cancellation and
+            <div class="grid-box2"> <img class="person2" src="person2.svg" alt="">
+                <p id="para1">Active Noise <br>
+                    Cancellation and <br>
                     Adaptive Transparency </p>
             </div>
-            <div class="grid-box2"> <img src="person2.svg" alt="">
-                <p>Active Noise
-                    Cancellation and
+            <div class="grid-box2"> <img class="person2" src="person2.svg" alt="">
+                <p id="para1"> Active Noise <br>
+                    Cancellation and <br>
                     Adaptive Transparency </p>
             </div>
 
diff --git a/style.css b/style.css
index 5501cb5..ff46de6 100644
--- a/style.css
+++ b/style.css
@@ -1,11 +1,12 @@
+body { overflow-x: hidden; }
 nav {
     display: flex;
     position: absolute;
     width: 998px;
     height: 44px;
-    left: 461px;
+    left: 350px;
     top: 10px;
-    gap: 20px;
+    gap: 30px;
     margin-top: 15px;
 }
 
@@ -48,7 +49,7 @@ nav {
     gap: -500px;
     top: 62px;
     align-items: center;
-    left: 350px;
+    left: 430px;
 }
 
 .nav2-item {
@@ -70,7 +71,7 @@ nav {
     min-width: 110px;
 }
 
-.section1 {}
+
 
 #airpodstext {
     position: absolute;
@@ -91,6 +92,8 @@ nav {
     animation-name: slideInLeft;
     animation-delay: 10s;
     animation: zoom-in 2s ease-out;
+    animation-delay: 3s;
+
 }
 
 #thirdgen {
@@ -164,6 +167,7 @@ nav {
     top: 20.78px;
     width: 250px;
     animation: zoom-in1 2s ease-out;
+    animation-delay: 3s;
 }
 
 #airpod2 {
@@ -173,6 +177,7 @@ nav {
     left: 890.84px;
     top: 250.96px;
     animation: zoom-in2 2s ease-out;
+    animation-delay: 3s;
 }
  @keyframes zoom-in {   from {
                 opacity: 0;
@@ -204,7 +209,7 @@ nav {
             to { height: 990px;
                 width: 500px;
                transform: translateY(3000);
-               left: 1200px;
+               left: 1100px;
             } }
 
 
@@ -216,7 +221,7 @@ nav {
   
     
     height: 800px;
-    animation: slideInLeft 0.8s ease-out;
+    animation: slideInLeft 1s ease-out;
 }
 
 #earphone {
@@ -224,6 +229,8 @@ nav {
     position: absolute;
     width: 450px;
     left: 580px;
+      animation: zoomin4 5s ease-out;
+      animation-delay: 2s;
 }
 
 #Fromprice2 {
@@ -249,7 +256,8 @@ nav {
     letter-spacing: -0.230722px;
     left: 280px;
     padding-top: 100px;
-     animation: zoom-in3 1s ease-out;
+     animation: zoom-in3 5s ease-out;
+     animation-delay: 2s;
      
 }
 
@@ -297,17 +305,27 @@ nav {
 @keyframes zoom-in3 {   from {
                 opacity: 0;
           font-size: 170px;
+          left: 290px;
             }
-            to {
+            to { left: 450px;
                 opacity: 1;
-               font-size: 150px;
+               font-size: 120px;
             } }
+    @keyframes zoomin4 { from { padding-top: 50px;
+    width: 450px;
+    left: 580px;  
+ transform: translateX(10);
+               transform: translateY(1);
+               padding-top: 50px;
+} 
+             
+             to { width: 800px; left: 400px; 
+             transform: translateY(1000);
+              padding-top: -100px; margin-top: -500px; }  }
 
 .section3 {
     border: #1D1D1F;
-    margin-top: 100px;
-    border-style: solid;
-    border-color: rgb(28, 2, 2);
+    margin-top: 80px;
     width: 1490px;
     position: relative;
     height: 720px;
@@ -337,7 +355,7 @@ nav {
       left: 400px; 
 }
 
-.grid-h2 {}
+
 
 
 
@@ -348,9 +366,9 @@ nav {
     grid-template-columns: repeat(3, 1fr);
     /* 4 equal columns */
     gap: 0;
-    left: 400px;  }
-margin-top: 
-    50px;  }
+    left: 400px;
+    margin-top: 50px;
+}
     .button3 { 
     position: absolute;
     font-weight: 700;
@@ -377,5 +395,7 @@ margin-top:
     #learn2-1 { position: absolute; top: 310px
     ;  color: rgb(44, 73, 199);
     cursor: pointer; margin-right: 100px; margin-left:35px; }
-    #para1 { text-align: center; }
-    .person2 { justify-content: center; margin-left: 120px; }
+    
+    #para1 { text-align: center;  }
+    .person2 { justify-content: center; margin-left: 119px;  }
+