Carousels

Carousel Style 1

                
<section class="carousels elements z-sec ">
    <div class="container">
        <h2>Carousel Style 1</h2>
         <div class="carousel1">
            <div class="owl-carousel carousels-1 owl-theme">
                <div class="item mb-4">
                    <div class="carousel-content-wrapper">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/test1.jpg" alt="Testimonial-image">
                        </div>
                        <div class="test-description">
                            <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 architection beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem sit</p>
                        </div>
                        <div class="ratings">
                            <svg xmlns="http://www.w3.org/2000/svg" width="333.002" height="49" viewBox="0 0 333.002 49">
                                <path  data-name="Union 120" d="M18686.5,11454.715c-7.227-7.262-11.723-15.107-12.355-21.545a14.7,14.7,0,0,1,6.344-13.869,15.844,15.844,0,0,1,9.461-3.3c5.535,0,9.984,3.137,12.586,5.529,2.594-2.393,7.027-5.529,12.57-5.529a15.866,15.866,0,0,1,9.469,3.3,14.681,14.681,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.371,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18691.217,11459.461,18686.5,11454.715Zm-69.016,0c-7.227-7.262-11.734-15.107-12.355-21.545a14.7,14.7,0,0,1,6.332-13.869,15.951,15.951,0,0,1,9.48-3.3c5.527,0,9.977,3.137,12.57,5.529,2.6-2.393,7.051-5.529,12.586-5.529a15.853,15.853,0,0,1,9.461,3.3,14.661,14.661,0,0,1,6.328,13.869c-.617,6.438-5.121,14.3-12.355,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18622.2,11459.461,18617.482,11454.715Zm-69.016,0c-7.219-7.262-11.723-15.107-12.352-21.545a14.725,14.725,0,0,1,6.34-13.869,15.9,15.9,0,0,1,9.477-3.3c5.535,0,9.988,3.137,12.57,5.529,2.594-2.393,7.043-5.529,12.578-5.529a15.827,15.827,0,0,1,9.461,3.3,14.665,14.665,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.355,21.545-4.719,4.746-11.762,10.285-16.027,10.285S18553.2,11459.461,18548.467,11454.715Zm-69,0c-7.234-7.262-11.73-15.107-12.355-21.545a14.673,14.673,0,0,1,6.344-13.869,15.818,15.818,0,0,1,9.461-3.3c5.535,0,9.988,3.137,12.578,5.529,2.586-2.393,7.035-5.529,12.57-5.529a15.888,15.888,0,0,1,9.477,3.3h-.016a14.665,14.665,0,0,1,6.344,13.869c-.621,6.438-5.121,14.3-12.355,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18484.186,11459.461,18479.467,11454.715Zm-69.023,0c-7.234-7.262-11.738-15.107-12.359-21.545a14.673,14.673,0,0,1,6.344-13.869,15.82,15.82,0,0,1,9.465-3.3c5.531,0,9.984,3.137,12.57,5.529,2.6-2.393,7.043-5.529,12.586-5.529a15.835,15.835,0,0,1,9.461,3.3,14.681,14.681,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.367,21.545-4.719,4.746-11.75,10.285-16.023,10.285S18415.162,11459.461,18410.443,11454.715Z" transform="translate(-18397.998 -11416)" fill="#72c861"/>
                            </svg>
                        </div>
                        <div class="test-title">
                            <h4>Isabella Harper</h4>
                        </div>
                        <span class="designation">Student</span>
                    </div>
                </div>
                <div class="item mb-4">
                    <div class="carousel-content-wrapper">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/test1.jpg" alt="Testimonial-image">
                        </div>
                        <div class="test-description">
                            <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 architection beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem sit</p>
                        </div>
                        <div class="ratings">
                            <svg xmlns="http://www.w3.org/2000/svg" width="333.002" height="49" viewBox="0 0 333.002 49">
                                <path  data-name="Union 120" d="M18686.5,11454.715c-7.227-7.262-11.723-15.107-12.355-21.545a14.7,14.7,0,0,1,6.344-13.869,15.844,15.844,0,0,1,9.461-3.3c5.535,0,9.984,3.137,12.586,5.529,2.594-2.393,7.027-5.529,12.57-5.529a15.866,15.866,0,0,1,9.469,3.3,14.681,14.681,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.371,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18691.217,11459.461,18686.5,11454.715Zm-69.016,0c-7.227-7.262-11.734-15.107-12.355-21.545a14.7,14.7,0,0,1,6.332-13.869,15.951,15.951,0,0,1,9.48-3.3c5.527,0,9.977,3.137,12.57,5.529,2.6-2.393,7.051-5.529,12.586-5.529a15.853,15.853,0,0,1,9.461,3.3,14.661,14.661,0,0,1,6.328,13.869c-.617,6.438-5.121,14.3-12.355,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18622.2,11459.461,18617.482,11454.715Zm-69.016,0c-7.219-7.262-11.723-15.107-12.352-21.545a14.725,14.725,0,0,1,6.34-13.869,15.9,15.9,0,0,1,9.477-3.3c5.535,0,9.988,3.137,12.57,5.529,2.594-2.393,7.043-5.529,12.578-5.529a15.827,15.827,0,0,1,9.461,3.3,14.665,14.665,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.355,21.545-4.719,4.746-11.762,10.285-16.027,10.285S18553.2,11459.461,18548.467,11454.715Zm-69,0c-7.234-7.262-11.73-15.107-12.355-21.545a14.673,14.673,0,0,1,6.344-13.869,15.818,15.818,0,0,1,9.461-3.3c5.535,0,9.988,3.137,12.578,5.529,2.586-2.393,7.035-5.529,12.57-5.529a15.888,15.888,0,0,1,9.477,3.3h-.016a14.665,14.665,0,0,1,6.344,13.869c-.621,6.438-5.121,14.3-12.355,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18484.186,11459.461,18479.467,11454.715Zm-69.023,0c-7.234-7.262-11.738-15.107-12.359-21.545a14.673,14.673,0,0,1,6.344-13.869,15.82,15.82,0,0,1,9.465-3.3c5.531,0,9.984,3.137,12.57,5.529,2.6-2.393,7.043-5.529,12.586-5.529a15.835,15.835,0,0,1,9.461,3.3,14.681,14.681,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.367,21.545-4.719,4.746-11.75,10.285-16.023,10.285S18415.162,11459.461,18410.443,11454.715Z" transform="translate(-18397.998 -11416)" fill="#72c861"/>
                            </svg>
                        </div>
                        <div class="test-title">
                            <h4>Isabella Harper</h4>
                        </div>
                        <span class="designation">Student</span>
                    </div>
                </div>
                <div class="item mb-4">
                    <div class="carousel-content-wrapper">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/test1.jpg" alt="Testimonial-image">
                        </div>
                        <div class="test-description">
                            <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 architection beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem sit</p>
                        </div>
                        <div class="ratings">
                            <svg xmlns="http://www.w3.org/2000/svg" width="333.002" height="49" viewBox="0 0 333.002 49">
                                <path  data-name="Union 120" d="M18686.5,11454.715c-7.227-7.262-11.723-15.107-12.355-21.545a14.7,14.7,0,0,1,6.344-13.869,15.844,15.844,0,0,1,9.461-3.3c5.535,0,9.984,3.137,12.586,5.529,2.594-2.393,7.027-5.529,12.57-5.529a15.866,15.866,0,0,1,9.469,3.3,14.681,14.681,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.371,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18691.217,11459.461,18686.5,11454.715Zm-69.016,0c-7.227-7.262-11.734-15.107-12.355-21.545a14.7,14.7,0,0,1,6.332-13.869,15.951,15.951,0,0,1,9.48-3.3c5.527,0,9.977,3.137,12.57,5.529,2.6-2.393,7.051-5.529,12.586-5.529a15.853,15.853,0,0,1,9.461,3.3,14.661,14.661,0,0,1,6.328,13.869c-.617,6.438-5.121,14.3-12.355,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18622.2,11459.461,18617.482,11454.715Zm-69.016,0c-7.219-7.262-11.723-15.107-12.352-21.545a14.725,14.725,0,0,1,6.34-13.869,15.9,15.9,0,0,1,9.477-3.3c5.535,0,9.988,3.137,12.57,5.529,2.594-2.393,7.043-5.529,12.578-5.529a15.827,15.827,0,0,1,9.461,3.3,14.665,14.665,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.355,21.545-4.719,4.746-11.762,10.285-16.027,10.285S18553.2,11459.461,18548.467,11454.715Zm-69,0c-7.234-7.262-11.73-15.107-12.355-21.545a14.673,14.673,0,0,1,6.344-13.869,15.818,15.818,0,0,1,9.461-3.3c5.535,0,9.988,3.137,12.578,5.529,2.586-2.393,7.035-5.529,12.57-5.529a15.888,15.888,0,0,1,9.477,3.3h-.016a14.665,14.665,0,0,1,6.344,13.869c-.621,6.438-5.121,14.3-12.355,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18484.186,11459.461,18479.467,11454.715Zm-69.023,0c-7.234-7.262-11.738-15.107-12.359-21.545a14.673,14.673,0,0,1,6.344-13.869,15.82,15.82,0,0,1,9.465-3.3c5.531,0,9.984,3.137,12.57,5.529,2.6-2.393,7.043-5.529,12.586-5.529a15.835,15.835,0,0,1,9.461,3.3,14.681,14.681,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.367,21.545-4.719,4.746-11.75,10.285-16.023,10.285S18415.162,11459.461,18410.443,11454.715Z" transform="translate(-18397.998 -11416)" fill="#72c861"/>
                            </svg>
                        </div>
                        <div class="test-title">
                            <h4>Isabella Harper</h4>
                        </div>
                        <span class="designation">Student</span>
                    </div>
                </div>
                <div class="item mb-4">
                    <div class="carousel-content-wrapper">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/test1.jpg" alt="Testimonial-image">
                        </div>
                        <div class="test-description">
                            <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 architection beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem sit</p>
                        </div>
                        <div class="ratings">
                            <svg xmlns="http://www.w3.org/2000/svg" width="333.002" height="49" viewBox="0 0 333.002 49">
                                <path  data-name="Union 120" d="M18686.5,11454.715c-7.227-7.262-11.723-15.107-12.355-21.545a14.7,14.7,0,0,1,6.344-13.869,15.844,15.844,0,0,1,9.461-3.3c5.535,0,9.984,3.137,12.586,5.529,2.594-2.393,7.027-5.529,12.57-5.529a15.866,15.866,0,0,1,9.469,3.3,14.681,14.681,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.371,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18691.217,11459.461,18686.5,11454.715Zm-69.016,0c-7.227-7.262-11.734-15.107-12.355-21.545a14.7,14.7,0,0,1,6.332-13.869,15.951,15.951,0,0,1,9.48-3.3c5.527,0,9.977,3.137,12.57,5.529,2.6-2.393,7.051-5.529,12.586-5.529a15.853,15.853,0,0,1,9.461,3.3,14.661,14.661,0,0,1,6.328,13.869c-.617,6.438-5.121,14.3-12.355,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18622.2,11459.461,18617.482,11454.715Zm-69.016,0c-7.219-7.262-11.723-15.107-12.352-21.545a14.725,14.725,0,0,1,6.34-13.869,15.9,15.9,0,0,1,9.477-3.3c5.535,0,9.988,3.137,12.57,5.529,2.594-2.393,7.043-5.529,12.578-5.529a15.827,15.827,0,0,1,9.461,3.3,14.665,14.665,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.355,21.545-4.719,4.746-11.762,10.285-16.027,10.285S18553.2,11459.461,18548.467,11454.715Zm-69,0c-7.234-7.262-11.73-15.107-12.355-21.545a14.673,14.673,0,0,1,6.344-13.869,15.818,15.818,0,0,1,9.461-3.3c5.535,0,9.988,3.137,12.578,5.529,2.586-2.393,7.035-5.529,12.57-5.529a15.888,15.888,0,0,1,9.477,3.3h-.016a14.665,14.665,0,0,1,6.344,13.869c-.621,6.438-5.121,14.3-12.355,21.545-4.719,4.746-11.746,10.285-16.02,10.285S18484.186,11459.461,18479.467,11454.715Zm-69.023,0c-7.234-7.262-11.738-15.107-12.359-21.545a14.673,14.673,0,0,1,6.344-13.869,15.82,15.82,0,0,1,9.465-3.3c5.531,0,9.984,3.137,12.57,5.529,2.6-2.393,7.043-5.529,12.586-5.529a15.835,15.835,0,0,1,9.461,3.3,14.681,14.681,0,0,1,6.344,13.869c-.633,6.438-5.137,14.3-12.367,21.545-4.719,4.746-11.75,10.285-16.023,10.285S18415.162,11459.461,18410.443,11454.715Z" transform="translate(-18397.998 -11416)" fill="#72c861"/>
                            </svg>
                        </div>
                        <div class="test-title">
                            <h4>Isabella Harper</h4>
                        </div>
                        <span class="designation">Student</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="code-block">
            <pre class="language-markup">
                <code class="language-html" data-lang="html" id="carousel-1">
                    </code><button class="clipboard" data-clipboard-action="copy" data-clipboard-target="#carousel-1" tabindex="-1">Copy to clipboard</button>
            </pre>
        </div>
    </div>
