mk-3dcarousel
Version:
A Simple 3D & Responsive Image Carousel
44 lines (43 loc) • 1.94 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>A Responsive 3D Carousel</title>
<meta name="description" content="MK 3D Carousel is a simple & a responsive 3D Image Carousel plugin created using JQUERY & CSS3">
<meta name="keywords" content="masoom, masoomulhaq, 3d image carousel, mac, osx, carousel, jquery plugin, javascript, responsive, html5, css">
<meta name="robots" content="index,follow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="./app.css">
</head>
<body>
<div class="container">
<h1>MK 3D Carousel <small>by <a href="http://www.masoomulhaq.in/" target="_blank">Masoom Ulhaq S</a></small></h1>
<div class="text-center">
<a class="btn-center" href="https://github.com/masoomulhaqs/mk-3Dcarousel" target="_blank">Github</a>
<a class="btn-center" href="https://github.com/masoomulhaqs/mk-3Dcarousel/archive/master.zip" target="_blank">Download</a>
</div>
<div class="mk-carousel" id="mkCarousel">
<img class="active" src="carousel/001.jpg" alt="MK 3D Carousel">
<img src="carousel/002.jpg" alt="MK 3D Carousel">
<img src="carousel/003.jpg" alt="MK 3D Carousel">
<img src="carousel/004.jpg" alt="MK 3D Carousel">
<img src="carousel/005.jpg" alt="MK 3D Carousel">
<img src="carousel/006.jpg" alt="MK 3D Carousel">
<img src="carousel/007.jpg" alt="MK 3D Carousel">
</div>
</div>
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="mk-3dcarousel.js"></script>
<script>
$(function(){
$('#mkCarousel').mkCarousel({
offset: 130,
mobileOffset: 60,
beginAt: 2
});
});
</script> -->
<script src="./app.js"></script>
</body>
</html>