Server IP : 2a02:4780:3:1378:0:3736:a38e:10 / Your IP : 3.135.185.223 Web Server : LiteSpeed System : Linux sg-nme-web1278.main-hosting.eu 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : u926327694 ( 926327694) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u926327694/domains/jssgokak.in/public_html/new/../css/ |
[ Home ] | [ C0mmand ] | [ Upload File ] |
---|
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script> <script> jQuery(document).ready(function() { jQuery('.carousel[data-type="multi"] .item').each(function(){ var next = jQuery(this).next(); if (!next.length) { next = jQuery(this).siblings(':first'); } next.children(':first-child').clone().appendTo(jQuery(this)); for (var i=0;i<2;i++) { next=next.next(); if (!next.length) { next = jQuery(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); } }); }); </script> <style> .carousel-control.left, .carousel-control.right { background-image:none; } .img-responsive{ width:100%; height:auto; } @media (min-width: 992px ) { .carousel-inner .active.left { left: -25%; } .carousel-inner .next { left: 25%; } .carousel-inner .prev { left: -25%; } } @media (min-width: 768px) and (max-width: 991px ) { .carousel-inner .active.left { left: -33.3%; } .carousel-inner .next { left: 33.3%; } .carousel-inner .prev { left: -33.3%; } .active > div:first-child { display:block; } .active > div:first-child + div { display:block; } .active > div:last-child { display:none; } } @media (max-width: 767px) { .carousel-inner .active.left { left: -100%; } .carousel-inner .next { left: 100%; } .carousel-inner .prev { left: -100%; } .active > div { display:none; } .active > div:first-child { display:block; } } </style> </head> <body> <div class="container"> <h5><font color="white">Our Satisfied Customers</font></h5> <!--The main div for carousel--> <div class="container text-center"> <div class="carousel slide row" data-ride="carousel" data-type="multi" data-interval="2000" id="fruitscarousel"> <div class="carousel-inner"> <div class="item active"> <div class="col-md-3 col-sm-4 col-xs-12"><a href="#"><img src="images/team-1.jpg" class="img-responsive"></a></div> </div> <div class="item"> <div class="col-md-3 col-sm-4 col-xs-12"><a href="#"><img src="images/team-2.jpg" class="img-responsive"></a></div> </div> <div class="item"> <div class="col-md-3 col-sm-4 col-xs-12"><a href="#"><img src="images/team-3.jpg" class="img-responsive"></a></div> </div> <div class="item"> <div class="col-md-3 col-sm-4 col-xs-12"><a href="#"><img src="images/team-4.jpg" class="img-responsive"></a></div> </div> <div class="item"> <div class="col-md-3 col-sm-4 col-xs-12"><a href="#"><img src="images/team-1.jpg" class="img-responsive"></a></div> </div> <div class="item"> <div class="col-md-3 col-sm-4 col-xs-12"><a href="#"><img src="images/team-2.jpg" class="img-responsive"></a></div> </div> </div> <a class="left carousel-control" href="#fruitscarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a> <a class="right carousel-control" href="#fruitscarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a> </div> </div> <h5><font color="white">. . .</font></h5> </div> </body> </html>