</section>
                
            

Carousel Style 2

                
<section class="carousels elements z-sec ">
    <div class="carousel2" style="background-image:linear-gradient(rgba(26, 23, 37, .48),rgba(26, 23, 37, .48)), url('../themes/custom/education_plus/assets/theme/img/testimonials/pexels-rfstudio-3810753.jpeg'); background-position: center; background-repeat: no-repeat;background-size: cover;">
        <div class="container">
            
            <div class="row">
                <div class="col-lg-5">
                    <div class="videoIcon">
                        <a class="svg-wrapper" data-fancybox href="https://youtu.be/h1D5IFsUEFc">
                            <svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                <path data-name="Path 40152" d="M178.6,33.6a75,75,0,1,0,75,75A75.052,75.052,0,0,0,178.6,33.6Zm0,6.818A68.182,68.182,0,1,1,110.418,108.6,68.132,68.132,0,0,1,178.6,40.42Zm-25.568,35.8v64.773L210.986,108.6,153.032,76.215Z" transform="translate(-103.6 -33.602)" fill="#1a1725"/>
                            </svg>
                        </a>
                    </div>
                </div>    
                <div class="col-lg-7 arrow-carousel">
                    <div class="owl-carousel carousels-2 owl-theme">
                        <div class="item">
                            <div class="carousel-content-wrapper">
                                <h2>Campus Experience</h2>
                                <div class="test-description">
                                    <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="read">
                                    <a href="javascript:void(0)">
                                    Contact Us<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                            <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="carousel-content-wrapper">
                                <h2>Campus Experience</h2>
                                <div class="test-description">
                                    <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="read">
                                    <a href="javascript:void(0)">
                                    Contact Us<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                            <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="carousel-content-wrapper">
                                <h2>Campus Experience</h2>
                                <div class="test-description">
                                    <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="read">
                                    <a href="javascript:void(0)">
                                    Contact Us<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                            <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                        </svg>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>  
                </div>    
            </div>      
        </div>
    </div>
