<nav class="navbar navbar-expand-sm navbar-dark bg-primary bg-gradient shadow-lg">
    <div class="container-fluid">
        <a class="navbar-brand justify-content-center mx-auto" href="index.php">
            <img src="assets/img/logobranco.png" alt="" width="140" class="d-inline-block img-responsive">

        </a>


        <ul class="navbar-nav  justify-content-end me-3">



            <li class="nav-item dropdown">
                <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
                    <i class="fas fa-bell text-white"></i>
                    <span class="position-absolute top-0  start-100 translate-middle badge rounded-pill bg-danger" id="tmsg">0
                        <span class="visually-hidden">unread messages</span>
                    </span>
                </a>
                <ul class="dropdown-menu position-absolute dropdown-menu-end dropdown-menu-start w-53 ml-3  shadow-lg" id="mensagens" aria-labelledby="navbarDropdown">
                    <li>
                        <a class="dropdown-item" href="#">
                            <div class="card   mb-1" style="max-width: 15rem;">
                                <div class="card-header text-white  bg-warning"><i class='fas fa-exclamation-triangle me-2'></i>NOVO CLIENTE </div>
                                <div class="card-body text-dark">
                                    
                                    <p class="card-text text-truncate"><small>Some quick example text to build on the card title and make up the bulk of the card's content.</small></p>
                                </div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <a class="dropdown-item" href="#">
                            <div class="card  mb-1" style="max-width: 15rem;">
                                <div class="card-header text-white  bg-info"><i class='fas fa-clock fa-spin me-2'></i>NOVO CLIENTE </div>
                                <div class="card-body text-dark">
                                   
                                    <p class="card-text text-truncate"><small>Texto qualquer vindo o banco d dados</small></p>
                                </div>
                            </div>
                        </a>
                    </li>

                    <li>
                        <div class="card text-center">

                            <div class="card-footer text-muted">
                                <a href="mensagens.php" class="btn btn-link btbn-sm">Ver mais...</a>
                            </div>
                        </div>
                    </li>

                </ul>
            </li>





        </ul>

       
        <div class="btn-group">
            <button type="button" class="btn btn-link dropdown-toggle dropdown-toggle-split text-white" data-bs-toggle="dropdown" aria-expanded="false"><i class='fas fa-user text-white'></i>
            
           
            <span class="visually-hidden">Toggle Dropdown</span>
            </button>
            <ul class="dropdown-menu position-absolute dropdown-menu-end dropdown-menu-start shadow-lg">
                <li><a class="dropdown-item" href="#"><i class='fas fa-address-card me-2'></i>Perfil</a></li>
                
                <li>
                    <hr class="dropdown-divider">
                </li>
                <li><a class="dropdown-item" href="logout.php"><i class='fas fa-door-open me-2'></i>Sair</a></li>
            </ul>
        </div>


    </div>
</nav>