<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
</style>
</head>
<body>
<!DOCTYPE html>
<!-- Created By CodingNepal -->
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<!-- Somehow I got an error, so I comment the title, just uncomment to show -->
<!-- <title>Responsive Owl-Carousel Slider | CodingNepal</title> -->
<link rel="stylesheet" href="https://mrdeliverycab.helpinapps.com/docs/motored_carusel_2.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
</head>
<body>
<div class="wrapper">
<div class="carousel owl-carousel">
<div class="card card-1"><p><a href="hermesfood://#!section=48869747&typeLink=GBLinkTypeCategory&category=7"><img src="https://hermesfood.helpinapps.com/docs/burgers%20%283%29.jpg"/></a></p>
</div>
<div class="card card-2">
<a href="hermesfood://#!section=48869747&typeLink=GBLinkTypeCategory&category=3"><img src="https://hermesfood.helpinapps.com/docs/comida%20oriental.jpg"/></a></p>
</div>
<div class="card card-3">
<p><a href="hermesfood://#!section=48869747&typeLink=GBLinkTypeCategory&category=1">
<img src="https://hermesfood.helpinapps.com/docs/comida%20rapida%20%281%29.jpg"/></a></p>
</div>
<div class="card card-4">
<a href="hermesfood://#!section=48869747&typeLink=GBLinkTypeCategory&category=4">
<img src="https://hermesfood.helpinapps.com/docs/desayunos%20%282%29.jpg"/></a></p>
</div>
<div class="card card-5">
<a href="hermesfood://#!section=48869747&typeLink=GBLinkTypeCategory&category=8">
<img src="https://hermesfood.helpinapps.com/docs/tacos%20%287%29.jpg"/></a></p>
</div>
<div class="card card-6">
<a href="hermesfood://#!section=48869747&typeLink=GBLinkTypeCategory&category=10">
<img src="https://hermesfood.helpinapps.com/docs/pizzas%20%286%29.jpg"/></a></p>
</div>
<div class="card card-7">
<a href="hermesfood://#!section=48869747&typeLink=GBLinkTypeCategory&category=6">
<img src="https://hermesfood.helpinapps.com/docs/postres%20%284%29.jpg"/></a></p>
</div>
<div class="card card-8">
<a href="hermesfood://#!section=48869747&typeLink=GBLinkTypeCategory&category=5">
<img src="https://hermesfood.helpinapps.com/docs/saludable%20%281%29.jpg"/></a></p>
</div>
<div class="card card-9">
<a href="hermesfood://#!section=48869747&typeLink=GBLinkTypeCategory&category=9">
<img src="https://hermesfood.helpinapps.com/docs/sushi%20%285%29.jpg"/></a></p>
</div>
</div>
</div>
<script>
$(".carousel").owlCarousel({
margin: 10,
loop: true,
autoplay: true,
autoplayTimeout: 3000,
autoplayHoverPause: true,
responsive: {
0:{
items:1,
nav: false
},
100:{
items:3,
nav: false
},
600:{
items:4,
nav: false
},
1000:{
items:6,
nav: false
}
}
});
</script>
</body>
</html>
</body>
</html>