</section>
                
            

Carousel Style 3

                
<section class="carousels elements z-sec ">
    <div class="container">
        <h2>Carousel Style 3</h2>
        <div class="carousel3">
            <div class="owl-carousel carousels-3 owl-theme">
                <div class="item">
                    <div class="carousel-content-wrapper">
                        <div class="test-img-detail">
                            <div class="img-wrapper">
                                <img src="../themes/custom/education_plus/assets/theme/img/testimonials/test1.jpg" alt="Testimonial-image">
                                <div class="svg-wrapp">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                                        <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                                    </svg>
                                </div>
                            </div>
                            <div class="name-designation">
                                <div class="test-title">
                                    <h4>Isabella Harper</h4>
                                </div>
                                <span class="designation">Student</span>
                            </div>
                        </div>
                        <div class="test-description">
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem acc usantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architection beatae vitae dicta sunt explicabo.</p>
                        </div>
                    </div>
                </div>
                <div class="item ">
                    <div class="carousel-content-wrapper">
                        <div class="test-img-detail">
                            <div class="img-wrapper">
                                <img src="../themes/custom/education_plus/assets/theme/img/testimonials/xteacher-1.jpg" alt="Testimonial-image">
                                <div class="svg-wrapp">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                                        <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                                    </svg>
                                </div>
                            </div>
                            <div class="name-designation">
                                <div class="test-title">
                                    <h4>Olivia Morris</h4>
                                </div>
                                <span class="designation">Student</span>
                            </div>
                        </div>
                        <div class="test-description">
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus quie blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt</p>
                        </div>
                    </div>
                </div>
                <div class="item ">
                    <div class="carousel-content-wrapper">
                        <div class="test-img-detail">
                            <div class="img-wrapper">
                                <img src="../themes/custom/education_plus/assets/theme/img/testimonials/test1.jpg" alt="Testimonial-image">
                                <div class="svg-wrapp">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                                        <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                                    </svg>
                                </div>
                            </div>
                            <div class="name-designation">
                                <div class="test-title">
                                    <h4>Isabella Harper</h4>
                                </div>
                                <span class="designation">Student</span>
                            </div>    
                        </div>
                        <div class="test-description">
                            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem acc usantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architection beatae vitae dicta sunt explicabo.</p>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-content-wrapper">
                        <div class="test-img-detail">
                            <div class="img-wrapper">
                                <img src="../themes/custom/education_plus/assets/theme/img/testimonials/xteacher-1.jpg" alt="Testimonial-image">
                                <div class="svg-wrapp">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                                        <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                                    </svg>
                                </div>
                            </div>
                            <div class="name-designation">
                                <div class="test-title">
                                    <h4>Olivia Morris</h4>
                                </div>
                                <span class="designation">Student</span>
                            </div>
                        </div>
                        <div class="test-description">
                            <p>At vero eos et accusamus et iusto odio dignissimos ducimus quie blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="code-block">
            <pre class="language-markup">
                <code class="language-html" data-lang="html" id="carousel-3">
                    </code><button class="clipboard" data-clipboard-action="copy" data-clipboard-target="#carousel-3" tabindex="-1">Copy to clipboard</button>
            </pre>
        </div>
    </div>
