Skillsbattle |School for Learning

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<title>testimonial - left and right side Item half hidden </title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<h2>CREATE OWL CAROUSEL TESTIMONIAL</h2>
<div class="testimonials owl-carousel owl-theme">
<div class="item">
<div class="carousel-item__card">1</div>
</div>
<div class="item">
<div class="carousel-item__card">2</div>
</div>
<div class="item">
<div class="carousel-item__card">3</div>
</div>
<div class="item">
<div class="carousel-item__card">4</div>
</div>
</div>

},
        1365: {
          items: 2,

}
      }
    });
  });
</script>

</body>
</html>