<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">×</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>