<div class="breadcrumbs py-50">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <div class="breadcrumbs__wrapper text-start">
                    <div class="breadcrumbs__content">
                        <h2>Breadcrumb</h2>
                        <p>
                            Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since. Home Tab
                            Element
                        </p>
                    </div>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">Library</a></li>
                        <li>Add Data</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="breadcrumbs">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Library</a></li>
        <li>Add Data</li>
    </ul>
</div>

<div class="breadcrumbs">
    <ul>
        <li>
            <a href="#">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="mr-2 h-4 w-4 stroke-current">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path>
                </svg>
                Home
            </a>
        </li>
        <li>
            <a href="#">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="mr-2 h-4 w-4 stroke-current">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path>
                </svg>
                Library
            </a>
        </li>
        <li>Add Data</li>
    </ul>
</div>