<!doctype html>
<html lang="es">

<head>
  <title>Junta de Andalucía</title>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="stylesheet" href="/css/styles.css">
  <!-- Bootstrap CSS v5.2.1 -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  <link rel="icon" type="image/jpg" href="images/favicon.ico"/>
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-light bg-success">
    <div class="container-fluid">
      <!--Icono-->
      <a class="navbar-brand" href="/">
        <span class="text-white">Junta de Andalucía</span>
      </a>
      <!--boton del menú-->
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#menu"
        aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <!-- Elementos del menú colapsable -->
      <div class="collapse navbar-collapse" id="menu">
        <ul class="navbar-nav me-auto p-3">
          <li class="navbar-item"><a class="nav-link" href="/">Inicio</a></li>
          <li class="navbar-item"><a class="nav-link" href="/solicitante">Solicitante</a></li>
          <li class="navbar-item"><a class="nav-link" href="/voluntario">Voluntario</a></li>
          <li class="navbar-item"><a class="nav-link" href="/accion">Acción</a></li>
          <li class="navbar-item"><a class="nav-link" href="/solicitudAcceso">Solicitante de Acceso</a></li>
        </ul>
        <hr class="text-white-50">


      </div>
    </div>
    </div>
  </nav>
  