Breadcrumbs
Breadcrumbs are used as a navigational aid to show the user's current location and the path to get there.
Breadcrumbs are used as a navigational aid to show the user's current location and the path to get there.
Used to show current location and user path
<div class="breadcrumbs">
<ul>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Home
</a>
</li>
<li>
<span>
<i class="fa-regular fa-house"></i>
Level 1
</span>
</li>
</ul>
</div>
<div class="breadcrumbs">
<ul>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Home
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Level 1
</a>
</li>
<li>
<span>
<i class="fa-regular fa-house"></i>
Level 2
</span>
</li>
</ul>
</div>
<div class="breadcrumbs">
<ul>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Home
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Level 1
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Level 2
</a>
</li>
<li>
<span>
<i class="fa-regular fa-house"></i>
Level 3
</span>
</li>
</ul>
</div>
<div class="breadcrumbs">
<ul>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Home
</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Level 1
</a>
</li>
<li>
<a href="#">...</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Level 6
</a>
</li>
<li>
<span>
<i class="fa-regular fa-house"></i>
Level 7
</span>
</li>
</ul>
</div>
<div class="breadcrumbs">
<ul>
<li>
<a href="#">...</a>
</li>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
Level 6
</a>
</li>
<li>
<span>
<i class="fa-regular fa-house"></i>
Level 7
</span>
</li>
</ul>
</div>
<div class="breadcrumbs">
<ul>
<li>
<a href="#">
Home
</a>
</li>
<li>
<span>
Level 1
</span>
</li>
</ul>
</div>
<div class="breadcrumbs">
<ul>
<li>
<a href="#">
<i class="fa-regular fa-house"></i>
</a>
</li>
<li>
<span>
Level 1
</span>
</li>
</ul>
</div>