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<b>“module tabs”</b> , 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
You can design your creative card by taking only the
border-l-primary class. If you want to
use other colors like this: border-l-*
Visit Us: 2600 Hollywood
Blvd,Florida, United States- 33020
Mail Us:contact@us@gmail.com
Contact Number: (954) 357-7760
<div class="card">
<div class="card-header b-l-primary">
<h5>Basic Card</h5>
</div>
<div class="card-body">
<p class="mb-0"> You can design your creative card by taking only the <strong>border-l-primary </strong> class.
If you want to use other colors like this: <strong>border-l-*</strong><br><strong>Visit Us:
</strong> 2600 Hollywood Blvd,Florida, United States- 33020<br><strong>Mail
Us:</strong>contact@us@gmail.com<br><strong>Contact Number: </strong>(954) 357-7760 </p>
</div>
</div>