</section>
                
            

Carousel Style 4

                
<section class="carousels elements z-sec ">
    <div class="container">
        <h2>Carousel Style 4</h2>
        <div class="carousel4">
            <div class="owl-carousel carousels-3 owl-theme">
                <div class="item">
                    <div class="carousel-content-wrapper">
                        <div class="svg-wrapp">
                            <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                                <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                            </svg>
                        </div>
                        <div class="test-description">
                            <h5>Sed ut perspiciatis unde omnis iste natus error sit voluptatem acc usantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architection beatae vitae dicta sunt explicabo.</h5>
                        </div>
                    </div>
                    <div class="test-img-detail">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/test1.jpg" alt="Testimonial-image">
                        </div>
                        <div class="name-designation">
                            <div class="test-title">
                                <h4>Isabella Harper</h4>
                            </div>
                            <span class="designation">Student</span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-content-wrapper">
                        <div class="svg-wrapp">
                            <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                                <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                            </svg>
                        </div>
                        <div class="test-description">
                            <h5>At vero eos et accusamus et iusto odio dignissimos ducimus quie blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molesi as excepturi sint occaecati cupiditate non provident similique sunt</h5>
                        </div>
                    </div>
                    <div class="test-img-detail">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/xteacher-1.jpg" alt="Testimonial-image">
                        </div>
                        <div class="name-designation">
                            <div class="test-title">
                                <h4>Olivia Morris</h4>
                            </div>
                            <span class="designation">Student</span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-content-wrapper">
                        <div class="svg-wrapp">
                            <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                                <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                            </svg>
                        </div>
                        <div class="test-description">
                            <h5>Sed ut perspiciatis unde omnis iste natus error sit voluptatem acc usantium doloremque laudantium, totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architection beatae vitae dicta sunt explicabo.</h5>
                        </div>
                    </div>
                    <div class="test-img-detail">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/test1.jpg" alt="Testimonial-image">
                        </div>
                        <div class="name-designation">
                            <div class="test-title">
                                <h4>Isabella Harper</h4>
                            </div>
                            <span class="designation">Student</span>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-content-wrapper">
                        <div class="svg-wrapp">
                            <svg xmlns="http://www.w3.org/2000/svg" width="211" height="150" viewBox="0 0 211 150">
                                <path  data-name="Union 119" d="M2.091,120.872A66.968,66.968,0,0,0,53.568,96.878c-1.371.1-2.772.205-4.166.205C22.134,97.083,0,75.337,0,48.545,0,21.409,23.3-.153,49.4,0h0C77.508.188,101.178,25.43,98.353,55.024,98.353,107.4,55.179,150,2.091,150Zm112.425,0a67.032,67.032,0,0,0,51.477-24c-1.371.11-2.772.209-4.174.209-27.267,0-49.386-21.742-49.386-48.537,0-27.132,23.273-48.695,49.386-48.541C189.91.162,213.6,25.423,210.771,55.02c0,52.375-43.167,94.98-96.255,94.98Z" transform="translate(211 150) rotate(180)" fill="#1a1725"/>
                            </svg>
                        </div>
                        <div class="test-description">
                            <h5>At vero eos et accusamus et iusto odio dignissimos ducimus quie blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molesi as excepturi sint occaecati cupiditate non provident similique sunt</h5>
                        </div>
                    </div>
                    <div class="test-img-detail">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/xteacher-1.jpg" alt="Testimonial-image">
                        </div>
                        <div class="name-designation">
                            <div class="test-title">
                                <h4>Olivia Morris</h4>
                            </div>
                            <span class="designation">Student</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
                
            

