Cards
Basic cards Preview link
Basic Card
Tabs have long been used to show alternative views of the same group of information tabs in software. Known as“module tabs” , these are still used today in web sites. For instance, airline companies such as Ryanair, easyJet and AirMalta use module tabs to enable the user to switch between bookings for flights, hotels and car hire.
<div class="card">
<div class="card-header">
<h5>Basic Card</h5>
</div>
<div class="card-body">
<p class="mb-0"> Tabs have long been used to show alternative views of the same group of information tabs in software. Known as“module tabs” , these are still used today in web sites. For instance, airline companies such as Ryanair, easyJet and AirMalta use module tabs to enable the user to switch between bookings for flights, hotels and car hire. </p>
</div>
</div>Draggable cards Preview link
To use draggable card you have to add the following script js
<!--Sortable JS-->
<script src="../assets/js/dragable/jquery.ui.min.js"></script>
<script src="../assets/js/dragable/sortable.js"></script>
<script src="../assets/js/dragable/sortable-custom.js"></script>Theme card Preview link
Basic Card
A navigation bar is a particularly important feature because it allows visitors to quickly and easily find important pages on your website , like your blog, product pages, pricing, contact info, and documentation. This improves the chances of visitors browsing your site longer, which can boost your page views and reduce your bounce rate.
<div class="card">
<div class="card-header b-l-primary">
<h5>Basic Card</h5>
</div>
<div class="card-body">
<p class="mb-0"> A navigation bar is a particularly important feature because it allows visitors to quickly and easily find important pages on your website , like your blog, product pages, pricing, contact info, and documentation. This improves the chances of visitors browsing your site longer, which can boost your page views and reduce your bounce rate. </p>
</div>
</div>