Education is the passport to the future for tomorrow belongs to those who prepare for it today. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.
Slider
Example
Sliders are a set of frames, wherein each frame can be traversed respectively. Frames in Sliders can be images, videos, or even HTML elements (as in the case of testimonials or reviews). Sliders are present on several modern-day websites. Sliders are used by a developer when they have to convey information related to the website but do not want it to take much space.
Slider 1
This is slider 1
What Our Students Say
<div class="rs-testimonial style3">
<div class="container">
<div class="sec-title mb-60 text-center md-mb-30">
<div class="sub-title primary">Student Reviews</div>
<h2 class="title mb-0">What Our Students Say</h2>
</div>
<div class="rs-carousel owl-carousel" data-loop="true" data-items="2" data-margin="30" data-autoplay="true"
data-hoverpause="true" data-autoplay-timeout="5000" data-smart-speed="800" data-dots="true" data-nav="false"
data-center-mode="false" data-mobile-device="1" data-ipad-device="2" data-md-device="2">
<div class="testi-item">
<div class="row y-middle no-gutter">
<div class="col-md-4">
<div class="user-info"><img src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/logo.png"
alt="Student Image" style="aspect-ratio: unset;" />
<h4 class="name">Saiko Najran</h4>
<span class="designation">Student</span>
<ul class="ratings">
<li><i class="fa fa-star"> </i></li>
<li><i class="fa fa-star"> </i></li>
<li><i class="fa fa-star"> </i></li>
<li><i class="fa fa-star"> </i></li>
<li><i class="fa fa-star"> </i></li>
</ul>
</div>
</div>
<div class="col-md-8">
<div class="desc">The charms of pleasure of the moment so blinded by desire that they cannot
foresee the pain and trouble that are bound ensue and equal blame belongs to those who fail
in their duty.</div>
</div>
</div>
</div>
</div>
</div>
</div>
Slider 2
This is slider 2
What Our Students Say
<div class="rs-testimonial style4">
<div class="container">
<div class="left-top-shape js-tilt"><img src="assets/images/shape/circle-shape.png" alt="" /></div>
<div class="sec-title mb-60 md-mb-30 text-center">
<div class="sub-title primary">Student Reviews</div>
<h2 class="title mb-0">What Our Students Say</h2>
</div>
<div class="rs-carousel owl-carousel" data-loop="true" data-items="3" data-margin="30" data-autoplay="true"
data-hoverpause="true" data-autoplay-timeout="5000" data-smart-speed="800" data-dots="false"
data-nav="false" data-md-device="3" data-md-device-nav="false" data-md-device-dots="false"
data-center-mode="false" data-ipad-device2="1" data-ipad-device-nav2="false" data-ipad-device-dots2="false"
data-ipad-device="2" data-ipad-device-nav="false" data-ipad-device-dots="false" data-mobile-device="1"
data-mobile-device-nav="false" data-mobile-device-dots="false">
<div class="testi-item">
<div class="row no-gutter">
<div class="col-md-4">
<div class="user-img"><img style="aspect-ratio: unset;"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/4.jpg" alt="" /></div>
</div>
<div class="col-md-8">
<div class="user-info"><i class="flaticon-phrase"></i>
<div class="desc">Education is the passport to the future
for tomorrow belongs to those who pre pare for it
today.Sed ut perspiciatis unde omnis iste natus error
sit vo luptatem accusantium do loremque laudantium.
</div>
<a class="name" href="#">Mahadi Monsura</a> <span class="designation">Student</span>
</div>
</div>
</div>
</div>
<div class="testi-item">
<div class="row no-gutter">
<div class="col-md-4">
<div class="user-img"><img style="aspect-ratio: unset;"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/12.jpg" alt="" /></div>
</div>
<div class="col-md-8">
<div class="user-info"><i class="flaticon-phrase"></i>
<div class="desc">Education is the passport to the future
for tomorrow belongs to those who pre pare for it
today.Sed ut perspiciatis unde omnis iste natus error
sit vo luptatem accusantium do loremque laudantium.
</div>
<a class="name" href="#">Mahadi Monsura</a> <span class="designation">Student</span>
</div>
</div>
</div>
</div>
<div class="testi-item">
<div class="row no-gutter">
<div class="col-md-4">
<div class="user-img"><img style="aspect-ratio: unset;"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/10.jpg" alt="" /></div>
</div>
<div class="col-md-8">
<div class="user-info"><i class="flaticon-phrase"></i>
<div class="desc">Education is the passport to the future
for tomorrow belongs to those who pre pare for it
today.Sed ut perspiciatis unde omnis iste natus error
sit vo luptatem accusantium do loremque laudantium,
</div>
<a class="name" href="#">Mahadi Monsura </a> <span class="designation">Student</span>
</div>
</div>
</div>
</div>
<!-- Add more testimonials as needed -->
</div>
</div>
</div>
</div>
Slider 3
This is slider 3
What Students Are Saying
<div class="rs-testimonial home-style1">
<div class="container">
<div class="sec-title mb-50 md-mb-30 text-center">
<div class="sub-title primary">Testimonial</div>
<h2 class="title mb-0">What Students Are Saying</h2>
</div>
<div class="rs-carousel owl-carousel owl-theme" data-loop="true" data-items="2" data-margin="30"
data-autoplay="true" data-hoverpause="true" data-autoplay-timeout="5000" data-smart-speed="800"
data-dots="true" data-nav="false" data-md-device="2" data-md-device-nav="false" data-md-device-dots="true"
data-center-mode="false" data-ipad-device2="1" data-ipad-device-nav2="false" data-ipad-device-dots2="true"
data-ipad-device="2" data-ipad-device-nav="false" data-ipad-device-dots="true" data-mobile-device="1"
data-mobile-device-nav="false" data-mobile-device-dots="true">
<div class="testi-item">
<div class="author-desc">
<div class="desc"><img class="quote"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/quote2.png" alt="quote" style="aspect-ratio: unset;" />
Professional, responsive, and able to keep up with ever-changing
demand and tight deadlines:
That’s how I would describe Jeramy and his team at The
Lorem Ipsum Company. When it comes
to content marketing, you’ll definitely get the 5-star
treatment from the Lorem Ipsum
Company.</div>
<div class="author-img"><img style="aspect-ratio: unset;"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/peoplee.png" alt="author" /></div>
</div>
<div class="author-part"><a class="name" href="#">Mahadi Monsura</a>
<span class="designation">Student</span>
</div>
</div>
<div class="testi-item">
<div class="author-desc">
<div class="desc"><img class="quote"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/quote2.png" alt="quote" style="aspect-ratio: unset;" /> I was
skeptical of SEO and content marketing at first, but the Lorem
Ipsum Company not only proved
itself financially speaking, but the response I have received
from customers is incredible. The
work is top-notch and I consistently outrank all my competitors
ll definitely get the 5-star </div>
<div class="author-img"><img style="aspect-ratio: unset;"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/peoplee2.png" alt="author" /></div>
</div>
<div class="author-part"><a class="name" href="#">Alex Fenando</a> <span class="designation">English
Teacher</span></div>
</div>
<div class="testi-item">
<div class="author-desc">
<div class="desc"><img class="quote"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/quote2.png" alt="quote" style="aspect-ratio: unset;" /> After
being forced to move twice within five years, our customers had
a hard time finding us and our
sales plummeted. The Lorem Ipsum Co. not only revitalized our
brand, but saved our nearly
100-year-old family business from the brink of ruin by
optimizing our website for SEO Our
Clients.</div>
<div class="author-img"><img style="aspect-ratio: unset;"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/peoplee1.png" alt="author" /></div>
</div>
<div class="author-part"><a class="name" href="#">Losis Dcosta</a> <span class="designation">Math
Teacher</span></div>
</div>
</div>
</div>
</div>
Slider 4
This is slider 4
What Our Students Say
Mahadi Mansura
Education is the passport to the future for tomorrow belongs to those who prepare for it today. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.
Mahadi Mansura
Education is the passport to the future for tomorrow belongs to those who prepare for it today. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.
Mahadi Mansura
<div class="rs-testimonial style6">
<div class="container">
<div class="sec-title text-center mb-70 md-mb-45">
<div class="sub-title">Testimonials</div>
<h2 class="title title-color">What Our Students Say</h2>
</div>
<div class="rs-carousel owl-carousel nav owl-loaded owl-drag" data-loop="false" data-items="1" data-margin="30"
data-autoplay="false" data-hoverpause="true" data-autoplay-timeout="5000" data-smart-speed="800"
data-dots="false" data-nav="false" data-nav-speed="false" data-center-mode="false" data-mobile-device="1"
data-mobile-device-nav="false" data-mobile-device-dots="false" data-ipad-device="1"
data-ipad-device-nav="false" data-ipad-device-dots="false" data-ipad-device2="1"
data-ipad-device-nav2="false" data-ipad-device-dots2="false" data-md-device="1" data-md-device-nav="false"
data-md-device-dots="false">
<div class="testimonial-item">
<div class="row">
<div class="col-lg-4 offset-lg-1">
<div class="img-part"><img style="aspect-ratio: unset;"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/people.png" alt="" /></div>
</div>
<div class="col-lg-7">
<div class="content-part">
<div class="content-wrap">
<div class="text">
<p>Education is the passport to the future for tomorrow belongs to those who prepare
for it today. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.
</p>
</div>
<div class="info">
<div class="cite">
<h3 class="name">Mahadi Mansura</h3>
</div>
<span class="position">CSE Student</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Ulangi .testimonial-item untuk setiap testimonial -->
<div class="testimonial-item">
<div class="row">
<div class="col-lg-4 offset-lg-1">
<div class="img-part"><img style="aspect-ratio: unset;"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/people.png" alt="" /></div>
</div>
<div class="col-lg-7">
<div class="content-part">
<div class="content-wrap">
<div class="text">
<p>Education is the passport to the future for tomorrow belongs to those who prepare
for it today. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.
</p>
</div>
<div class="info">
<div class="cite">
<h3 class="name">Mahadi Mansura</h3>
</div>
<span class="position">CSE Student</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="testimonial-item">
<div class="row">
<div class="col-lg-4 offset-lg-1">
<div class="img-part"><img style="aspect-ratio: unset;"
src="https://asset.uinjkt.ac.id/uploads/GOsFIzmB/2024/08/people.png" alt="" /></div>
</div>
<div class="col-lg-7">
<div class="content-part">
<div class="content-wrap">
<div class="text">
<p>Education is the passport to the future for tomorrow belongs to those who prepare
for it today. Sed ut perspiciatis unde omnis iste natus error sit voluptatem.
</p>
</div>
<div class="info">
<div class="cite">
<h3 class="name">Mahadi Mansura</h3>
</div>
<span class="position">CSE Student</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
Slider 5
This is slider 5
What Our Client Says
<div class="rs-testimonial style5">
<div class="container">
<div class="sec-title mb-15 text-center">
<h2 class="title extra-bold mb-15 sm-mb-10">What Our Client Says</h2>
<div class="sub-title capitalize">Our Clients Review</div>
</div>
<div class="rs-carousel owl-carousel owl-loaded owl-drag" data-loop="true"
data-items="3" data-margin="30" data-autoplay="true" data-hoverpause="true"
data-autoplay-timeout="5000" data-smart-speed="800" data-dots="true"
data-nav="false" data-nav-speed="false" data-md-device="3"
data-md-device-nav="false" data-md-device-dots="true"
data-center-mode="false" data-ipad-device2="2" data-ipad-device-nav2="false"
data-ipad-device-dots2="true" data-ipad-device="2"
data-ipad-device-nav="false" data-ipad-device-dots="true"
data-mobile-device="1" data-mobile-device-nav="false"
data-mobile-device-dots="false">
<div class="testi-item">
<div class="author-desc">
<div class="desc"><img class="quote"
src="assets/images/testimonial/style5/quote.png"
style="aspect-ratio: unset;"
alt="" />Education is the passport to the future for
tomorrow belongs to those who prepare for it today. Sed ut
perspiciatis unde omnis iste natus error sit voluptatem</div>
<div class="author-img"><img
src="assets/images/testimonial/style5/3.png" alt="" /></div>
</div>
<div class="author-part"><a class="name" href="#">Mahadi Monsura</a>
<span class="designation">Student</span>
</div>
</div>
<div class="testi-item">
<div class="author-desc">
<div class="desc"><img class="quote"
src="assets/images/testimonial/style5/quote.png"
alt="" />Education is the passport to the future for
tomorrow belongs to those who prepare for it today. Sed ut
perspiciatis unde omnis iste natus error sit voluptatem</div>
<div class="author-img"><img
src="assets/images/testimonial/style5/4.png" alt="" /></div>
</div>
<div class="author-part"><a class="name" href="#">Mahadi Monsura</a>
<span class="designation">Student</span>
</div>
</div>
<div class="testi-item">
<div class="author-desc">
<div class="desc"><img class="quote"
src="assets/images/testimonial/style5/quote.png"
alt="" />Education is the passport to the future for
tomorrow belongs to those who prepare for it today. Sed ut
perspiciatis unde omnis iste natus error sit voluptatem</div>
<div class="author-img"><img
src="assets/images/testimonial/style5/1.png" alt="" /></div>
</div>
<div class="author-part"><a class="name" href="#">Mahadi Monsura</a>
<span class="designation">Student</span>
</div>
</div>
</div>
</div>
</div>