Agendap2.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- PAGE settings -->
  <link rel="icon" href="https://templates.pingendo.com/assets/Pingendo_favicon.ico">
  <title>Agenda AgendaUGR</title>
  <meta name="description" content="AgendaUGR agenda ">
  <meta name="keywords" content="Eventos AgendaUGR Conciertos Musica Cultura">
  <!-- CSS dependencies -->
  <link rel="stylesheet" href="aquamarine.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  <!-- Script: Make my navbar transparent when the document is scrolled to top -->
  <!-- <script src="js/navbar-ontop.js"></script> -->
  <!-- Script: Animated entrance -->
  <script src="js/animate-in.js"></script>
</head>

<body class="text-center">
  <!-- Navbar -->
  <!-- Cover -->
  <div class="align-items-center section-aquamarine py-5 h-25 d-flex" style="background-image: url('Imagenes/alhambra.jpg');">
    <div class="container">
      <div class="row">
        <div class="col-md-6">
          <img class="img-fluid d-block mx-auto" src="Imagenes/logougr.png" width="300"> </div>
        <div class="col-md-6">
          <h1 class="display-1">
            <b>AgendaUGR</b>
          </h1>
        </div>
      </div>
    </div>
  </div>
  <nav class="navbar-expand-md bg-dark navbar-dark p-1 navbar">
    <div class="container">
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbar2SupportedContent" aria-controls="navbar2SupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse justify-content-center" id="navbar2SupportedContent">
        <ul class="navbar-nav">
          <li class="nav-item mx-2">
            <a class="nav-link" href="home.html">Hoy
              <br> </a>
          </li>
          <li class="nav-item mx-2">
            <a class="nav-link" href="#speakers">Proximamente</a>
          </li>
          <li class="nav-item mx-2 bg-primary">
            <a class="nav-link" href="Agenda.html">
              <b>
                <i>Agenda</i>
              </b>
            </a>
          </li>
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Contacto&nbsp;</a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="Contacto.html">Contactar</a>
              <a class="dropdown-item" href="Enviar Evento.html">Enviar Evento</a>
            </div>
          </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
          <input class="form-control mr-sm-2 mx-2" type="text" placeholder="Buscar">
          <button class="btn my-2 my-sm-0 btn-outline-light border-light" type="submit">Buscar</button>
        </form>
      </div>
    </div>
  </nav>
  <!-- Parallax section -->
  <!-- Speakers -->
  <!-- Schedule -->
  <!-- Sponsor logos -->
  <!-- Call to action -->
  <!-- Footer -->
  <div class="py-5 section-parallax section-light" style="background-image: url('Imagenes/foo.png');">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <h1 class="section-light">
            <b class="text-dark">Filtrar por</b>
          </h1>
          <div class="row">
            <div class="col-md-2">
              <div class="btn-group">
                <button class="btn btn-outline-primary dropdown-toggle" data-toggle="dropdown">
                  <b> Mes</b>
                </button>
                <div class="dropdown-menu">
                  <a class="dropdown-item" href="#">
                    <b>Enero</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Febrero</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Marzo</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Abril</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Mayo</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Junio</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Julio</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Agosto</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Septiembre</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Octubre</b>
                  </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">
                    <b>Noviembre</b>
                  </a>
                </div>
              </div>
            </div>
            <div class="col-md-2">
              <div class="btn-group">
                <button class="btn btn-outline-primary dropdown-toggle" data-toggle="dropdown">
                  <b> Año</b>
                </button>
                <div class="dropdown-menu">
                  <a class="dropdown-item" href="#">2016</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">2017</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">2018</a>
                </div>
              </div>
            </div>
            <div class="col-md-2">
              <div class="btn-group">
                <button class="btn btn-outline-primary dropdown-toggle" data-toggle="dropdown">
                  <b> Categoría</b>
                </button>
                <div class="dropdown-menu">
                  <a class="dropdown-item" href="#">Cine y Fotografía</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">Teatro y Artes Escénicas</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">Charlas/Conferencias</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">Actividades Literarias</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">Visitas Culturales, Patrimonio
                    <br> </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">Conciertos y Actividades Musicales</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">Exposiciones</a>
                </div>
              </div>
            </div>
            <div class="col-md-2">
              <div class="btn-group">
                <button class="btn btn-outline-primary dropdown-toggle" data-toggle="dropdown">
                  <b> Precio</b>
                </button>
                <div class="dropdown-menu">
                  <a class="dropdown-item" href="#">Gratuitos</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">0 - 10€</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">10 - 20€
                    <br> </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">&gt; 20€</a>
                </div>
              </div>
            </div>
            <div class="col-md-2">
              <div class="btn-group">
                <button class="btn btn-outline-primary dropdown-toggle" data-toggle="dropdown">
                  <b> Precio</b>
                </button>
                <div class="dropdown-menu">
                  <a class="dropdown-item" href="#">Gratuitos</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">0 - 10€</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">10 - 20€
                    <br> </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">&gt; 20€</a>
                </div>
              </div>
            </div>
            <div class="col-md-2">
              <div class="btn-group">
                <button class="btn btn-outline-primary dropdown-toggle" data-toggle="dropdown">
                  <b> Precio</b>
                </button>
                <div class="dropdown-menu">
                  <a class="dropdown-item" href="#">Gratuitos</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">0 - 10€</a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">10 - 20€
                    <br> </a>
                  <div class="dropdown-divider"></div>
                  <a class="dropdown-item" href="#">&gt; 20€</a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 section-light section-parallax" style="background-image: url('Imagenes/foo.png');">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <div class="card">
            <img class="card-img-top" src="assets/styleguide/cover_2.jpg" alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">01 Mayo 2018</h5>
              <p class="card-text">Jornadas "Aire Limpio"</p>
              <a href="#" class="btn btn-primary">+ info</a>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <img class="card-img-top" src="assets/styleguide/people_3.jpg" alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">03 Mayo 2018</h5>
              <p class="card-text">Charla: "Hoy, mañana y pasado"</p>
              <a href="#" class="btn btn-primary">+ info</a>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <img class="card-img-top" src="assets/styleguide/people_6.jpg" alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">03 Mayo 2018</h5>
              <p class="card-text">"Lo que la camara capturó" con Beatriz Roger In de Night</p>
              <a href="#" class="btn btn-primary">+ info</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 section-parallax section-light" style="background-image: url('Imagenes/foo.png');">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <div class="card">
            <img class="card-img-top" src="assets/styleguide/people_5.jpg" alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">05 Mayo 2018</h5>
              <p class="card-text">"BarberArt" por el maestro Ruly Moustache&nbsp;</p>
              <a href="#" class="btn btn-primary">+ info</a>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <img class="card-img-top" src="assets/styleguide/cover_3.jpg" alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">09 Mayo 2018 </h5>
              <p class="card-text">Como diseñar jardines verticales de la mano de Jhon Cesped Arena &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
                <br> </p>
              <a href="#" class="btn btn-primary">+ info</a>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <img class="card-img-top" src="assets/styleguide/people_4.jpg" alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">09 Mayo 2018</h5>
              <p class="card-text">"Se llamará..." - Mesa redonda para chicas embarazadas</p>
              <a href="#" class="btn btn-primary">+ info</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 section-light section-parallax" style="background-image: url('Imagenes/foo.png');">
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <div class="card">
            <img class="card-img-top" src="assets/styleguide/cover_1.jpg" alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">09 Mayo 2018</h5>
              <p class="card-text">"The Polution" - Nueva pelicula de Rosa Nubes&nbsp;</p>
              <a href="#" class="btn btn-primary">+ info</a>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <img class="card-img-top" src="assets/styleguide/cover_4.jpg" alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">10 Mayo 2018</h5>
              <p class="card-text">Cineclub - "La madera, Pinocho y Yo" &nbsp;una pelicula de Guepetto</p>
              <a href="#" class="btn btn-primary">+ info</a>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card">
            <img class="card-img-top" src="Imagenes/orquesta.jpg" alt="Card image cap">
            <div class="card-body">
              <h5 class="card-title">11 Mayo 2018</h5>
              <p class="card-text">¡El concierto del año!</p>
              <a href="#" class="btn btn-primary">+ info</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="py-5 text-center section-light section-parallax" style="background-image: url('Imagenes/foo.png');">
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <ul class="pagination text-center">
            <li class="page-item">
              <a class="page-link" href="#">
                <span>«</span>
                <span class="sr-only">Previous</span>
              </a>
            </li>
            <li class="page-item">
              <a class="page-link" href="Agenda.html">1</a>
            </li>
            <li class="page-item">
              <a class="page-link" href="#">2</a>
            </li>
            <li class="page-item">
              <a class="page-link" href="#">3</a>
            </li>
            <li class="page-item">
              <a class="page-link" href="#">4</a>
            </li>
            <li class="page-item">
              <a class="page-link" href="#">
                <span>»</span>
                <span class="sr-only">Next</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12"> </div>
      </div>
    </div>
  </div>
  <footer class="text-md-left text-center p-4 bg-dark text-light">
    <div class="container">
      <div class="row">
        <div class="my-3 col-lg-4 col-md-6">
          <h3>Proyecto DIU</h3>
          <p class="text-muted">Alberto Rodríguez Santana
            <br>Alejandro Muñoz Ruiz</p>
        </div>
        <div class="my-3 col-lg-4 col-md-6">
          <h3>Contactanos</h3>
          <form>
            <fieldset class="form-group my-3">
              <input type="email" class="form-control" id="Input Email" placeholder="Email"> </fieldset>
            <fieldset class="form-group my-3">
              <input type="message" class="form-control" id="Input Message" placeholder="Mensaje"> </fieldset>
            <button type="submit" class="btn btn-outline-primary">Enviar</button>
          </form>
        </div>
        <div class="col-lg-1">
          <img class="img-fluid d-block mx-auto py-5" src="Imagenes/logo-UGR-color-vertical.jpg" height="100%" width="100%"> </div>
        <div class="my-3 col-lg-3">
          <h3>Redes sociales</h3>
          <a href="https://www.facebook.com" target="blank">
            <i class="fa fa-facebook-square text-muted fa-3x m-2"></i>
          </a>
          <a href="https://www.instagram.com" target="blank">
            <i class="fa fa-3x fa-instagram text-muted m-2"></i>
          </a>
          <a href="https://twitter.com" target="blank">
            <i class="fa fa-3x fa-twitter m-2 text-muted"></i>
          </a>
          <a href="https://plus.google.com" target="blank">
            <i class="fa fa-3x fa-google-plus-official text-muted m-2"></i>
          </a>
          <a href="https://pinterest.com" target="blank">
            <i class="fa fa-3x text-muted fa-pinterest-p m-2"></i>
          </a>
          <a href="https://www.youtube.com" target="blank">
            <i class="fa fa-3x text-muted fa-youtube-play m-2"></i>
          </a>
        </div>
      </div>
    </div>
  </footer>
  <!-- JavaScript dependencies -->
  <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
  <!-- Script: Smooth scrolling between anchors in a same page -->
  <script src="js/smooth-scroll.js"></script>
</body>

</html>