loader
Physic template
800-585-800 / 652-545-526We Are Open 24 Hours
How to Find UsGive FeedbackRequest An Appointment
svg

Breadcrumb

  2. Short Code
  3. Breadcrumb
Type - 1
<nav>
  <ol class="breadcrumb">
    <li class="breadcrumb-item active" aria-current="page">Home</li>
  </ol>
</nav>
<nav>
  <ol class="breadcrumb">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item active" aria-current="page">Library</li>
  </ol>
</nav>
<nav>
  <ol class="breadcrumb mb-0">
    <li class="breadcrumb-item"><a href="#">Home</a></li>
    <li class="breadcrumb-item"><a href="#">Library</a></li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
</nav>
Type - 2
<nav class="breadcrumb breadcrumb-icon mb-0 gap-2">
  <a class="breadcrumb-item mb-1 mb-xl-0" href="javascript:void(0)">Home</a>
  <a class="breadcrumb-item ps-0 mb-1 mb-xl-0" href="javascript:void(0)">Tables</a>
  <a class="breadcrumb-item ps-0 mb-1 mb-xl-0" href="javascript:void(0)">Bootstrap Tables</a>
  <span class="breadcrumb-item active ps-0">BasicTables</span>
</nav>
Type - 3
  2. Bonus Ui
  3. Breadcrumb
<ol class="breadcrumb mb-0">
  <li class="breadcrumb-item">
    <a href="index.html">
      <i class="ri-home-office-fill"></i>
    </a>
  </li>
  <li class="breadcrumb-item">Bonus Ui</li>
  <li class="breadcrumb-item active">Breadcrumb</li>
</ol>
Type - 4
  1. Home
  2. Category
  3. Cart
  4. Checkout
<ol class="breadcrumb breadcrumb-icon mb-0">
  <li class="breadcrumb-item">
    <a href="index.html">
      <i class="ri-home-office-fill"></i>
    </a>
    <span>Home</span>
  </li>
  <li class="breadcrumb-item">
    <a href="index.html">
      <i class="ri-hospital-line"></i>
    </a>
    <span>Category</span>
  </li>
  <li class="breadcrumb-item">
    <a href="index.html">
      <i class="ri-shopping-cart-fill"></i>
    </a>
    <span>Cart</span>
  </li>
  <li class="breadcrumb-item active">
    <a href="index.html">
      <i class="ri-profile-line"></i>
    </a>
    <span>Checkout</span>
  </li>
</ol>
Type - 5
<ul class="breadcrumb breadcrumb-no-divider">
  <li class="breadcrumb-item">
    <a href="#1">
      <i class="ri-home-office-fill"></i>
    </a>
  </li>
  <li class="breadcrumb-item">
    <a href="#2">
      <i class="ri-briefcase-4-fill"></i> 
      Shop
    </a>
    </li>
  <li class="breadcrumb-item p-0">
    <a href="#3">
      <i class="ri-shopping-cart-fill"></i> 
      Cart
    </a>
  </li>
  <li class="breadcrumb-item p-0">
    <a href="#4">
      <i class="ri-bank-card-fill"></i> 
      Checkout
    </a>
  </li>
</ul>
Type - 6
Breadcrumb
  2. Breadcrumb
<div class="breadcrumb-direct">
  <h5>Breadcrumb</h5>
  <ol class="breadcrumb mb-0">
    <li class="breadcrumb-item">
      <a href="index.html">
        <i class="ri-home-office-fill"></i>
      </a>
    </li>
    <li class="breadcrumb-item active">Breadcrumb</li>
  </ol>
</div>
Type - 7
Breadcrumb
  1. Home
  2. Layout-1
  3. Breadcrumb
<div class="breadcrumb-direct">
  <h5>Breadcrumb</h5>
  <ol class="breadcrumb mb-0">
    <li class="breadcrumb-item">Home</li>
    <li class="breadcrumb-item">Layout-1</li>
    <li class="breadcrumb-item active">Breadcrumb</li>
  </ol>
</div>
Type - 8
  1. Home
  2. Layout-1
  3. Breadcrumb
Breadcrumb
<div class="breadcrumb-direct">
  <ol class="breadcrumb mb-0">
    <li class="breadcrumb-item">Home</li>
    <li class="breadcrumb-item">Layout-1</li>
    <li class="breadcrumb-item active">Breadcrumb</li>
  </ol>
  <h5>Breadcrumb</h5>
</div>
Type - 9
Icons Breadcrumb
  2. layout-2
  3. Breadcrumb
<h5 class="text-center mb-2">Icons Breadcrumb</h5>
<ol class="breadcrumb mb-0">
  <li class="breadcrumb-item">
    <a href="index.html">
      <i class="ri-home-office-fill"></i>
    </a>
  </li>
  <li class="breadcrumb-item">layout-2</li>
  <li class="breadcrumb-item active">Breadcrumb</li>
</ol>
Type - 10
  1. Home
  2. Library
  3. Data
  1. Home
  2. Library
  3. Data
  1. Home
  2. Library
  3. Data
  1. Home
  2. Library
  3. Data
  1. Home
  2. Library
  3. Data
