studypress whole site ready for review

index.html

@@ -629,6 +629,211 @@
 
                         </div>
 
+                        <div class="swiper-slide single-course">
+
+                            <div class="top-part">
+                                <div class="img-container">
+                                    <img src="./images/course-3.png" alt="">
+                                </div>
+
+                                <div class="tag">
+                                    New
+                                </div>
+
+                            </div>
+
+                            <div class="details">
+
+                                <p class="level">
+                                    <small>Beginner level</small>
+                                </p>
+
+                                <a href="#" class="title">
+                                    Primary School Teacher
+                                </a href="#">
+
+                                <div class="stats">
+                                    <span>40 Days,</span>
+                                    <span>4200 Enrolled</span>
+                                </div>
+
+                                <div class="price">
+                                    <span>
+                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
+                                    </span>
+                                    <span>
+                                        500
+                                    </span>
+                                </div>
+
+                            </div>
+
+                        </div>
+                        
+                        <div class="swiper-slide single-course">
+
+                            <div class="top-part">
+                                <div class="img-container">
+                                    <img src="./images/course-1.png" alt="">
+                                </div>
+
+                                <div class="tag">
+                                    New
+                                </div>
+
+                            </div>
+
+                            <div class="details">
+
+                                <p class="level">
+                                    <small>Beginner level</small>
+                                </p>
+
+                                <a href="#" class="title">
+                                    Primary School Teacher
+                                </a href="#">
+
+                                <div class="stats">
+                                    <span>40 Days,</span>
+                                    <span>4200 Enrolled</span>
+                                </div>
+
+                                <div class="price">
+                                    <span>
+                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
+                                    </span>
+                                    <span>
+                                        500
+                                    </span>
+                                </div>
+
+                            </div>
+
+                        </div>
+
+                        <div class="swiper-slide single-course">
+
+                            <div class="top-part">
+                                <div class="img-container">
+                                    <img src="./images/course-1.png" alt="">
+                                </div>
+
+                                <div class="tag">
+                                    New
+                                </div>
+
+                            </div>
+
+                            <div class="details">
+
+                                <p class="level">
+                                    <small>Beginner level</small>
+                                </p>
+
+                                <a href="#" class="title">
+                                    Primary School Teacher
+                                </a href="#">
+
+                                <div class="stats">
+                                    <span>40 Days,</span>
+                                    <span>4200 Enrolled</span>
+                                </div>
+
+                                <div class="price">
+                                    <span>
+                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
+                                    </span>
+                                    <span>
+                                        500
+                                    </span>
+                                </div>
+
+                            </div>
+
+                        </div>
+
+                        <div class="swiper-slide single-course">
+
+                            <div class="top-part">
+                                <div class="img-container">
+                                    <img src="./images/course-4.png" alt="">
+                                </div>
+
+                                <div class="tag">
+                                    New
+                                </div>
+
+                            </div>
+
+                            <div class="details">
+
+                                <p class="level">
+                                    <small>Beginner level</small>
+                                </p>
+
+                                <a href="#" class="title">
+                                    Primary School Teacher
+                                </a href="#">
+
+                                <div class="stats">
+                                    <span>40 Days,</span>
+                                    <span>4200 Enrolled</span>
+                                </div>
+
+                                <div class="price">
+                                    <span>
+                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
+                                    </span>
+                                    <span>
+                                        500
+                                    </span>
+                                </div>
+
+                            </div>
+
+                        </div>
+
+                        <div class="swiper-slide single-course">
+
+                            <div class="top-part">
+                                <div class="img-container">
+                                    <img src="./images/course-2.png" alt="">
+                                </div>
+
+                                <div class="tag">
+                                    New
+                                </div>
+
+                            </div>
+
+                            <div class="details">
+
+                                <p class="level">
+                                    <small>Beginner level</small>
+                                </p>
+
+                                <a href="#" class="title">
+                                    Primary School Teacher
+                                </a href="#">
+
+                                <div class="stats">
+                                    <span>40 Days,</span>
+                                    <span>4200 Enrolled</span>
+                                </div>
+
+                                <div class="price">
+                                    <span>
+                                        <i class="fa-solid fa-bangladeshi-taka-sign"></i>
+                                    </span>
+                                    <span>
+                                        500
+                                    </span>
+                                </div>
+
+                            </div>
+
+                        </div>
+
                         <div class="swiper-slide single-course">
 
                             <div class="top-part">

js/custom.js

@@ -57,35 +57,34 @@ var swiper = new Swiper(".why-slider-1", {
 
 // new course  slider
 var swiper = new Swiper(".new-course", {
-    loop: true,
-    spaceBetween: 10,
-    // slidesPerView: 1,
-    speed: 3000,
+  loop: true,
+  spaceBetween: 10,
+  autoHeight: true,
+  allowTouchMove: true,
+  slidesPerView: 1,
+  breakpoints: {
+      640: {
+          slidesPerView: 1,
+          spaceBetween: 10,
+      },
+      768: {
+          slidesPerView: 3,
+          spaceBetween: 20,
+      },
+      1024: {
+          slidesPerView: 4,
+          spaceBetween: 30,
+      },
+    },
     autoplay: {
-      delay: 0,
-      pauseOnMouseEnter: true,
+      delay: 2500,
       disableOnInteraction: false,
-      reverseDirection: true,  
+      pauseOnMouseEnter: true
     },
-    breakpoints: {
-        640: {
-            slidesPerView: 2,
-            spaceBetween: 10,
-        },
-        768: {
-            slidesPerView: 3,
-            spaceBetween: 20,
-        },
-        1024: {
-            slidesPerView: 4,
-            spaceBetween: 30,
-        },
-      },
-      navigation: {
+    navigation: {
         nextEl: ".new-course-next",
         prevEl: ".new-course-prev",
       },
-      
 });