Breadcrumbs

    <div class="breadcrumbs">
        <div class="crumb active">
            <a href="#">Home</a>
        </div>
        <div class="crumb">
            <a href="#">Components</a>
        </div>
        <div class="crumb">
            <a href="#">Breadcrumbs</a>
        </div>
        <div class="crumb">
            <div class="dropdown center">
                <button class="button sm ghost dropdown-trigger">
                    <div class="icon">
                        <i class="fa-solid fa-ellipsis"></i>
                    </div>
                </button>
                <div class="dropdown-content">
                    <ul class="menu" style="width: 200px">
                        <li><a href="#">Item 1</a></li>
                        <li><a href="#">Item 2</a></li>
                        <li><a href="#">Item 3</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="crumb">
            <a href="#">About</a>
        </div>
    </div>
    

    <div class="breadcrumbs arrow">
        <div class="crumb">
            <div class="icon">
                <i class="fas fa-home"></i>
            </div>
            <a href="#">Home</a>
        </div>
        <div class="crumb active">
            <div class="icon">
                <i class="fas fa-puzzle-piece"></i>
            </div>
            <a href="#">Components</a>
        </div>
        <div class="crumb">
            <div class="icon">
                <i class="fas fa-thumbs-up"></i>
            </div>
            <a href="#">Breadcrumb</a>
        </div>
    </div>
    

    <div class="breadcrumbs dot">
        <div class="crumb">
            <div class="icon">
                <i class="fas fa-home"></i>
            </div>
            <a href="#">Home</a>
        </div>
        <div class="crumb active">
            <div class="icon">
                <i class="fas fa-puzzle-piece"></i>
            </div>
            <a href="#">Components</a>
        </div>
        <div class="crumb">
            <div class="icon">
                <i class="fas fa-thumbs-up"></i>
            </div>
            <a href="#">Breadcrumb</a>
        </div>
    </div>