Update index.html

Author: Theheavenlyprogrammer333

index.html

@@ -74,31 +74,38 @@
 
 
 <b style="font-size: xx-large;">many subjects to learn ! </b>
- <br><br>
- 
- <div class="swiper mySwiper">
+
+ <!-- Swiper -->
+  <div class="swiper mySwiper">
     <div class="swiper-wrapper">
-      <div class="swiper-slide" style="background-size: cover;"><img src="https://images.unsplash.com/photo-1675783052137-86e68b3f340d?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwcm9maWxlLXBhZ2V8Nnx8fGVufDB8fHx8fA%3D%3D" alt=""></div>
-      <div class="swiper-slide" style="background-size: cover;"><img src="https://images.unsplash.com/photo-1598015132635-131afe3ba07f?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwcm9maWxlLXBhZ2V8MXx8fGVufDB8fHx8fA%3D%3D" alt=""></div>
-      <div class="swiper-slide" style="background-size: cover;"><img src="https://images.unsplash.com/photo-1748019156345-64162e5b877e?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxmZWF0dXJlZC1waG90b3MtZmVlZHwxN3x8fGVufDB8fHx8fA%3D%3D" alt=""></div>
+      <div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1600659090872-74ca5ca1023a?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8N3x8Z3VhdmF8ZW58MHx8MHx8fDA%3D'); background-size: cover;"></div>
+
+      <div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1630563451961-ac2ff27616ab?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8YXBwbGV8ZW58MHx8MHx8fDA%3D'); background-size: cover; background-repeat: no-repeat;background-position: center;">Slide 2</div>
+      <div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1582979512210-99b6a53386f9?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OHx8b3JhbmdlfGVufDB8fDB8fHww'); background-size: cover;  "> Slide 3</div>
+
+      <div class="swiper-slide" style="background-image: url('https://plus.unsplash.com/premium_photo-1675731118517-c85b8cd0904c?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8NXx8YmVycnl8ZW58MHx8MHx8fDA%3D'); background-size: cover;">Slide 4</div>
 
     </div>
-    <div class="swiper-pagination"></div>
+    <div class="swiper-button-next"></div>
+    <div class="swiper-button-prev"></div>
   </div>
-  <br>
 
   <!-- Swiper JS -->
   <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
 
   <!-- Initialize Swiper -->
   <script>
     var swiper = new Swiper(".mySwiper", {
-      pagination: {
-        el: ".swiper-pagination",
+      navigation: {
+        nextEl: ".swiper-button-next",
+        prevEl: ".swiper-button-prev",
       },
     });
   </script>
 
+ <br><br>
+ 
+
 <section id="profile">
     <div  ><img style="border-radius: 50%; width: 260px; height: 260px;" src="https://img.freepik.com/free-photo/waist-up-portrait-handsome-serious-unshaven-male-keeps-hands-together-dressed-dark-blue-shirt-has-talk-with-interlocutor-stands-against-white-wall-self-confident-man-freelancer_273609-16320.jpg?semt=ais_hybrid&w=740" alt="" srcset=""></div>
     <div id="profilecomponents"  style="color:azure;  font-family: Glegoo; "><p> Lorem ipsum dolor sit amet consectetur, adipisicing elit. Alias enim laborum recusandae accusantium adipisci, inventore corporis debitis nostrum dolores, nobis perspiciatis fugiat repellat dicta, numquam sunt? Earum magnam reprehenderit et.lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium, delectus! Aperiam in architecto repudiandae consequuntur nemo, repellendus perferendis facilis, minima quas nobis ad laudantium ipsam! Dignissimos veritatis quis illum eum? corporis debitis nostrum dolores, nobis perspiciatis fugiat repellat dicta, numquam sunt? Earum magnam reprehenderit et.lorem Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusantium, delectus! Aperiam in architecto repudiandae consequuntur nemo, repellendus perferendis facilis, minima quas nobis ad laudantium ipsam! Dignissimos  </p></div>
@@ -150,55 +157,8 @@
 </section>
 <br><br>
 <!------------------------------the why choose taming physics decorated in style.css ------------------------------------------------>
-
-<div class="swiper">
-  <!-- Additional required wrapper -->
-  <div class="swiper-wrapper">
-    <!-- Slides -->
-    <div class="swiper-slide"  style="background-image: url('https://images.unsplash.com/photo-1600476101136-6b45c262e3fa?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8b2xkJTIwYnVpbGRpbmd8ZW58MHx8MHx8fDA%3D'); background-size:cover; ">Physics</div>
-
-    <div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1566054213406-be080412f4fb?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MjJ8fG9sZCUyMGJ1aWxkaW5nfGVufDB8fDB8fHww'); background-repeat: no-repeat;     ">Maths</div>
-
-    <div class="swiper-slide" style="background-image: url('https://images.unsplash.com/photo-1609342263596-645f6b0e9f00?q=80&w=2940&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); ">Chemistry</div>
-    
-  </div>
-</div>
-  <!-- If we need pagination -->
-  <div class="swiper-pagination"></div>
-
-  <!-- If we need navigation buttons -->
-  <div class="swiper-button-prev"></div>
-  <div class="swiper-button-next"></div>
-
-  <!-- If we need scrollbar -->
-  <div class="swiper-scrollbar"></div>
-</div>
- <br><br>
- <script>
-  new Swiper('.swiper', {
-  // Optional parameters
-  loop:true,
-
-  // If we need pagination
-  pagination: {
-    el: '.swiper-pagination',
-  },
-
-  // Navigation arrows
-  navigation: {
-    nextEl: '.swiper-button-next',
-    prevEl: '.swiper-button-prev',
-  },
-
-  // And if we need scrollbar
-  scrollbar: {
-    el: '.swiper-scrollbar',
-  },
-});
-</script>
-
-
-<br>
+ 
+ 
  <!-----Why chooose taming physcis !-->
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div id="choosetamingphysics" ><button id="expheadbutton"><p style="font-size: xx-large;">Why choose Taming Physics</p></button>
  <br>
@@ -283,3 +243,4 @@
 
 
 
+