@themesberg/pixel-lite-bootstrap-ui-kit
Version:
Open-source Bootstrap 5 UI Kit
70 lines (56 loc) • 2.39 kB
HTML
<!--
=========================================================
* Pixel Free Bootstrap 5 UI Kit
=========================================================
* Product Page: https://themesberg.com/product/ui-kit/pixel-free-bootstrap-5-ui-kit
* Copyright 2021 Themesberg (https://www.themesberg.com)
* Coded by https://themesberg.com
=========================================================
* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. Contact us if you want to remove it.
-->
<html lang="en">
<head>
@@include('./_head.html', {
"path": "../..",
"title": "Pixel Bootstrap 5 - Bootstrap carousels"
})
</head>
<body>
@@include('./_navigation.html', {
"path": "../..",
"classes": "navbar-dark"
})
<main>
@@include('./_preloader.html', {
"path": "../.."
})
<!-- Hero -->
<div class="section-header pb-6 bg-primary text-white">
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-8 text-center">
<h1 class="display-3 mb-4">Bootstrap Carousels</h1>
<p class="lead mb-5">The carousel is a slideshow for cycling through a series of content, built with CSS 3D transforms and a bit of JavaScript. It works with a series of images, text, or custom markup.</p>
<div class="alert bg-secondary" role="alert">
<span class="fas fa-info-circle"></span>
<a class="fw-bold text-white text-underline mx-1" href="https://themesberg.com/docs/pixel-bootstrap/components/bootstrap-carousels/" target="_blank">See our Documentation</a> for a detailed technical explanation.
</div>
</div>
</div>
</div>
</div>
<!-- End of Hero -->
@@include('./components/_bootstrap-carousels.html', {
"path": "../.."
})
</main>
@@include('./_footer.html', {
"path": "../..",
"classes": "bg-primary text-white"
})
@@include('./_scripts.html', {
"path": "../.."
})
</body>
</html>