How to make slider by layout?

Question

JavaScript

Good evening.
It is not possible to set up the slider as on the layout.
It is necessary that the slides are not repeated, but moved either by mouseDrag or by pressing the arrow at the bottom.
I use owlcarousel, jquery and bootstrap.
An important point is that the layout is made in such a way that the main content goes in the center, respectively, and the slider components should start with an indent like the main content, while there is no indentation on the right.

Codepen link https://codepen.io/alex-buki/pen/JQyMYz

Below is the layout.

Answer 1

For your purposes, I would use swiper rather than owl, draggable is perfectly implemented there, and as a main card, you can use the second thumbs slider