diff options
| author | Prashant S | 2019-07-26 11:21:31 +0530 |
|---|---|---|
| committer | GitHub | 2019-07-26 11:21:31 +0530 |
| commit | bfb41f58674f7c24bd41e6e6891f0773c3706ddc (patch) | |
| tree | a407e9cac3242db67394711596835982160b0eaa /bootstrap/js/tests/visual/carousel.html | |
| parent | e5a79b1f0f70eb0bc413c5b85139617dbe84b07d (diff) | |
| parent | 17bc989bd924aa4682807cf7920abb8558da0006 (diff) | |
| download | fossee_istos-master.tar.gz fossee_istos-master.tar.bz2 fossee_istos-master.zip | |
internship work for new theme for drupal-8.x
Diffstat (limited to 'bootstrap/js/tests/visual/carousel.html')
| -rwxr-xr-x | bootstrap/js/tests/visual/carousel.html | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/bootstrap/js/tests/visual/carousel.html b/bootstrap/js/tests/visual/carousel.html new file mode 100755 index 0000000..018fa3c --- /dev/null +++ b/bootstrap/js/tests/visual/carousel.html @@ -0,0 +1,58 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Carousel</title> + <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> + + <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> + <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> + <!--[if lt IE 9]> + <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> + <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> + <![endif]--> +</head> +<body> + +<div class="container"> + + <div class="page-header"> + <h1>Carousel <small>Bootstrap Visual Test</small></h1> + </div> + + <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> + <ol class="carousel-indicators"> + <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> + <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li> + <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li> + </ol> + <div class="carousel-inner"> + <div class="item active"> + <img alt="First slide" src="https://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg"> + </div> + <div class="item"> + <img alt="Second slide" src="https://37.media.tumblr.com/tumblr_m8tazfiVYJ1qa42jro1_1280.jpg"> + </div> + <div class="item"> + <img alt="Third slide" src="https://38.media.tumblr.com/tumblr_m8tb2rVsD31qa42jro1_1280.jpg"> + </div> + </div> + <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> + <span class="glyphicon glyphicon-chevron-left"></span> + </a> + <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> + <span class="glyphicon glyphicon-chevron-right"></span> + </a> + </div> + +</div> + +<!-- JavaScript Includes --> +<script src="../vendor/jquery.min.js"></script> +<script src="../../transition.js"></script> +<script src="../../carousel.js"></script> + +</body> +</html> |