-
-
Email 08
1 min agoView allYour Order Has Been Shipped
Order No: 123456 Has Shipped To Your Delivery AddressDiscount Available
Discount Available On Selected ProductsAccount Has Been Verified
Your Account Has Been Verified SucessfullyOrder Placed ID: #1116773
Order Placed SuccessfullyOrder Delayed ID: 7731116
Order Delayed UnfortunatelyYour Order Has Been Shipped
Order No: 123456 Has Shipped To Your Delivery AddressDiscount Available
Discount Available On Selected ProductsAccount Has Been Verified
Your Account Has Been Verified SucessfullyOrder Placed ID: #1116773
Order Placed SuccessfullyOrder Delayed ID: 7731116
Order Delayed Unfortunately -
Notifications 08
6 min agoView allOrder Placed ID: #1116773
Order Placed SuccessfullyOrder Delayed ID: 7731116
Order Delayed UnfortunatelyYour Order Has Been Shipped
Order No: 123456 Has Shipped To Your Delivery AddressDiscount Available
Discount Available On Selected ProductsAccount Has Been Verified
Your Account Has Been Verified SucessfullyOrder Placed ID: #1116773
Order Placed SuccessfullyOrder Delayed ID: 7731116
Order Delayed UnfortunatelyYour Order Has Been Shipped
Order No: 123456 Has Shipped To Your Delivery AddressDiscount Available
Discount Available On Selected ProductsAccount Has Been Verified
Your Account Has Been Verified Sucessfully
Breadcrumb
Default Breadcrumb
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
</nav>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Library</a></li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
Dividers Breadcrumb
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
</ol>
</nav>
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
<nav style="--bs-breadcrumb-divider: '>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
<li class="breadcrumb-item">Library</li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
Breadcrumb Embedded SVG icon
<nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
</ol>
</nav>
<nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Library</li>
</ol>
</nav>
<nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
<li class="breadcrumb-item">Library</li>
<li class="breadcrumb-item active" aria-current="page">Data</li>
</ol>
</nav>
Custom Breadcrumb
Breadcrumb
Breadcrumb
Breadcrumb
<div class="section-title d-sm-flex justify-content-between align-items-center mb-24 text-center">
<h4 class="text-dark mb-0">Breadcrumb</h4>
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 mt-2 mt-sm-0 justify-content-center">
<li class="breadcrumb-item fs-14"><a class="text-decoration-none text-primary" href="index.html">Dashboard</a></li>
</ol>
</nav>
</div>
<div class="section-title d-sm-flex justify-content-between align-items-center mb-24 text-center">
<h4 class="text-dark mb-0">Breadcrumb</h4>
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 mt-2 mt-sm-0 justify-content-center">
<li class="breadcrumb-item fs-14"><a class="text-decoration-none" href="index.html">Dashboard</a></li>
<li class="breadcrumb-item fs-14 text-primary">Pages</li>
</ol>
</nav>
</div>
<div class="section-title d-sm-flex justify-content-between align-items-center mb-24 text-center">
<h4 class="text-dark mb-0">Breadcrumb</h4>
<nav aria-label="breadcrumb">
<ol class="breadcrumb mb-0 mt-2 mt-sm-0 justify-content-center">
<li class="breadcrumb-item fs-14"><a class="text-decoration-none" href="index.html">Dashboard</a></li>
<li class="breadcrumb-item fs-14">Pages</li>
<li class="breadcrumb-item fs-14 text-primary" aria-current="page">Breadcrumb</li>
</ol>
</nav>
</div>;
Breadcrumb Color
<nav style="--bs-breadcrumb-divider: '';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item text-primary text-decoration-none"><a href="#" class="text-decoration-none">Home</a></li>
</ol>
</nav>
<nav style="--bs-breadcrumb-divider: '';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
<li class="breadcrumb-item text-primary active" aria-current="page">Library</li>
</ol>
</nav>
<nav style="--bs-breadcrumb-divider: '';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="#" class="text-decoration-none">Home</a></li>
<li class="breadcrumb-item text-body">Library</li>
<li class="breadcrumb-item text-primary" aria-current="page">Data</li>
</ol>
</nav>
Breadcrumb Icon
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item fs-14">
<a class="text-decoration-none d-flex align-items-center" href="index.html">
<i data-feather="home" style="width: 16px; height: 16px;"></i>
<span class="ms-1">Dashboard</span>
</a>
</li>
</ol>
</nav>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item fs-14">
<a class="text-decoration-none d-flex align-items-center" href="index.html">
<i data-feather="home" style="width: 16px; height: 16px;"></i>
<span class="ms-1">Dashboard</span>
</a>
</li>
<li class="breadcrumb-item fs-14">
<i data-feather="layout" style="width: 16px; height: 16px;"></i>
<span class="ms-1 text-body">Pages</span>
</li>
</ol>
</nav>
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item fs-14">
<a class="text-decoration-none d-flex align-items-center" href="index.html">
<i data-feather="home" style="width: 16px; height: 16px;"></i>
<span class="ms-1">Dashboard</span>
</a>
</li>
<li class="breadcrumb-item fs-14">
<i data-feather="layout" style="width: 16px; height: 16px;"></i>
<span class="ms-1 text-body">Pages</span>
</li>
<li class="breadcrumb-item fs-14" aria-current="page">
<i data-feather="bookmark" style="width: 16px; height: 16px;" class="text-body"></i>
<span class="ms-1 text-primary">Breadcrumb</span>
</li>
</ol>
</nav>
Copyright © Dess Is Proudly Owned by Coder Deves