Carousel Style 5

Testimonial-image
                
<section class="carousels elements z-sec ">
    <div class="testimonial-5-wrapper">
        <div class="container">
            <div class="carousel5">
                <div class="row">
                    <div class="col-md-6">
                        <div class="owl-carousel carousels-5 owl-theme">
                            <div class="item">
                                <div class="carousel-content-wrapper">
                                    <div class="tagline-title">
                                        <span>Campus Experience</span>
                                        <h2>We are proud that more than 100+ students from different nationalities study on our campus</h2>
                                    </div>  
                                    <div class="test-description">
                                        <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="read">
                                        <a href="javascript:void(0)">
                                        Contact Us<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                                <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="carousel-content-wrapper">
                                    <div class="tagline-title">
                                        <span>Campus Experience</span>
                                        <h2>We are proud that more than 100+ students from different nationalities study on our campus</h2>
                                    </div>  
                                    <div class="test-description">
                                        <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="read">
                                        <a href="javascript:void(0)">
                                        Contact Us<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                                <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="item">
                                <div class="carousel-content-wrapper">
                                    <div class="tagline-title">
                                        <span>Campus Experience</span>
                                        <h2>We are proud that more than 100+ students from different nationalities study on our campus</h2>
                                    </div>  
                                    <div class="test-description">
                                        <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="read">
                                        <a href="javascript:void(0)">
                                        Contact Us<svg xmlns="http://www.w3.org/2000/svg" width="150" height="150" viewBox="0 0 150 150">
                                                <path  data-name="Union 109" d="M0,75A75,75,0,1,0,75,0,75.068,75.068,0,0,0,0,75Zm10.737,0A64.263,64.263,0,1,1,75,139.263,64.32,64.32,0,0,1,10.737,75Zm39.632,0,35.684,35.684,7.579-7.579L65.685,75,93.631,46.895l-7.579-7.579Z" transform="translate(150 150) rotate(180)" fill="#1a1725"/>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>    
            
        </div>
        <div class="image-overflow">
            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/xabout.jpeg" alt="Testimonial-image">
        </div>
    </div>
</section>
                
            

Carousel Style 6

                
<section class="carousels elements z-sec ">
    <div class="container">
        <h2>Carousel Style 6</h2>
         <div class="carousel6">
            <div class="owl-carousel carousels-6 owl-theme">
                <div class="item ">
                    <div class="carousel-content-wrapper">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/xbg_3.jpeg" alt="Testimonial-image">
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-content-wrapper">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/pexels-rfstudio-3810753.jpeg" alt="Testimonial-image">
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="carousel-content-wrapper">
                        <div class="img-wrapper">
                            <img src="../themes/custom/education_plus/assets/theme/img/testimonials/xbg_3.jpeg" alt="Testimonial-image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>