-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
- Loading branch information
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,55 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
<meta http-equiv="x-ua-compatible" content="ie=edge" /> | ||
<title>Material Design for Bootstrap</title> | ||
<!-- MDB icon --> | ||
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" /> | ||
<!-- Font Awesome --> | ||
<link | ||
rel="stylesheet" | ||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" | ||
/> | ||
<!-- Google Fonts Roboto --> | ||
<link | ||
rel="stylesheet" | ||
href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" | ||
/> | ||
<!-- MDB --> | ||
<link rel="stylesheet" href="css/mdb.min.css" /> | ||
</head> | ||
<body> | ||
<!-- Start your project here--> | ||
<div class="container d-flex justify-content-center mt-5" > | ||
<div id="carouselExampleControls" class="carousel slide" data-mdb-ride="carousel" data-mdb-interval="false"> | ||
<div class="carousel-inner"> | ||
<div class="carousel-item active"> | ||
<img src="https://mdbcdn.b-cdn.net/img/new/slides/041.webp" class="d-block w-100" alt="Wild Landscape" /> | ||
</div> | ||
<div class="carousel-item"> | ||
<img src="https://mdbcdn.b-cdn.net/img/new/slides/042.webp" class="d-block w-100" alt="Camera" /> | ||
</div> | ||
<div class="carousel-item"> | ||
<img src="https://mdbcdn.b-cdn.net/img/new/slides/043.webp" class="d-block w-100" alt="Exotic Fruits" /> | ||
</div> | ||
</div> | ||
<button class="carousel-control-prev" type="button" data-mdb-target="#carouselExampleControls" data-mdb-slide="prev"> | ||
<span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Previous</span> | ||
</button> | ||
<button class="carousel-control-next" type="button" data-mdb-target="#carouselExampleControls" data-mdb-slide="next"> | ||
<span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Next</span> | ||
</button> | ||
</div> | ||
</div> | ||
<!-- End your project here--> | ||
|
||
<!-- MDB --> | ||
<script type="text/javascript" src="js/mdb.min.js"></script> | ||
<!-- Custom scripts --> | ||
<script type="text/javascript"></script> | ||
</body> | ||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,49 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> | ||
<meta http-equiv="x-ua-compatible" content="ie=edge" /> | ||
<title>Material Design for Bootstrap</title> | ||
<!-- MDB icon --> | ||
<link rel="icon" href="img/mdb-favicon.ico" type="image/x-icon" /> | ||
<!-- Font Awesome --> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" /> | ||
<!-- Google Fonts Roboto --> | ||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" /> | ||
<!-- MDB --> | ||
<link rel="stylesheet" href="css/mdb.min.css" /> | ||
</head> | ||
<body> | ||
<!-- Start your project here--> | ||
<div class="container d-flex justify-content-center mt-5"> | ||
<div id="carouselExampleControls" class="carousel slide" data-mdb-ride="carousel"> | ||
<div class="carousel-inner"> | ||
<div class="carousel-item active"> | ||
<img src="https://mdbcdn.b-cdn.net/img/new/slides/041.webp" class="d-block w-100" alt="Wild Landscape" /> | ||
</div> | ||
<div class="carousel-item"> | ||
<img src="https://mdbcdn.b-cdn.net/img/new/slides/042.webp" class="d-block w-100" alt="Camera" /> | ||
</div> | ||
<div class="carousel-item"> | ||
<img src="https://mdbcdn.b-cdn.net/img/new/slides/043.webp" class="d-block w-100" alt="Exotic Fruits" /> | ||
</div> | ||
</div> | ||
<button class="carousel-control-prev" type="button" data-mdb-target="#carouselExampleControls" data-mdb-slide="prev"> | ||
<span class="carousel-control-prev-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Previous</span> | ||
</button> | ||
<button class="carousel-control-next" type="button" data-mdb-target="#carouselExampleControls" data-mdb-slide="next"> | ||
<span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
<span class="visually-hidden">Next</span> | ||
</button> | ||
</div> | ||
</div> | ||
<!-- End your project here--> | ||
|
||
<!-- MDB --> | ||
<script type="text/javascript" src="js/mdb.min.js"></script> | ||
<!-- Custom scripts --> | ||
<script type="text/javascript"></script> | ||
</body> | ||
</html> |
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,28 @@ | ||
{ | ||
"name": "bootstrap-carousel-autoplay", | ||
"version": "1.0.0", | ||
"description": "Responsive Carousel autoplay built with Bootstrap 5. Examples of how to turn on and turn off the carousel autoplay.", | ||
"main": "basic.html", | ||
"scripts": { | ||
"test": "echo \"Error: no test specified\" && exit 1" | ||
}, | ||
"repository": { | ||
"type": "git", | ||
"url": "git+https://github.com/mdbootstrap/bootstrap-carousel-autoplay.git" | ||
}, | ||
"keywords": [ | ||
"bootstrap", | ||
"bootstrap5", | ||
"bootstrap-theme", | ||
"bootstrap-template", | ||
"bootstrap-carousel-autoplay", | ||
"responsive", | ||
"responsive-design" | ||
], | ||
"author": "", | ||
"license": "ISC", | ||
"bugs": { | ||
"url": "https://github.com/mdbootstrap/bootstrap-carousel-autoplay/issues" | ||
}, | ||
"homepage": "https://mdbootstrap.com/docs/standard/extended/carousel-autoplay/" | ||
} |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Large diffs are not rendered by default.