Нужно сделать слайдер, но не знаю как. И owl-carousel пробовал и другие плагины, но все равно не работает, и в чем ошибка тоже не могу понять
Вот кусок HTML кода:
<section class="about">
<div class="container">
<div class="about__top">
<div class="about__tittle">
<div class="about__tittle about__tittle-top">
<h1 class="about__tittle about__tittle-top">ABOUT US</h1>
</div>
<div class="about__tittle about__tittle-middle">
<img src="images/line.png" alt="" class="services__tittle services__tittle-img tittle__line">
</div>
<div class="about__tittle about__tittle-desc">
<p class="about__tittle about__tittle-desc">We offer ipsum dolor sit amet, consetetur sadipscing elitr amet</p>
</div>
</div>
</div>
<div class="about__middle">
<div class="about__middle-left">
<p class="about__middle-left">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sediam nonumy eirmod tempor invidunt ut labore et dolore aliquyam erat, sed diam voluptua. At vero eos et accusam et justo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor et dolore aliquyam erat. Lorem ipsum dolor sit amet. Lorem ipsum eat.</p>
</div>
<div class="about__middle-right">
<p class="about__middle-right">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sediam nonumy eirmod tempor invidunt ut labore et dolore aliquyam erat, sed diam voluptua. At vero eos et accusam et justo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor et dolore aliquyam erat. Lorem ipsum dolor sit amet. Lorem ipsum eat.</p>
</div>
</div>
<div class="about__bottom">
<ul class="about__slider">
<li class="slider__item"><a href="#" class="slider__item slider__link">
<img src="images/slider1.png" alt="" class="slider-img"></a>
</li>
<li class="slider__item">
<a href="#" class="slider__item slider__link">
<img src="images/slider2.png" alt="" class="slider-img">
</a>
</li>
<li class="slider__item">
<a href="#" class="slider__item slider__link">
<img src="images/slider3.png" alt="" class="slider-img">
</a>
</li>
<li class="slider__item">
<a href="#" class="slider__item slider__link">
<img src="images/slider4.png" alt="" class="slider-img">
</a>
</li>
</ul>
</div>
</div>
</section>
Вот, что нужно сделать:
