Skip to content

Instantly share code, notes, and snippets.

@kvahuja

kvahuja/index.html

Created August 21, 2014 03:44
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kvahuja/9f18a0106bf2b4723420 to your computer and use it in GitHub Desktop.
Save kvahuja/9f18a0106bf2b4723420 to your computer and use it in GitHub Desktop.
Download ZIP
JQuery bxslider Carousel Wrapper HTML
Raw
index.html
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head>
<title>bxSlider</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="bxSlider" >
<meta name="keywords" content="bxSlider">
<meta name="author" content="bxSlider">
<meta name="version" content="3.3.12">
<meta http-equiv="content-language" content="en">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- jQuery library (served from Google) -->
<script src="jquery.js"></script>
<!-- bxSlider Javascript file -->
<script src="jquery.bxslider.min.js"></script>
<link href="reset.css" rel="stylesheet" />
<!-- bxSlider CSS file -->
<link href="jquery.bxslider.css" rel="stylesheet" />
</head>
<body>
<div id="main-wrapper">
<h1>Main Heading</h1>
<h2>Main Heading</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s</p>
<ul class="bxslider">
<li><img src="http://www.placehold.it/940x360&text=Carousel+Slide+1" /></li>
<li><img src="http://www.placehold.it/940x360&text=Carousel+Slide+2" /></li>
<li><img src="http://www.placehold.it/940x360&text=Carousel+Slide+3" /></li>
<li><img src="http://www.placehold.it/940x360&text=Carousel+Slide+4" /></li>
</ul>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider();
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment