psicoadmin/header.php

            <nav class="navbar navbar-expand-lg navbar-light">
                <div class="container-fluid">

                    <button type="button" id="sidebarCollapse" class="btncollapse">
                        <i class="fas fa-bars"></i>
                    </button>
                    <button type="button" id="dashboardfull" class="btncollapse" onclick="openFullscreen();">
                        <i class="fa fa-expand" aria-hidden="true"></i>
                    </button>
                    <button class="btn btn-dark d-inline-block d-lg-none ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                        <i class="fas fa-align-justify"></i>
                    </button>

                    <div class="collapse navbar-collapse" id="navbarSupportedContent">
                        <ul class="nav navbar-nav ml-auto">
                            <li id="mensajes" class="nav-item">
                                <a class="nav-link" id="dropdownMensajes" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="far fa-envelope-open"></i></a>
                                <div class="dropdown-menu dropdown-menu-right dropdown_noti" aria-labelledby="dropdownMensajes">
                                    <div class="body_drop_message" tooltip-location="top" tooltip-animate tooltip="Hola, necesito asistencia en una de las secciones del sistema.">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="rounded-pic">
                                                    <img src="images/man_2.png" alt="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <h1>John Doe</h1>
                                                <p>Hola, necesito asistencia en una de las secciones del sistema.</p>
                                            </div>
                                            <div class="col-md-4 panel_time_notification">
                                                <a href="mensajes.php"><p>Hace 10 minutos.</p></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="body_drop_message" tooltip-location="top" tooltip-animate tooltip="Hola, necesito una reunión con el gerente general.">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="rounded-pic">
                                                    <img src="images/man_2.png" alt="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <h1>The Rock</h1>
                                                <p>Hola, necesito una reunión con el gerente general.</p>
                                            </div>
                                            <div class="col-md-4 panel_time_notification">
                                                <a href="mensajes.php"><p>Hace 22 minutos.</p></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="body_drop_message" tooltip-location="top" tooltip-animate tooltip="Hola, estoy buscando a la persona que secuestró a mi perro.">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="rounded-pic">
                                                    <img src="images/man_2.png" alt="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <h1>John Whick</h1>
                                                <p>Hola, estoy buscando a la persona que secuestró a mi perro.</p>
                                            </div>
                                            <div class="col-md-4 panel_time_notification">
                                                <a href="mensajes.php"><p>Hace 10 minutos.</p></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="body_drop_message" tooltip-location="top" tooltip-animate tooltip="Hola, necesito realizar una queja con el departamento de taller, mi ferrari falló.">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="rounded-pic">
                                                    <img src="images/man_2.png" alt="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <h1>Paul Walker</h1>
                                                <p>Hola, necesito realizar una queja con el departamento de taller, mi ferrari falló.</p>
                                            </div>
                                            <div class="col-md-4 panel_time_notification">
                                                <a href="mensajes.php"><p>Hace 10 minutos.</p></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" id="dropdownNotificaciones" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="far fa-bell"></i></a>
                                <div class="dropdown-menu dropdown-menu-right dropdown_noti" aria-labelledby="dropdownNotificaciones">
                                    <div class="body_drop_notification">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="rounded-pic">
                                                    <img src="images/man.png" alt="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <h1>Fernando Vásquez</h1>
                                                <p>He cambiado el nombre de una plaza manualmente.</p>
                                            </div>
                                            <div class="col-md-4 panel_time_notification">
                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="body_drop_notification">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="rounded-pic">
                                                    <img src="images/man.png" alt="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <h1>Fernando Vásquez</h1>
                                                <p>He cambiado el nombre de una plaza manualmente.</p>
                                            </div>
                                            <div class="col-md-4 panel_time_notification">
                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="body_drop_notification">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="rounded-pic">
                                                    <img src="images/man.png" alt="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <h1>Fernando Vásquez</h1>
                                                <p>He cambiado el nombre de una plaza manualmente.</p>
                                            </div>
                                            <div class="col-md-4 panel_time_notification">
                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="body_drop_notification">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="rounded-pic">
                                                    <img src="images/man.png" alt="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <h1>Fernando Vásquez</h1>
                                                <p>He cambiado el nombre de una plaza manualmente.</p>
                                            </div>
                                            <div class="col-md-4 panel_time_notification">
                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="body_drop_notification">
                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="rounded-pic">
                                                    <img src="images/man.png" alt="">
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <h1>Fernando Vásquez</h1>
                                                <p>He cambiado el nombre de una plaza manualmente.</p>
                                            </div>
                                            <div class="col-md-4 panel_time_notification">
                                                <a href="#" data-toggle="modal" data-target="#verNotificacion"><p>Hace 20 segundos.</p></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="nav-item">
                                <a class="btn-drop" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <div class="rounded-pic">
                                        <img src="images/man.png" alt="">
                                    </div>
                                </a>
                                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuButton">
                                    <a class="dropdown-item" href="perfil.php">Perfil</a>
                                    <a class="dropdown-item" href="configuraciones.php">Configuraciones</a>
                                    <a class="dropdown-item" href="login.php">Cerrar sesión</a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>

  <!-- Modal ver notificaciones-->
<div class="modal fade" id="verNotificacion" role="dialog">
    <div class="modal-dialog">

      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Notificaciones</h4>
        </div>
        <div class="modal-body">
            <div class="data_notification">
                <h1>Fernando Vásquez</h1>
                <p>Ha publicado una plaza</p>
            </div>
        </div>
      </div>
    </div>
</div>