<div class="card-body colored-breadcrumb">
  <ol class="breadcrumb">
    <li class="breadcrumb-item">
      <a href="#">Home</a>
    </li>
    <li class="breadcrumb-item">
      <a href="#">Library</a>
    </li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
  <ol class="breadcrumb">
    <li class="breadcrumb-item">
      <a href="#">Home</a>
    </li>
    <li class="breadcrumb-item">
      <a href="#">Library</a>
    </li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
  <ol class="breadcrumb">
    <li class="breadcrumb-item">
      <a href="#">Home</a>
    </li>
    <li class="breadcrumb-item">
      <a href="#">Library</a>
    </li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
  <ol class="breadcrumb">
    <li class="breadcrumb-item">
      <a href="#">Home</a>
    </li>
    <li class="breadcrumb-item">
      <a href="#">Library</a>
    </li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
  <ol class="breadcrumb mb-0">
    <li class="breadcrumb-item">
      <a href="#">Home</a>
    </li>
    <li class="breadcrumb-item">
      <a href="#">Library</a>
    </li>
    <li class="breadcrumb-item active" aria-current="page">Data</li>
  </ol>
</div>
Type - 11
Background Breadcrumb
  2. Home
  3. Layout-1
  4. Breadcrumb
<div class="background-img">
 <h5 class="text-center mb-2">Background Breadcrumb</h5>
 <ol class="breadcrumb breadcrumb-icon mb-0">
   <li class="breadcrumb-item">
     <a href="index.html">
       <i class="ri-home-office-fill"></i>
     </a>
   </li>
   <li class="breadcrumb-item">Home</li>
   <li class="breadcrumb-item">Layout-1</li>
   <li class="breadcrumb-item active">Breadcrumb</li>
 </ol>
</div>
Type - 12
Breadcrumb
  1. Home
  2. Layout-1
  3. Breadcrumb
<div class="background-img">
 <div class="breadcrumb-direct">
   <h5>Breadcrumb</h5>
   <ol class="breadcrumb mb-0">
     <li class="breadcrumb-item">Home</li>
     <li class="breadcrumb-item">Layout-1</li>
     <li class="breadcrumb-item active">Breadcrumb</li>
   </ol>
 </div>
</div>
Type - 13

Breadcrumb

  2. Bonus Ui
  3. Breadcrumb
<div class="breadcrumb-section">
 <div class="img-overlay">
   <div class="custom-container container">
     <div class="row"> 
       <div class="col-sm-12 p-0">
         <div class="page-title">
           <h3>Breadcrumb</h3>
         </div>
       </div>
       <div class="col-sm-12 p-0">
         <div class="icon-breadcrumb">
           <ol class="breadcrumb mb-0">
             <li class="breadcrumb-item">
               <a href="index.html">
                 <i class="ri-home-office-fill"></i>
               </a>
             </li>
             <li class="breadcrumb-item">Bonus Ui</li>
             <li class="breadcrumb-item active">Breadcrumb</li>
           </ol>
         </div>
       </div>
     </div>
   </div>
 </div>
</div>
Type - 14

Breadcrumb

  2. Bonus Ui
  3. Breadcrumb
<div class="breadcrumb-section dark-img m-0">
  <div class="overlay-img">
    <div class="custom-container container">
      <div class="row"> 
        <div class="col-sm-12 p-0">
          <div class="page-title">
            <h3>Breadcrumb</h3>
          </div>
        </div>
        <div class="col-sm-12 p-0">
          <div class="icon-breadcrumb">
            <ol class="breadcrumb mb-0">
              <li class="breadcrumb-item">
                <a href="index.html">
                  <i class="ri-home-office-fill"></i>
                </a>
              </li>
              <li class="breadcrumb-item">Bonus Ui</li>
              <li class="breadcrumb-item active">Breadcrumb</li>
            </ol>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
Type - 15
Dark Breadcrumb
<div class="background-dark">
  <h5 class="text-center mb-2">Dark Breadcrumb</h5>
  <nav class="breadcrumb mb-0 gap-2">
    <a class="breadcrumb-item mb-1 mb-xl-0" href="javascript:void(0)">Home</a>
    <a class="breadcrumb-item ps-0 mb-1 mb-xl-0" href="javascript:void(0)">Tables</a>
    <a class="breadcrumb-item ps-0 mb-1 mb-xl-0" href="javascript:void(0)">Bootstrap Tables</a>
    <span class="breadcrumb-item active ps-0">Basic Tables</span>
  </nav>
</div>
Scroll
google icon
twitter icon
facebook icon
Instagram icon

Copyright 2025 Doctor By Pixelstrap

logologo

It integrates seamlessly with other services, enhancing community health, emergency management, and public safety within a broader ecosystem.

Visitation Schedule
Gallery posts
treatment1
treatment2
treatment3
treatment4
treatment5
My Cart
cart gif

Your cart is currently empty