Carousels Style 1
<section class="carousels">
<div class="container">
<div class="carousels-block">
<h2>Carousels Title</h2>
<div class="carousel1">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/pexels-luan-queiros-3260938.jpg" alt="Carousels-Image" />
</div>
<div class="divider-wrapper">
<div class="content-wrapper">
<p>Developer</p>
<h6>Aafrin Shehenza</h6>
</div>
<div class="svg-wrapper">
<a class="arrow" title="Arrow" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path>
</svg>
</a>
<div class="social-icons">
<a title="Facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/brunette-business-woman-with-wavy-long-hair-blue-eyes-stands-holding-notebook-hands.jpg" alt="Carousels-Image" />
</div>
<div class="divider-wrapper">
<div class="content-wrapper">
<p>UI Designer</p>
<h6>Maria Andrew</h6>
</div>
<div class="svg-wrapper">
<a class="arrow" title="Arrow" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path>
</svg>
</a>
<div class="social-icons">
<a title="Facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/team-6.jpg" alt="Carousels-Image" />
</div>
<div class="divider-wrapper">
<div class="content-wrapper">
<p>Designer</p>
<h6>Alisa Marina's</h6>
</div>
<div class="svg-wrapper">
<a class="arrow" title="Arrow" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path>
</svg>
</a>
<div class="social-icons">
<a title="Facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/pexels-luan-queiros-3260938.jpg" alt="Carousels-Image" />
</div>
<div class="divider-wrapper">
<div class="content-wrapper">
<p>Designer</p>
<h6>Alisa Marina's</h6>
</div>
<div class="svg-wrapper">
<a class="arrow" title="Arrow" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path>
</svg>
</a>
<div class="social-icons">
<a title="Facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/team-6.jpg" alt="Carousels-Image" />
</div>
<div class="divider-wrapper">
<div class="content-wrapper">
<p>Designer</p>
<h6>Alisa Marina's</h6>
</div>
<div class="svg-wrapper">
<a class="arrow" title="Arrow" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66">
<path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path>
</svg>
</a>
<div class="social-icons">
<a title="Facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 2
<section class="carousels">
<div class="container">
<div class="carousels-block">
<h2>Carousels Title</h2>
<div class="carousel2">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="content-block">
<div class="svg-wrapper left">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40179" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M233.607,296.207a37.525,37.525,0,0,0,12.885,2.168,33.441,33.441,0,0,0,23.635-9.652,32.5,32.5,0,0,0,9.79-23.3,35.41,35.41,0,0,0-2.263-12.723,29.84,29.84,0,0,0-6.839-10.569c-5.426-5.392-12.9-8.616-21.79-9.447,3.388-6.446,10.447-19.468,17.406-29.782a2.872,2.872,0,0,0,.144-2.986,2.96,2.96,0,0,0-2.6-1.537H251.521a2.967,2.967,0,0,0-2.28,1.062c-.091.108-9.069,10.906-17.924,23.944-12.111,17.833-18.25,31.256-18.25,39.892,0,10.975,3.392,20.063,9.808,26.281a30.069,30.069,0,0,0,10.731,6.649Z" transform="translate(-135.916 -198.378)" fill="#16161b"/>
<path data-name="Path 39477" d="M369.935,289.549a30.11,30.11,0,0,0,10.733,6.651,37.526,37.526,0,0,0,12.885,2.168,33.441,33.441,0,0,0,23.635-9.652,32.5,32.5,0,0,0,9.79-23.3,35.413,35.413,0,0,0-2.263-12.723,29.845,29.845,0,0,0-6.839-10.569c-5.426-5.392-12.9-8.616-21.79-9.447,3.388-6.446,10.447-19.468,17.406-29.782a2.873,2.873,0,0,0,.144-2.987,2.96,2.96,0,0,0-2.6-1.537h-12.45a2.967,2.967,0,0,0-2.28,1.062c-.091.108-9.069,10.906-17.924,23.944-12.111,17.833-18.25,31.256-18.25,39.892,0,10.973,3.39,20.061,9.807,26.279Z" transform="translate(-360.128 -198.368)" fill="#16161b"/>
</svg>
</div>
<div class="content-wrapper">
<h4>Alisa Marina's</h4>
<span>Designer</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="svg-wrapper right">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40187" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M259.377,296.207a37.525,37.525,0,0,1-12.885,2.168,33.441,33.441,0,0,1-23.635-9.652,32.5,32.5,0,0,1-9.79-23.3A35.409,35.409,0,0,1,215.33,252.7a29.84,29.84,0,0,1,6.839-10.569c5.426-5.392,12.9-8.616,21.79-9.447-3.388-6.446-10.447-19.468-17.406-29.782a2.872,2.872,0,0,1-.144-2.986,2.96,2.96,0,0,1,2.6-1.537h12.451a2.967,2.967,0,0,1,2.28,1.062c.091.108,9.069,10.906,17.924,23.944,12.111,17.833,18.25,31.256,18.25,39.892,0,10.975-3.392,20.063-9.808,26.281a30.069,30.069,0,0,1-10.731,6.649Z" transform="translate(-213.067 -198.378)" fill="#16161b"/>
<path data-name="Path 39477" d="M417.17,289.549a30.11,30.11,0,0,1-10.733,6.651,37.526,37.526,0,0,1-12.885,2.168,33.441,33.441,0,0,1-23.635-9.652,32.5,32.5,0,0,1-9.79-23.3,35.413,35.413,0,0,1,2.263-12.723,29.845,29.845,0,0,1,6.839-10.569c5.426-5.392,12.9-8.616,21.79-9.447-3.388-6.446-10.447-19.468-17.406-29.782a2.873,2.873,0,0,1-.144-2.987,2.96,2.96,0,0,1,2.6-1.537h12.45a2.967,2.967,0,0,1,2.28,1.062c.091.108,9.069,10.906,17.924,23.944,12.111,17.833,18.25,31.256,18.25,39.892,0,10.973-3.39,20.061-9.807,26.279Z" transform="translate(-282.977 -198.368)" fill="#16161b"/>
</svg>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="svg-wrapper left">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40179" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M233.607,296.207a37.525,37.525,0,0,0,12.885,2.168,33.441,33.441,0,0,0,23.635-9.652,32.5,32.5,0,0,0,9.79-23.3,35.41,35.41,0,0,0-2.263-12.723,29.84,29.84,0,0,0-6.839-10.569c-5.426-5.392-12.9-8.616-21.79-9.447,3.388-6.446,10.447-19.468,17.406-29.782a2.872,2.872,0,0,0,.144-2.986,2.96,2.96,0,0,0-2.6-1.537H251.521a2.967,2.967,0,0,0-2.28,1.062c-.091.108-9.069,10.906-17.924,23.944-12.111,17.833-18.25,31.256-18.25,39.892,0,10.975,3.392,20.063,9.808,26.281a30.069,30.069,0,0,0,10.731,6.649Z" transform="translate(-135.916 -198.378)" fill="#16161b"/>
<path data-name="Path 39477" d="M369.935,289.549a30.11,30.11,0,0,0,10.733,6.651,37.526,37.526,0,0,0,12.885,2.168,33.441,33.441,0,0,0,23.635-9.652,32.5,32.5,0,0,0,9.79-23.3,35.413,35.413,0,0,0-2.263-12.723,29.845,29.845,0,0,0-6.839-10.569c-5.426-5.392-12.9-8.616-21.79-9.447,3.388-6.446,10.447-19.468,17.406-29.782a2.873,2.873,0,0,0,.144-2.987,2.96,2.96,0,0,0-2.6-1.537h-12.45a2.967,2.967,0,0,0-2.28,1.062c-.091.108-9.069,10.906-17.924,23.944-12.111,17.833-18.25,31.256-18.25,39.892,0,10.973,3.39,20.061,9.807,26.279Z" transform="translate(-360.128 -198.368)" fill="#16161b"/>
</svg>
</div>
<div class="content-wrapper">
<h4>Aafrin Shehenza</h4>
<span>Developer</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="svg-wrapper right">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40187" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M259.377,296.207a37.525,37.525,0,0,1-12.885,2.168,33.441,33.441,0,0,1-23.635-9.652,32.5,32.5,0,0,1-9.79-23.3A35.409,35.409,0,0,1,215.33,252.7a29.84,29.84,0,0,1,6.839-10.569c5.426-5.392,12.9-8.616,21.79-9.447-3.388-6.446-10.447-19.468-17.406-29.782a2.872,2.872,0,0,1-.144-2.986,2.96,2.96,0,0,1,2.6-1.537h12.451a2.967,2.967,0,0,1,2.28,1.062c.091.108,9.069,10.906,17.924,23.944,12.111,17.833,18.25,31.256,18.25,39.892,0,10.975-3.392,20.063-9.808,26.281a30.069,30.069,0,0,1-10.731,6.649Z" transform="translate(-213.067 -198.378)" fill="#16161b"/>
<path data-name="Path 39477" d="M417.17,289.549a30.11,30.11,0,0,1-10.733,6.651,37.526,37.526,0,0,1-12.885,2.168,33.441,33.441,0,0,1-23.635-9.652,32.5,32.5,0,0,1-9.79-23.3,35.413,35.413,0,0,1,2.263-12.723,29.845,29.845,0,0,1,6.839-10.569c5.426-5.392,12.9-8.616,21.79-9.447-3.388-6.446-10.447-19.468-17.406-29.782a2.873,2.873,0,0,1-.144-2.987,2.96,2.96,0,0,1,2.6-1.537h12.45a2.967,2.967,0,0,1,2.28,1.062c.091.108,9.069,10.906,17.924,23.944,12.111,17.833,18.25,31.256,18.25,39.892,0,10.973-3.39,20.061-9.807,26.279Z" transform="translate(-282.977 -198.368)" fill="#16161b"/>
</svg>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="svg-wrapper left">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40179" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M233.607,296.207a37.525,37.525,0,0,0,12.885,2.168,33.441,33.441,0,0,0,23.635-9.652,32.5,32.5,0,0,0,9.79-23.3,35.41,35.41,0,0,0-2.263-12.723,29.84,29.84,0,0,0-6.839-10.569c-5.426-5.392-12.9-8.616-21.79-9.447,3.388-6.446,10.447-19.468,17.406-29.782a2.872,2.872,0,0,0,.144-2.986,2.96,2.96,0,0,0-2.6-1.537H251.521a2.967,2.967,0,0,0-2.28,1.062c-.091.108-9.069,10.906-17.924,23.944-12.111,17.833-18.25,31.256-18.25,39.892,0,10.975,3.392,20.063,9.808,26.281a30.069,30.069,0,0,0,10.731,6.649Z" transform="translate(-135.916 -198.378)" fill="#16161b"/>
<path data-name="Path 39477" d="M369.935,289.549a30.11,30.11,0,0,0,10.733,6.651,37.526,37.526,0,0,0,12.885,2.168,33.441,33.441,0,0,0,23.635-9.652,32.5,32.5,0,0,0,9.79-23.3,35.413,35.413,0,0,0-2.263-12.723,29.845,29.845,0,0,0-6.839-10.569c-5.426-5.392-12.9-8.616-21.79-9.447,3.388-6.446,10.447-19.468,17.406-29.782a2.873,2.873,0,0,0,.144-2.987,2.96,2.96,0,0,0-2.6-1.537h-12.45a2.967,2.967,0,0,0-2.28,1.062c-.091.108-9.069,10.906-17.924,23.944-12.111,17.833-18.25,31.256-18.25,39.892,0,10.973,3.39,20.061,9.807,26.279Z" transform="translate(-360.128 -198.368)" fill="#16161b"/>
</svg>
</div>
<div class="content-wrapper">
<h4>Maria Andrew</h4>
<span>UI Designer</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="svg-wrapper right">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40187" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M259.377,296.207a37.525,37.525,0,0,1-12.885,2.168,33.441,33.441,0,0,1-23.635-9.652,32.5,32.5,0,0,1-9.79-23.3A35.409,35.409,0,0,1,215.33,252.7a29.84,29.84,0,0,1,6.839-10.569c5.426-5.392,12.9-8.616,21.79-9.447-3.388-6.446-10.447-19.468-17.406-29.782a2.872,2.872,0,0,1-.144-2.986,2.96,2.96,0,0,1,2.6-1.537h12.451a2.967,2.967,0,0,1,2.28,1.062c.091.108,9.069,10.906,17.924,23.944,12.111,17.833,18.25,31.256,18.25,39.892,0,10.975-3.392,20.063-9.808,26.281a30.069,30.069,0,0,1-10.731,6.649Z" transform="translate(-213.067 -198.378)" fill="#16161b"/>
<path data-name="Path 39477" d="M417.17,289.549a30.11,30.11,0,0,1-10.733,6.651,37.526,37.526,0,0,1-12.885,2.168,33.441,33.441,0,0,1-23.635-9.652,32.5,32.5,0,0,1-9.79-23.3,35.413,35.413,0,0,1,2.263-12.723,29.845,29.845,0,0,1,6.839-10.569c5.426-5.392,12.9-8.616,21.79-9.447-3.388-6.446-10.447-19.468-17.406-29.782a2.873,2.873,0,0,1-.144-2.987,2.96,2.96,0,0,1,2.6-1.537h12.45a2.967,2.967,0,0,1,2.28,1.062c.091.108,9.069,10.906,17.924,23.944,12.111,17.833,18.25,31.256,18.25,39.892,0,10.973-3.39,20.061-9.807,26.279Z" transform="translate(-282.977 -198.368)" fill="#16161b"/>
</svg>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Alisa Marina's
Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Alisa Marina's
Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Alisa Marina's
Designer
<section class="carousels">
<div class="container">
<div class="carousels-block">
<h2>Carousels Title</h2>
<div class="carousel3">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="content-block">
<div class="row">
<div class="col-md-6">
<div class="content-wrapper">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40186" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M233.607,200.546a37.525,37.525,0,0,1,12.885-2.168,33.441,33.441,0,0,1,23.635,9.652,32.5,32.5,0,0,1,9.79,23.3,35.409,35.409,0,0,1-2.263,12.723,29.84,29.84,0,0,1-6.839,10.569c-5.426,5.392-12.9,8.616-21.79,9.447,3.388,6.446,10.447,19.468,17.406,29.782a2.872,2.872,0,0,1,.144,2.986,2.96,2.96,0,0,1-2.6,1.537H251.521a2.967,2.967,0,0,1-2.28-1.062c-.091-.108-9.069-10.906-17.924-23.944-12.111-17.833-18.25-31.256-18.25-39.892,0-10.975,3.392-20.063,9.808-26.281a30.069,30.069,0,0,1,10.731-6.649Z" transform="translate(-135.916 -198.375)" fill="#16161b"/>
<path data-name="Path 39477" d="M369.935,207.191a30.11,30.11,0,0,1,10.733-6.651,37.526,37.526,0,0,1,12.885-2.168,33.441,33.441,0,0,1,23.635,9.652,32.5,32.5,0,0,1,9.79,23.3,35.413,35.413,0,0,1-2.263,12.723,29.845,29.845,0,0,1-6.839,10.569c-5.426,5.392-12.9,8.616-21.79,9.447,3.388,6.446,10.447,19.468,17.406,29.782a2.873,2.873,0,0,1,.144,2.987,2.96,2.96,0,0,1-2.6,1.537h-12.45a2.967,2.967,0,0,1-2.28-1.062c-.091-.108-9.069-10.906-17.924-23.944-12.111-17.833-18.25-31.256-18.25-39.892,0-10.973,3.39-20.061,9.807-26.279Z" transform="translate(-360.128 -198.371)" fill="#16161b"/>
</svg>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<h4>Alisa Marina's</h4>
<span>Designer</span>
</div>
</div>
<div class="col-md-6">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/brunette-business-woman-with-wavy-long-hair-blue-eyes-stands-holding-notebook-hands-1.jpg" alt="Carousels-Image" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="row">
<div class="col-md-6">
<div class="content-wrapper">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40186" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M233.607,200.546a37.525,37.525,0,0,1,12.885-2.168,33.441,33.441,0,0,1,23.635,9.652,32.5,32.5,0,0,1,9.79,23.3,35.409,35.409,0,0,1-2.263,12.723,29.84,29.84,0,0,1-6.839,10.569c-5.426,5.392-12.9,8.616-21.79,9.447,3.388,6.446,10.447,19.468,17.406,29.782a2.872,2.872,0,0,1,.144,2.986,2.96,2.96,0,0,1-2.6,1.537H251.521a2.967,2.967,0,0,1-2.28-1.062c-.091-.108-9.069-10.906-17.924-23.944-12.111-17.833-18.25-31.256-18.25-39.892,0-10.975,3.392-20.063,9.808-26.281a30.069,30.069,0,0,1,10.731-6.649Z" transform="translate(-135.916 -198.375)" fill="#16161b"/>
<path data-name="Path 39477" d="M369.935,207.191a30.11,30.11,0,0,1,10.733-6.651,37.526,37.526,0,0,1,12.885-2.168,33.441,33.441,0,0,1,23.635,9.652,32.5,32.5,0,0,1,9.79,23.3,35.413,35.413,0,0,1-2.263,12.723,29.845,29.845,0,0,1-6.839,10.569c-5.426,5.392-12.9,8.616-21.79,9.447,3.388,6.446,10.447,19.468,17.406,29.782a2.873,2.873,0,0,1,.144,2.987,2.96,2.96,0,0,1-2.6,1.537h-12.45a2.967,2.967,0,0,1-2.28-1.062c-.091-.108-9.069-10.906-17.924-23.944-12.111-17.833-18.25-31.256-18.25-39.892,0-10.973,3.39-20.061,9.807-26.279Z" transform="translate(-360.128 -198.371)" fill="#16161b"/>
</svg>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<h4>Alisa Marina's</h4>
<span>Designer</span>
</div>
</div>
<div class="col-md-6">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/brunette-business-woman-with-wavy-long-hair-blue-eyes-stands-holding-notebook-hands-1.jpg" alt="Carousels-Image" />
</div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="row">
<div class="col-md-6">
<div class="content-wrapper">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40186" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M233.607,200.546a37.525,37.525,0,0,1,12.885-2.168,33.441,33.441,0,0,1,23.635,9.652,32.5,32.5,0,0,1,9.79,23.3,35.409,35.409,0,0,1-2.263,12.723,29.84,29.84,0,0,1-6.839,10.569c-5.426,5.392-12.9,8.616-21.79,9.447,3.388,6.446,10.447,19.468,17.406,29.782a2.872,2.872,0,0,1,.144,2.986,2.96,2.96,0,0,1-2.6,1.537H251.521a2.967,2.967,0,0,1-2.28-1.062c-.091-.108-9.069-10.906-17.924-23.944-12.111-17.833-18.25-31.256-18.25-39.892,0-10.975,3.392-20.063,9.808-26.281a30.069,30.069,0,0,1,10.731-6.649Z" transform="translate(-135.916 -198.375)" fill="#16161b"/>
<path data-name="Path 39477" d="M369.935,207.191a30.11,30.11,0,0,1,10.733-6.651,37.526,37.526,0,0,1,12.885-2.168,33.441,33.441,0,0,1,23.635,9.652,32.5,32.5,0,0,1,9.79,23.3,35.413,35.413,0,0,1-2.263,12.723,29.845,29.845,0,0,1-6.839,10.569c-5.426,5.392-12.9,8.616-21.79,9.447,3.388,6.446,10.447,19.468,17.406,29.782a2.873,2.873,0,0,1,.144,2.987,2.96,2.96,0,0,1-2.6,1.537h-12.45a2.967,2.967,0,0,1-2.28-1.062c-.091-.108-9.069-10.906-17.924-23.944-12.111-17.833-18.25-31.256-18.25-39.892,0-10.973,3.39-20.061,9.807-26.279Z" transform="translate(-360.128 -198.371)" fill="#16161b"/>
</svg>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<h4>Alisa Marina's</h4>
<span>Designer</span>
</div>
</div>
<div class="col-md-6">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/brunette-business-woman-with-wavy-long-hair-blue-eyes-stands-holding-notebook-hands-1.jpg" alt="Carousels-Image" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 4
Alisa Marina's
Designer
Maria Andrew
UI Designer
Aafrin Shehenza
Developer
Alisa Marina's
Designer
Aafrin Shehenza
Developer
<section class="carousels">
<div class="container">
<div class="carousels-block">
<h2>Carousels Title</h2>
<div class="carousel4">
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/team-6.jpg" alt="Carousels-Image" />
</div>
<div class="social-icons">
<a title="Facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
<div class="content-wrapper">
<h5>Alisa Marina's</h5>
<p>Designer</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/blog-6.jpg" alt="Carousels-Image" />
</div>
<div class="social-icons">
<a title="Facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
<div class="content-wrapper">
<h5>Maria Andrew</h5>
<p>UI Designer</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/pexels-luan-queiros-3260938.jpg" alt="Carousels-Image" />
</div>
<div class="social-icons">
<a title="Facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
<div class="content-wrapper">
<h5>Aafrin Shehenza</h5>
<p>Developer</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/team-6.jpg" alt="Carousels-Image" />
</div>
<div class="social-icons">
<a title="Facebook" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
<div class="content-wrapper">
<h5>Alisa Marina's</h5>
<p>Designer</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/pexels-luan-queiros-3260938.jpg" alt="Carousels-Image" />
</div>
<div class="social-icons">
<a title="Facebook" href="#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="100" viewBox="0 0 50 100">
<path data-name="Icon awesome-facebook-f" d="M48.333,56.25l2.593-18.1H34.714V26.408c0-4.951,2.265-9.777,9.525-9.777h7.37V1.223A84.091,84.091,0,0,0,38.527,0C25.176,0,16.45,8.668,16.45,24.359V38.152H1.609v18.1H16.45V100H34.714V56.25Z" transform="translate(-1.609)" fill="#16161b"></path>
</svg>
</a>
<a title="Twitter" href="#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="83" viewBox="0 0 100 83">
<path data-name="Icon awesome-twitter" d="M89.721,24.066c.063.908.063,1.816.063,2.723,0,27.688-20.622,59.591-58.312,59.591A57.017,57.017,0,0,1,0,76.979a41.5,41.5,0,0,0,4.949.259,40.489,40.489,0,0,0,25.444-8.948A20.592,20.592,0,0,1,11.231,53.764a25.3,25.3,0,0,0,3.871.324,21.238,21.238,0,0,0,5.393-.713A20.839,20.839,0,0,1,4.061,32.82v-.259a20.307,20.307,0,0,0,9.264,2.658A21.28,21.28,0,0,1,6.98,7.206,57.853,57.853,0,0,0,49.238,29.124a24.142,24.142,0,0,1-.508-4.8,20.714,20.714,0,0,1,20.5-20.945A20.244,20.244,0,0,1,84.2,9.995,39.827,39.827,0,0,0,97.208,4.937,20.812,20.812,0,0,1,88.2,16.479,40.394,40.394,0,0,0,100,13.237,44.6,44.6,0,0,1,89.721,24.066Z" transform="translate(0 -3.381)" fill="#16161b"></path>
</svg>
</a>
<a title="Instagram" href="#" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100">
<path data-name="Icon awesome-instagram" d="M50.006,26.6A25.639,25.639,0,1,0,75.639,52.238,25.6,25.6,0,0,0,50.006,26.6Zm0,42.307A16.669,16.669,0,1,1,66.671,52.238,16.7,16.7,0,0,1,50.006,68.906ZM82.666,25.55a5.979,5.979,0,1,1-5.979-5.98A5.966,5.966,0,0,1,82.666,25.55ZM99.643,31.62c-.379-8.011-2.209-15.107-8.076-20.953C85.723,4.821,78.628,2.991,70.619,2.589c-8.254-.469-32.995-.469-41.249,0C21.383,2.968,14.289,4.8,8.422,10.644S.748,23.587.346,31.6c-.468,8.256-.468,33,0,41.259.379,8.011,2.209,15.107,8.076,20.953s12.939,7.676,20.948,8.078c8.254.469,32.995.469,41.249,0,8.009-.379,15.1-2.209,20.948-8.078,5.845-5.846,7.674-12.942,8.076-20.953C100.112,64.6,100.112,39.876,99.643,31.62ZM88.98,81.714a16.874,16.874,0,0,1-9.5,9.506c-6.581,2.611-22.2,2.008-29.47,2.008s-22.911.58-29.47-2.008a16.874,16.874,0,0,1-9.5-9.506c-2.61-6.583-2.008-22.2-2.008-29.477s-.58-22.916,2.008-29.477a16.874,16.874,0,0,1,9.5-9.506c6.581-2.611,22.2-2.008,29.47-2.008s22.911-.58,29.47,2.008a16.874,16.874,0,0,1,9.5,9.506c2.61,6.583,2.008,22.2,2.008,29.477S91.59,75.154,88.98,81.714Z" transform="translate(0.005 -2.238)" fill="#16161b"></path>
</svg>
</a>
</div>
</div>
<div class="content-wrapper">
<h5>Aafrin Shehenza</h5>
<p>Developer</p>
</div>
</div>
</div>
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Alisa Marina's
Designer
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Aafrin Shehenza
Developer
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Maria Andrew
UI Designer
<section class="carousels">
<div class="container">
<div class="carousels-block">
<h2>Carousels Title</h2>
<div class="carousel5">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="content-block">
<div class="above-vertical">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40188" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M259.377,200.546a37.525,37.525,0,0,0-12.885-2.168,33.441,33.441,0,0,0-23.635,9.652,32.5,32.5,0,0,0-9.79,23.3,35.409,35.409,0,0,0,2.263,12.723,29.84,29.84,0,0,0,6.839,10.569c5.426,5.392,12.9,8.616,21.79,9.447-3.388,6.446-10.447,19.468-17.406,29.782a2.872,2.872,0,0,0-.144,2.986,2.96,2.96,0,0,0,2.6,1.537h12.451a2.967,2.967,0,0,0,2.28-1.062c.091-.108,9.069-10.906,17.924-23.944,12.111-17.833,18.25-31.256,18.25-39.892,0-10.975-3.392-20.063-9.808-26.281a30.069,30.069,0,0,0-10.731-6.649Z" transform="translate(-213.067 -198.375)" fill="#16161b"/>
<path data-name="Path 39477" d="M417.17,207.191a30.11,30.11,0,0,0-10.733-6.651,37.526,37.526,0,0,0-12.885-2.168,33.441,33.441,0,0,0-23.635,9.652,32.5,32.5,0,0,0-9.79,23.3,35.413,35.413,0,0,0,2.263,12.723,29.845,29.845,0,0,0,6.839,10.569c5.426,5.392,12.9,8.616,21.79,9.447-3.388,6.446-10.447,19.468-17.406,29.782a2.873,2.873,0,0,0-.144,2.987,2.96,2.96,0,0,0,2.6,1.537h12.45a2.967,2.967,0,0,0,2.28-1.062c.091-.108,9.069-10.906,17.924-23.944,12.111-17.833,18.25-31.256,18.25-39.892,0-10.973-3.39-20.061-9.807-26.279Z" transform="translate(-282.977 -198.371)" fill="#16161b"/>
</svg>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="vertical-line"><span></span></div>
<div class="below-vertical">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/brunette-business-woman-with-wavy-long-hair-blue-eyes-stands-holding-notebook-hands.jpg" alt="Carousels-Image" />
</div>
<h4>Alisa Marina's</h4>
<p>Designer</p>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="above-vertical">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40188" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M259.377,200.546a37.525,37.525,0,0,0-12.885-2.168,33.441,33.441,0,0,0-23.635,9.652,32.5,32.5,0,0,0-9.79,23.3,35.409,35.409,0,0,0,2.263,12.723,29.84,29.84,0,0,0,6.839,10.569c5.426,5.392,12.9,8.616,21.79,9.447-3.388,6.446-10.447,19.468-17.406,29.782a2.872,2.872,0,0,0-.144,2.986,2.96,2.96,0,0,0,2.6,1.537h12.451a2.967,2.967,0,0,0,2.28-1.062c.091-.108,9.069-10.906,17.924-23.944,12.111-17.833,18.25-31.256,18.25-39.892,0-10.975-3.392-20.063-9.808-26.281a30.069,30.069,0,0,0-10.731-6.649Z" transform="translate(-213.067 -198.375)" fill="#16161b"/>
<path data-name="Path 39477" d="M417.17,207.191a30.11,30.11,0,0,0-10.733-6.651,37.526,37.526,0,0,0-12.885-2.168,33.441,33.441,0,0,0-23.635,9.652,32.5,32.5,0,0,0-9.79,23.3,35.413,35.413,0,0,0,2.263,12.723,29.845,29.845,0,0,0,6.839,10.569c5.426,5.392,12.9,8.616,21.79,9.447-3.388,6.446-10.447,19.468-17.406,29.782a2.873,2.873,0,0,0-.144,2.987,2.96,2.96,0,0,0,2.6,1.537h12.45a2.967,2.967,0,0,0,2.28-1.062c.091-.108,9.069-10.906,17.924-23.944,12.111-17.833,18.25-31.256,18.25-39.892,0-10.973-3.39-20.061-9.807-26.279Z" transform="translate(-282.977 -198.371)" fill="#16161b"/>
</svg>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="vertical-line"><span></span></div>
<div class="below-vertical">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/team-6.jpg" alt="Carousels-Image" />
</div>
<h4>Aafrin Shehenza</h4>
<p>Developer</p>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="above-vertical">
<div class="svg-wrapper">
<svg xmlns="http://www.w3.org/2000/svg" data-name="Group 40188" width="144" height="100" viewBox="0 0 144 100">
<path data-name="Path 39476" d="M259.377,200.546a37.525,37.525,0,0,0-12.885-2.168,33.441,33.441,0,0,0-23.635,9.652,32.5,32.5,0,0,0-9.79,23.3,35.409,35.409,0,0,0,2.263,12.723,29.84,29.84,0,0,0,6.839,10.569c5.426,5.392,12.9,8.616,21.79,9.447-3.388,6.446-10.447,19.468-17.406,29.782a2.872,2.872,0,0,0-.144,2.986,2.96,2.96,0,0,0,2.6,1.537h12.451a2.967,2.967,0,0,0,2.28-1.062c.091-.108,9.069-10.906,17.924-23.944,12.111-17.833,18.25-31.256,18.25-39.892,0-10.975-3.392-20.063-9.808-26.281a30.069,30.069,0,0,0-10.731-6.649Z" transform="translate(-213.067 -198.375)" fill="#16161b"/>
<path data-name="Path 39477" d="M417.17,207.191a30.11,30.11,0,0,0-10.733-6.651,37.526,37.526,0,0,0-12.885-2.168,33.441,33.441,0,0,0-23.635,9.652,32.5,32.5,0,0,0-9.79,23.3,35.413,35.413,0,0,0,2.263,12.723,29.845,29.845,0,0,0,6.839,10.569c5.426,5.392,12.9,8.616,21.79,9.447-3.388,6.446-10.447,19.468-17.406,29.782a2.873,2.873,0,0,0-.144,2.987,2.96,2.96,0,0,0,2.6,1.537h12.45a2.967,2.967,0,0,0,2.28-1.062c.091-.108,9.069-10.906,17.924-23.944,12.111-17.833,18.25-31.256,18.25-39.892,0-10.973-3.39-20.061-9.807-26.279Z" transform="translate(-282.977 -198.371)" fill="#16161b"/>
</svg>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<div class="vertical-line"><span></span></div>
<div class="below-vertical">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/blog-6.jpg" alt="Carousels-Image" />
</div>
<h4>Maria Andrew</h4>
<p>UI Designer</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 6
<section class="carousels">
<div class="container">
<div class="carousels-block">
<h2>Carousels Title</h2>
<div class="carousel6">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="content-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/branding-agency-services.jpg" alt="Carousels-Image" />
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/colleagues-working-together-modern-office-using-devices-gadgets-during-negotiations.jpg" alt="Carousels-Image" />
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/protfolio-img03.png" alt="Carousels-Image" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 7
Project Title 1
Branding
Project Title 2
Branding
Project Title 3
Branding
Project Title 4
Branding
Project Title 5
Branding
Project Title 6
Branding
Project Title 7
Branding
Project Title 8
Branding
Project Title 9
Branding
<section class="carousels">
<div class="container">
<div class="carousels-block">
<h2>Carousels Title</h2>
<div class="carousel7">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/dribble_bridge_st_3-640x640.jpg" alt="Carousels-Image" />
</div>
<div class="content-wrapper">
<a class="svg-wrapper" title="Carousels Image" href="../themes/custom/creative_pro/assets/theme/img/elements/carousel/dribble_bridge_st_3-640x640.jpg">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
<div class="title-wrapper">
<h5><a class="head-link" title="Details" href="#">Project Title 1</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/service4.jpg" alt="Carousels-Image" />
</div>
<div class="content-wrapper">
<a class="svg-wrapper" title="Carousels Image" href="../themes/custom/creative_pro/assets/theme/img/elements/carousel/service4.jpg">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
<div class="title-wrapper">
<h5><a class="head-link" title="Details">Project Title 2</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/protfolio-img01.jpg" alt="Carousels-Image" />
</div>
<div class="content-wrapper">
<a class="svg-wrapper" title="Carousels Image" href="../themes/custom/creative_pro/assets/theme/img/elements/carousel/protfolio-img01.jpg">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
<div class="title-wrapper">
<h5><a class="head-link" title="Details">Project Title 3</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/dribble_bridge_st_3-640x640.jpg" alt="Carousels-Image" />
</div>
<div class="content-wrapper">
<a class="svg-wrapper" title="Carousels Image" href="../themes/custom/creative_pro/assets/theme/img/elements/carousel/dribble_bridge_st_3-640x640.jpg">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
<div class="title-wrapper">
<h5><a class="head-link" title="Details">Project Title 4</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/service4.jpg" alt="Carousels-Image" />
</div>
<div class="content-wrapper">
<a class="svg-wrapper" title="Carousels Image" href="../themes/custom/creative_pro/assets/theme/img/elements/carousel/service4.jpg">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
<div class="title-wrapper">
<h5><a class="head-link" title="Details">Project Title 5</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/protfolio-img01.jpg" alt="Carousels-Image" />
</div>
<div class="content-wrapper">
<a class="svg-wrapper" title="Carousels Image" href="../themes/custom/creative_pro/assets/theme/img/elements/carousel/protfolio-img01.jpg">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
<div class="title-wrapper">
<h5><a class="head-link" title="Details">Project Title 6</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/dribble_bridge_st_3-640x640.jpg" alt="Carousels-Image" />
</div>
<div class="content-wrapper">
<a class="svg-wrapper" title="Carousels Image" href="../themes/custom/creative_pro/assets/theme/img/elements/carousel/dribble_bridge_st_3-640x640.jpg">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
<div class="title-wrapper">
<h5><a class="head-link" title="Details">Project Title 7</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/service4.jpg" alt="Carousels-Image" />
</div>
<div class="content-wrapper">
<a class="svg-wrapper" title="Carousels Image" href="../themes/custom/creative_pro/assets/theme/img/elements/carousel/service4.jpg">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
<div class="title-wrapper">
<h5><a class="head-link" title="Details">Project Title 8</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="img-block">
<div class="img-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/protfolio-img01.jpg" alt="Carousels-Image" />
</div>
<div class="content-wrapper">
<a class="svg-wrapper" title="Carousels Image" href="../themes/custom/creative_pro/assets/theme/img/elements/carousel/protfolio-img01.jpg">
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="66" viewBox="0 0 100 66"><path data-name="Icon ionic-ios-arrow-round-forward" d="M63.772,1.264a4.458,4.458,0,0,0-.035,6.325L84.856,28.521H4.481a4.468,4.468,0,1,0,0,8.937h80.34L63.7,58.391a4.484,4.484,0,0,0,6.391,6.29L98.715,36.152h0a5.014,5.014,0,0,0,.938-1.409A4.226,4.226,0,0,0,100,33.024,4.456,4.456,0,0,0,98.715,29.9L70.094,1.367A4.457,4.457,0,0,0,63.772,1.264Z" fill="#16161b"></path></svg>
</a>
<div class="title-wrapper">
<h5><a class="head-link" title="Details">Project Title 9</a></h5>
<p>Branding</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 8
<section class="carousels">
<div class="container">
<div class="carousels-block">
<h2>Carousels Title</h2>
<div class="carousel8">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="img-wraapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/project_4-copyright-800x720.jpg" alt="Carousels-Image" />
</div>
</div>
<div class="item">
<div class="img-wraapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/service3.jpg" alt="Carousels-Image" />
</div>
</div>
<div class="item">
<div class="img-wraapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/portfolio-list-img-1.jpg" alt="Carousels-Image" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Carousels Style 9
<section class="carousels">
<div class="carousels-block">
<div class="container">
<h2>Carousels Title</h2>
</div>
<div class="container-fluid p-0">
<div class="carousel9">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="img-wraapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/project_4-copyright-800x720.jpg" alt="Carousels-Image" />
</div>
</div>
<div class="item">
<div class="img-wraapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/service3.jpg" alt="Carousels-Image" />
</div>
</div>
<div class="item">
<div class="img-wraapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/portfolio-list-img-1.jpg" alt="Carousels-Image" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
Auto Carousels Style
<section class="carousels">
<div class="container">
<div class="carousels-block">
<h2>Carousels Title</h2>
<div class="carousel10">
<div class="owl-carousel owl-theme">
<div class="item">
<div class="content-block">
<div class="client-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/main-home-client-2.png" alt="Carousels-Image" />
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="client-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/main-home-client-1.png" alt="Carousels-Image" />
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="client-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/Client-Sarto-new.png" alt="Carousels-Image" />
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="client-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/main-home-client-5.png" alt="Carousels-Image" />
</div>
</div>
</div>
<div class="item">
<div class="content-block">
<div class="client-wrapper">
<img src="../themes/custom/creative_pro/assets/theme/img/elements/carousel/main-home-client-4.png" alt="Carousels-Image" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>