Carousel Style 1
<div class="slider-style-1">
<div class="container">
<div class="swiper discography-style-02">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="discography-style discography-style-2">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-1.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Sleepless Talk">Sleepless Talk</a>
</div>
<span>Volve & Marly</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-2.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Life Before You">Life Before You</a>
</div>
<span>Jean Volve</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-3.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-4.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Life Before You">Life Before You</a>
</div>
<span>Jean Volve</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-5.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style discography-style-2">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-6.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Sleepless Talk">Sleepless Talk</a>
</div>
<span>Volve & Marly</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-1.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Life Before You">Life Before You</a>
</div>
<span>Jean Volve</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-2.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-3.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Life Before You">Life Before You</a>
</div>
<span>Jean Volve</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-5.jpg" alt="Image">
<div class="overlay">
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-controls">
<div class="swiper-button-prev">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.941" viewBox="0 0 150 52.941">
<path data-name="Path 42047" d="M151,45.8H13.11L33.019,64.935l-4.473,4.3L1,42.764,28.546,16.293l4.473,4.3L13.11,39.723H151Z" transform="translate(-1 -16.293)" fill="#141414"/>
</svg>
</div>
</div>
<div class="swiper-pagination">
</div>
<div class="swiper-button-next">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.941" viewBox="0 0 150 52.941">
<path data-name="Path 42046" d="M1,45.8H138.89L118.981,64.935l4.473,4.3L151,42.764,123.454,16.293l-4.473,4.3L138.89,39.723H1Z" transform="translate(-1 -16.293)" fill="#141414"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
Carousel Style 2
<div class="slider-style-2">
<div class="container">
<div class="style-2-slider owl-carousel owl-theme">
<div class="item">
<div class="slider-template-1">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<div class="name">Marly Andrew</div>
<span>Customer</span>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<img src="themes/custom/music_plus/assets/images/team-1.jpg" alt="Image">
</div>
</div>
</div>
</div>
<div class="item">
<div class="slider-template-1">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<div class="name">Marly Andrew</div>
<span>Customer</span>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<img src="themes/custom/music_plus/assets/images/team-1.jpg" alt="Image">
</div>
</div>
</div>
</div>
<div class="item">
<div class="slider-template-1">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<div class="name">Marly Andrew</div>
<span>Customer</span>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<img src="themes/custom/music_plus/assets/images/team-1.jpg" alt="Image">
</div>
</div>
</div>
</div>
<div class="item">
<div class="slider-template-1">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<div class="name">Marly Andrew</div>
<span>Customer</span>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<img src="themes/custom/music_plus/assets/images/team-1.jpg" alt="Image">
</div>
</div>
</div>
</div>
<div class="item">
<div class="slider-template-1">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<div class="name">Marly Andrew</div>
<span>Customer</span>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<img src="themes/custom/music_plus/assets/images/team-1.jpg" alt="Image">
</div>
</div>
</div>
</div>
<div class="item">
<div class="slider-template-1">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<div class="name">Marly Andrew</div>
<span>Customer</span>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<img src="themes/custom/music_plus/assets/images/team-1.jpg" alt="Image">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Carousel Style 3
<div class="slider-style-3">
<div class="container">
<div class="style-3-slider owl-carousel owl-theme">
<div class="item">
<div class="slider-template-2">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<div class="profile">
<div class="image">
<img src="themes/custom/music_plus/assets/images/team-3.jpg" alt="Image">
</div>
<div class="profile-details">
<h5>Marly Andrew</h5>
<span>Customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="slider-template-2">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<div class="profile">
<div class="image">
<img src="themes/custom/music_plus/assets/images/team-3.jpg" alt="Image">
</div>
<div class="profile-details">
<h5>Marly Andrew</h5>
<span>Customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="slider-template-2">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<div class="profile">
<div class="image">
<img src="themes/custom/music_plus/assets/images/team-3.jpg" alt="Image">
</div>
<div class="profile-details">
<h5>Marly Andrew</h5>
<span>Customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="slider-template-2">
<div class="container">
<div class="content">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path data-name="Union 30" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" fill="#141414"/>
</svg>
</div>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptate accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
<div class="profile">
<div class="image">
<img src="themes/custom/music_plus/assets/images/team-3.jpg" alt="Image">
</div>
<div class="profile-details">
<h5>Marly Andrew</h5>
<span>Customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Carousel Style 4
<div class="slider-style-4">
<div class="slider-template-3">
<div class="item">
<div class="container">
<div class="row align-items-center s-39">
<div class="col-lg-4">
<div class="image">
<img src="themes/custom/music_plus/assets/images/1.png" alt="Image">
</div>
</div>
<div class="col-lg-8">
<div class="style-4-slider owl-carousel owl-theme">
<div class="item">
<div class="p-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path id="Union_31" data-name="Union 31" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" transform="translate(150 106) rotate(180)" fill="#141414"/>
</svg>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptat em quia voluptas sit aspernatur.</p>
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path id="Union_32" data-name="Union 32" d="M16.565,0a3.064,3.064,0,0,0-2.7,1.629A3.108,3.108,0,0,0,14.013,4.8C21.243,15.728,28.576,29.531,32.1,36.363c-9.24.882-17,4.3-22.641,10.016a31.8,31.8,0,0,0-7.106,11.2A38.219,38.219,0,0,0,0,71.068a34.8,34.8,0,0,0,10.171,24.7A34.4,34.4,0,0,0,34.727,106a38.248,38.248,0,0,0,13.384-2.3h0a31.136,31.136,0,0,0,11.151-7.049c6.663-6.59,10.191-16.223,10.191-27.858,0-9.151-6.382-23.38-18.964-42.284C41.291,12.687,31.964,1.24,31.873,1.128A3.064,3.064,0,0,0,29.507,0ZM97.12.006a3.072,3.072,0,0,0-2.709,1.629A3.1,3.1,0,0,0,94.56,4.8c7.234,10.933,14.567,24.736,18.087,31.568-9.24.88-17,4.3-22.641,10.012a31.705,31.705,0,0,0-7.106,11.2A38.235,38.235,0,0,0,80.551,71.07a34.787,34.787,0,0,0,10.171,24.7A34.389,34.389,0,0,0,115.277,106a38.281,38.281,0,0,0,13.384-2.3,31.185,31.185,0,0,0,11.151-7.049C146.484,90.061,150,80.427,150,68.8c0-9.155-6.374-23.38-18.96-42.284-9.2-13.821-18.521-25.268-18.617-25.382A3.07,3.07,0,0,0,110.049.006Z" fill="#141414"/>
</svg>
</div>
<div class="name">Marly Andrew</div>
<span>Customer</span>
</div>
<div class="item">
<div class="p-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path id="Union_31" data-name="Union 31" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" transform="translate(150 106) rotate(180)" fill="#141414"/>
</svg>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptat em quia voluptas sit aspernatur.</p>
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path id="Union_32" data-name="Union 32" d="M16.565,0a3.064,3.064,0,0,0-2.7,1.629A3.108,3.108,0,0,0,14.013,4.8C21.243,15.728,28.576,29.531,32.1,36.363c-9.24.882-17,4.3-22.641,10.016a31.8,31.8,0,0,0-7.106,11.2A38.219,38.219,0,0,0,0,71.068a34.8,34.8,0,0,0,10.171,24.7A34.4,34.4,0,0,0,34.727,106a38.248,38.248,0,0,0,13.384-2.3h0a31.136,31.136,0,0,0,11.151-7.049c6.663-6.59,10.191-16.223,10.191-27.858,0-9.151-6.382-23.38-18.964-42.284C41.291,12.687,31.964,1.24,31.873,1.128A3.064,3.064,0,0,0,29.507,0ZM97.12.006a3.072,3.072,0,0,0-2.709,1.629A3.1,3.1,0,0,0,94.56,4.8c7.234,10.933,14.567,24.736,18.087,31.568-9.24.88-17,4.3-22.641,10.012a31.705,31.705,0,0,0-7.106,11.2A38.235,38.235,0,0,0,80.551,71.07a34.787,34.787,0,0,0,10.171,24.7A34.389,34.389,0,0,0,115.277,106a38.281,38.281,0,0,0,13.384-2.3,31.185,31.185,0,0,0,11.151-7.049C146.484,90.061,150,80.427,150,68.8c0-9.155-6.374-23.38-18.96-42.284-9.2-13.821-18.521-25.268-18.617-25.382A3.07,3.07,0,0,0,110.049.006Z" fill="#141414"/>
</svg>
</div>
<div class="name">Marly Andrew</div>
<span>Customer</span>
</div>
<div class="item">
<div class="p-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path id="Union_31" data-name="Union 31" d="M16.565,106a3.064,3.064,0,0,1-2.7-1.629,3.108,3.108,0,0,1,.149-3.168C21.243,90.272,28.576,76.469,32.1,69.637c-9.24-.882-17-4.3-22.641-10.016a31.8,31.8,0,0,1-7.106-11.2A38.219,38.219,0,0,1,0,34.932a34.8,34.8,0,0,1,10.171-24.7A34.4,34.4,0,0,1,34.727,0,38.248,38.248,0,0,1,48.111,2.3h0A31.136,31.136,0,0,1,59.266,9.352c6.663,6.59,10.191,16.223,10.191,27.858,0,9.151-6.382,23.38-18.964,42.284-9.2,13.819-18.53,25.266-18.621,25.378A3.064,3.064,0,0,1,29.507,106Zm80.555-.006a3.072,3.072,0,0,1-2.709-1.629,3.1,3.1,0,0,1,.149-3.165c7.234-10.933,14.567-24.736,18.087-31.568-9.24-.88-17-4.3-22.641-10.012a31.705,31.705,0,0,1-7.106-11.2A38.235,38.235,0,0,1,80.551,34.93a34.787,34.787,0,0,1,10.171-24.7A34.389,34.389,0,0,1,115.277,0a38.281,38.281,0,0,1,13.384,2.3,31.185,31.185,0,0,1,11.151,7.049C146.484,15.939,150,25.573,150,37.2c0,9.155-6.374,23.38-18.96,42.284-9.2,13.821-18.521,25.268-18.617,25.382a3.07,3.07,0,0,1-2.374,1.124Z" transform="translate(150 106) rotate(180)" fill="#141414"/>
</svg>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptat em quia voluptas sit aspernatur.</p>
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="106" viewBox="0 0 150 106">
<path id="Union_32" data-name="Union 32" d="M16.565,0a3.064,3.064,0,0,0-2.7,1.629A3.108,3.108,0,0,0,14.013,4.8C21.243,15.728,28.576,29.531,32.1,36.363c-9.24.882-17,4.3-22.641,10.016a31.8,31.8,0,0,0-7.106,11.2A38.219,38.219,0,0,0,0,71.068a34.8,34.8,0,0,0,10.171,24.7A34.4,34.4,0,0,0,34.727,106a38.248,38.248,0,0,0,13.384-2.3h0a31.136,31.136,0,0,0,11.151-7.049c6.663-6.59,10.191-16.223,10.191-27.858,0-9.151-6.382-23.38-18.964-42.284C41.291,12.687,31.964,1.24,31.873,1.128A3.064,3.064,0,0,0,29.507,0ZM97.12.006a3.072,3.072,0,0,0-2.709,1.629A3.1,3.1,0,0,0,94.56,4.8c7.234,10.933,14.567,24.736,18.087,31.568-9.24.88-17,4.3-22.641,10.012a31.705,31.705,0,0,0-7.106,11.2A38.235,38.235,0,0,0,80.551,71.07a34.787,34.787,0,0,0,10.171,24.7A34.389,34.389,0,0,0,115.277,106a38.281,38.281,0,0,0,13.384-2.3,31.185,31.185,0,0,0,11.151-7.049C146.484,90.061,150,80.427,150,68.8c0-9.155-6.374-23.38-18.96-42.284-9.2-13.821-18.521-25.268-18.617-25.382A3.07,3.07,0,0,0,110.049.006Z" fill="#141414"/>
</svg>
</div>
<div class="name">Marly Andrew</div>
<span>Customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Carousel Style 5
<div class="slider-style-5">
<div class="container">
<div class="swiper discography-style-1">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-6.jpg" alt="Image">
<div class="overlay">
<ul class="stream-on">
<span>Stream On</>
<li><a href="#"><i class="fab fa-apple"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-spotify"></i></a></li>
</ul>
<div class="discography-details">
<div class="title">
<a href="#" title="Sleepless Talk">Sleepless Talk</a>
</div>
<span>Volve & Marly</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-1.jpg" alt="Image">
<div class="overlay">
<ul class="stream-on">
<span>Stream On</>
<li><a href="#"><i class="fab fa-apple"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-spotify"></i></a></li>
</ul>
<div class="discography-details">
<div class="title">
<a href="#" title="Life Before You">Life Before You</a>
</div>
<span>Jean Volve</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-2.jpg" alt="Image">
<div class="overlay">
<ul class="stream-on">
<span>Stream On</>
<li><a href="#"><i class="fab fa-apple"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-spotify"></i></a></li>
</ul>
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-3.jpg" alt="Image">
<div class="overlay">
<ul class="stream-on">
<span>Stream On</>
<li><a href="#"><i class="fab fa-apple"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-spotify"></i></a></li>
</ul>
<div class="discography-details">
<div class="title">
<a href="#" title="Life Before You">Life Before You</a>
</div>
<span>Jean Volve</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-4.jpg" alt="Image">
<div class="overlay">
<ul class="stream-on">
<span>Stream On</>
<li><a href="#"><i class="fab fa-apple"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-spotify"></i></a></li>
</ul>
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-5.jpg" alt="Image">
<div class="overlay">
<ul class="stream-on">
<span>Stream On</>
<li><a href="#"><i class="fab fa-apple"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-spotify"></i></a></li>
</ul>
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-6.jpg" alt="Image">
<div class="overlay">
<ul class="stream-on">
<span>Stream On</>
<li><a href="#"><i class="fab fa-apple"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-spotify"></i></a></li>
</ul>
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-1.jpg" alt="Image">
<div class="overlay">
<ul class="stream-on">
<span>Stream On</>
<li><a href="#"><i class="fab fa-apple"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-spotify"></i></a></li>
</ul>
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="discography-style">
<div class="image">
<img src="themes/custom/music_plus/assets/images/discography-2.jpg" alt="Image">
<div class="overlay">
<ul class="stream-on">
<span>Stream On</>
<li><a href="#"><i class="fab fa-apple"></i></a></li>
<li><a href="#"><i class="fab fa-youtube"></i></a></li>
<li><a href="#"><i class="fab fa-spotify"></i></a></li>
</ul>
<div class="discography-details">
<div class="title">
<a href="#" title="Drai Baka">Drai Baka</a>
</div>
<span>Kristy Singh</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-controls">
<div class="swiper-button-prev">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.941" viewBox="0 0 150 52.941">
<path data-name="Path 42047" d="M151,45.8H13.11L33.019,64.935l-4.473,4.3L1,42.764,28.546,16.293l4.473,4.3L13.11,39.723H151Z" transform="translate(-1 -16.293)" fill="#141414"/>
</svg>
</div>
</div>
<div class="swiper-pagination">
</div>
<div class="swiper-button-next">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="52.941" viewBox="0 0 150 52.941">
<path data-name="Path 42046" d="M1,45.8H138.89L118.981,64.935l4.473,4.3L151,42.764,123.454,16.293l-4.473,4.3L138.89,39.723H1Z" transform="translate(-1 -16.293)" fill="#141414"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>