File "index.html"
Full path: /home/fsibplc/public_html/fsib/assets/owl-carousel5-main/owl-carousel5-main/owl-carousel/index.html
File
size: 5.32 B (5.32 KB bytes)
MIME-type: text/html
Charset: utf-8
Download Open Edit Advanced Editor Back
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<meta name="keywords" content="app, landing, corporate, Creative, Html Template, Template">
<meta name="author" content="web-themes">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- title -->
<title>carousel slider</title>
<!-- favicon -->
<!-- <link href="img/favicon.png" type="image/png" rel="icon"> -->
<!-- all css here -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="css/fontawesome.min.css" rel="stylesheet" type="text/css" />
<link href="css/owl.carousel.min.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- card area start -->
<div class="card_wrapper">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<h5 class="head_text">Digital Banking Services</h5>
</div>
<div class="col-12">
<div class="owl-carousel slider_carousel">
<div class="card_box" onclick="location.href='content.html';">
<img class="img-fluid w-100" src="img/cloud.png" alt="">
<div class="card_text">
</div>
</div>
<div class="card_box" onclick="location.href='content.html';">
<img class="img-fluid w-100" src="img/dcloud.png" alt="">
<div class="card_text">
</div>
</div>
<div class="card_box" onclick="location.href='content.html';">
<img class="img-fluid w-100" src="img/firstcash.png" alt="">
<div class="card_text">
</div>
</div>
<div class="card_box" onclick="location.href='content.html';">
<img class="img-fluid w-100" src="img/freedom.jpg" alt="">
<div class="card_text">
</div>
</div>
<div class="card_box" onclick="location.href='content.html';">
<img class="img-fluid w-100" src="img/sms.jpg" alt="">
<div class="card_text">
</div>
</div>
<div class="card_box" onclick="location.href='content.html';">
<img class="img-fluid w-100" src="img/dcloud.png" alt="">
<div class="card_text">
</div>
</div>
<div class="card_box" onclick="location.href='content.html';">
<img class="img-fluid w-100" src="img/freedom.jpg" alt="">
<div class="card_text">
</div>
</div>
<div class="card_box" onclick="location.href='content.html';">
<img class="img-fluid w-100" src="img/sms.jpg" alt="">
<div class="card_text">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- card area end -->
<!-- all js here -->
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script>
function slider_carouselInit() {
$('.owl-carousel.slider_carousel').owlCarousel({
dots: false,
loop: true,
margin: 30,
stagePadding: 2,
autoplay: true,
nav: true,
navText: ["<i class='far fa-arrow-alt-circle-left'></i>","<i class='far fa-arrow-alt-circle-right'></i>"],
autoplayTimeout: 1500,
autoplayHoverPause: true,
responsive: {
0: {
items: 1
},
768: {
items: 2,
},
992: {
items: 5
}
}
});
}
slider_carouselInit();
</script>
</body>
</html>