ÿØÿà JPEG ÿþ;
Server IP : 68.65.120.201 / Your IP : 216.73.216.73 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.32 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /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>