activities.html

<!DOCTYPE html>
<html lang="pt">
<head>
  <title>Quinta da Caldeireira</title>

  <meta charset="utf-8">
  <meta name="description" content="">
  <meta name="author" content="">

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

  <link rel="stylesheet" href="stylesheets/jquery.maximage.min.css" type="text/css" media="screen"/>
  <link href='https://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>

  <link href="stylesheets/styles.css" rel="stylesheet" type="text/css"/>
  <!--[if IE]>
      <link href="stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
  <![endif]-->
</head>
<body class="activities-body">
  <!-- MOBILE TOPBAR -->
  <div class="navbar navbar-mobile visible-xs">
    <a href="index.html" class="navbar-logo no-hover">
      <i class="icon icon-logo"></i>
      <img src="images/logo_lettering_h_activities.png" class="logo-lettering"/>
    </a>

    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>                        
    </button>

    <div class="collapse navbar-collapse" id="myNavbar">
      <div class="nav navbar-nav">
        <ul class="list-unstyled">
          <li><a href="hotel.html">A Quinta</a></li>
          <li><a href="rooms.html">Quartos</a></li>
          <li><a href="common_spaces.html">Espaços Comuns</a></li>
          <li><a href="activities.html">Experiências</a></li>
          <li><a href="contacts.html">Contactos</a></li>
        </ul>
      </div>
    </div>
  </div>

  <!-- FIXED TOPBAR -->
  <div class="navbar navbar-fixed hidden-xs">
    <a href="index.html" class="navbar-logo no-hover">
      <i class="icon icon-logo"></i>
    </a>

    <div class="navbar-nav">
      <ul class="list-unstyled">
        <li><a href="hotel.html" class="hvr-underline-from-center">A Quinta</a></li>
        <li><a href="rooms.html" class="hvr-underline-from-center">Quartos</a></li>
        <li><a href="common_spaces.html" class="hvr-underline-from-center">Espaços Comuns</a></li>
        <li><a href="#" class="active">Experiências</a></li>
        <li><a href="contacts.html" class="hvr-underline-from-center">Contactos</a></li>
      </ul>
    </div>

    <div class="navbar-cta hidden-sm">
      <a href="#" class="btn btn-primary hvr-grow js-toggle-reservation-form">Reserve <span class="hidden-sm">Agora</span></a>
    </div>
  </div>

  <!-- MAIN LANDING -->
  <div class="main">
    <div class="gallery-cover">
      <div class="navbar hidden-xs">
        <a href="index.html" class="navbar-logo no-hover">
          <i class="icon icon-logo"></i>
          <img src="images/logo_lettering.png" class="logo-lettering"/>
        </a>

        <div class="navbar-nav">
          <ul class="list-unstyled">
            <li><a href="hotel.html" class="hvr-underline-from-center">A Quinta</a></li>
            <li><a href="rooms.html" class="hvr-underline-from-center">Quartos</a></li>
            <li><a href="common_spaces.html" class="hvr-underline-from-center">Espaços Comuns</a></li>
            <li><a href="#" class="active">Experiências</a></li>
            <li><a href="contacts.html" class="hvr-underline-from-center">Contactos</a></li>
          </ul>
        </div>

        <div class="navbar-cta">
          <a href="#" class="btn btn-primary hvr-grow js-toggle-reservation-form">Reserve <span class="hidden-sm">Agora</span></a>
        </div>
      </div>

      <div class="gallery-cover-image">
        <div class="gallery-cover-image-inner">
          <div class="gallery-cover-image-overlay"></div>
          <div class="js-parallax">
            <img src="images/bg/activities.jpg"/>
          </div>
        </div>
      </div>
      
      <h2 class="title">Experiências</h2>
    </div>

    <div class="gallery-main">
      <div class="gallery-description">
        <div class="gallery-description-inner">
          <div class="row">
            <div class="col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3 col-lg-4 col-lg-offset-4">
              <div class="icons-wrapper">
                <i class="icon icon-church"></i>
                <i class="icon icon-mountains"></i>
                <i class="icon icon-fish"></i>
                <i class="icon icon-walks"></i>
                <i class="icon icon-birdwatching"></i>
                <i class="icon icon-moose"></i>
                <i class="icon icon-more-activities"></i>
              </div>

              <div class="description-wrapper">
                <p>O que pode ver ou fazer nesta bela região, enquanto disfruta de uma serena e relaxada estadia.</p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <div class="activities-section">
        <div class="activity-row">
          <div class="base-container container">
            <div class="row text-center">
              <div class="col-sm-6 col-sm-offset-3">
                <i class="icon icon-church"></i>
                <h3 class="title with-border">Sítios Históricos</h3>
                <p>Com acesso Wi-Fi gratuito em toda a propriedade, a Quinta da Caldeireira apresenta alojamento que permite animais em Rosmaninhal, a 46 km de Marvão.</p>
              </div>
            </div>
          </div>
        
          <div class="image-separator container-fluid">
            <div class="js-parallax">
              <img src="images/bg/common_spaces.jpg" data-anystretch/>
            </div>
          </div>
        </div>

        <div class="activity-row">
          <div class="base-container container">
            <div class="row text-center">
              <div class="col-sm-6 col-sm-offset-3">
                <i class="icon icon-mountains"></i>
                <h3 class="title with-border">Percursos Naturais</h3>
                <p>Com acesso Wi-Fi gratuito em toda a propriedade, a Quinta da Caldeireira apresenta alojamento que permite animais em Rosmaninhal, a 46 km de Marvão.</p>
              </div>
            </div>
          </div>
        
          <div class="image-separator container-fluid">
            <div class="js-parallax">
              <img src="images/bg/common_spaces.jpg"/>
            </div>
          </div>
        </div>

        <div class="activity-row">
          <div class="base-container container">
            <div class="row text-center">
              <div class="col-sm-6 col-sm-offset-3">
                <i class="icon icon-fish"></i>
                <h3 class="title with-border">Pesca</h3>
                <p>Com acesso Wi-Fi gratuito em toda a propriedade, a Quinta da Caldeireira apresenta alojamento que permite animais em Rosmaninhal, a 46 km de Marvão.</p>
              </div>
            </div>
          </div>
        
          <div class="image-separator container-fluid">
            <div class="js-parallax">
              <img src="images/bg/common_spaces.jpg"/>
            </div>
          </div>
        </div>

        <div class="activity-row">
          <div class="base-container container">
            <div class="row text-center">
              <div class="col-sm-6 col-sm-offset-3">
                <i class="icon icon-walks"></i>
                <h3 class="title with-border">Caminhadas</h3>
                <p>Com acesso Wi-Fi gratuito em toda a propriedade, a Quinta da Caldeireira apresenta alojamento que permite animais em Rosmaninhal, a 46 km de Marvão.</p>
              </div>
            </div>
          </div>
        
          <div class="image-separator container-fluid">
            <div class="js-parallax">
              <img src="images/bg/common_spaces.jpg"/>
            </div>
          </div>
        </div>

        <div class="activity-row">
          <div class="base-container container">
            <div class="row text-center">
              <div class="col-sm-6 col-sm-offset-3">
                <i class="icon icon-birdwatching"></i>
                <h3 class="title with-border">Birdwatching</h3>
                <p>Com acesso Wi-Fi gratuito em toda a propriedade, a Quinta da Caldeireira apresenta alojamento que permite animais em Rosmaninhal, a 46 km de Marvão.</p>
              </div>
            </div>
          </div>
        
          <div class="image-separator container-fluid">
            <div class="js-parallax">
              <img src="images/bg/common_spaces.jpg"/>
            </div>
          </div>
        </div>

        <div class="activity-row">
          <div class="base-container container">
            <div class="row text-center">
              <div class="col-sm-6 col-sm-offset-3">
                <i class="icon icon-moose"></i>
                <h3 class="title with-border">Caça</h3>
                <p>Com acesso Wi-Fi gratuito em toda a propriedade, a Quinta da Caldeireira apresenta alojamento que permite animais em Rosmaninhal, a 46 km de Marvão.</p>
              </div>
            </div>
          </div>
        
          <div class="image-separator container-fluid">
            <div class="js-parallax">
              <img src="images/bg/common_spaces.jpg"/>
            </div>
          </div>
        </div>

        <div class="activity-row">
          <div class="base-container container">
            <div class="row text-center">
              <div class="col-sm-6 col-sm-offset-3">
                <i class="icon icon-more-activities"></i>
                <h3 class="title with-border">E muito mais...</h3>
                <p>Com acesso Wi-Fi gratuito em toda a propriedade, a Quinta da Caldeireira apresenta alojamento que permite animais em Rosmaninhal, a 46 km de Marvão.</p>
              </div>
            </div>
          </div>
        
          <div class="image-separator with-slideshow container-fluid">
            <div class="slideshow js-slideshow js-parallax">
              <ul class="slides">
                <li><img src="images/bg/common_spaces.jpg"/></li>
                <li><img src="images/bg/activities.jpg"/></li>
                <li><img src="images/bg/contacts.jpg"/></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="full-cta-btn">
      <a href="#" class="btn btn-default js-toggle-reservation-form hvr-reveal">Reserve agora</a>
    </div>
  </div>

  <div class="footer">
    <div class="container">
      <div class="row">
        <div class="col-xs-12 col-sm-1 hidden-xs">
          <a href="index.html" class="no-hover">
            <i class="icon icon-logo"></i>
          </a>
        </div>

        <div class="col-xs-12 col-sm-3 address-info-wrapper">
          <div class="address-info-entry">
            <h6 class="title">Morada</h6>
            <p class="sans-serif">Quinta da Caldeireira s/n, <br>6060-000 Rosmaninhal</p>
          </div>

          <div class="address-info-entry">
            <h6 class="title">Telefone</h6>
            <p class="sans-serif">917048388</p>
          </div>

          <div class="address-info-entry">
            <h6 class="title">GPS</h6>
            <p class="sans-serif">203.00, 203.00</p>
          </div>
        </div>

        <div class="col-xs-12 col-sm-2 footer-nav">
          <h6 class="title">Navegação</h6>
          <ul class="list-unstyled">
            <li><a href="#" class="hvr-underline-from-left">A Quinta</a></li>
            <li><a href="#" class="hvr-underline-from-left">Quartos</a></li>
            <li><a href="#" class="hvr-underline-from-left">Espaços Comuns</a></li>
            <li><a href="#" class="hvr-underline-from-left">Experiências</a></li>
            <li><a href="#" class="hvr-underline-from-left">Contactos</a></li>
          </ul>
        </div>

        <div class="col-xs-12 col-sm-4 footer-events">
          <h6 class="title">Últimos Eventos</h6>

          <ul class="list-unstyled">
            <li>
              <a href="#" class="hvr-underline-from-left">
                <p>RGA - Reunião geral de alunos</p>
                <small>Quinta-feira às 18h</small>
              </a>
            </li>

            <li>
              <a href="#" class="hvr-underline-from-left">
                <p>RGA - Reunião geral de alunos</p>
                <small>Quinta-feira às 18h</small>
              </a>
            </li>

            <li class="hidden-xs">
              <a href="#" class="hvr-underline-from-left">
                <p>RGA - Reunião geral de alunos</p>
                <small>Quinta-feira às 18h</small>
              </a>
            </li>
          </ul>

          <a href="#" class="hvr-underline-from-left">+ Ver Mais</a>
        </div>
      </div>

      <div class="row">
        <div class="col-xs-12 col-sm-6 copyright">
          <small>Copyright © <span class="sans-serif">www.miguelcarepa.com</span></small>
        </div>

        <div class="col-xs-12 pull-right">
          <i class=""></i>
          <i class=""></i>
        </div>
      </div>
    </div>
  </div>

  <!-- RESERVATION FORM -->
  <div class="overlay js-overlay"></div>
  <div class="reservation-form js-reservation-form">
    <div class="icons-wrapper">
      <i class="icon icon-logo"></i>
    </div>
    <div class="description-wrapper">
      <p>Faça já a sua reserva e confirme a disponibilidade para as noites pretendidas. Preencha o formulário abaixo.</p>
    </div>

    <form id="reservation" method="post" class="col-xs-12" autocomplete="off">
      <input type="text" id="name" name="name" placeholder="O seu nome">
      <input type="text" id="email" name="email" placeholder="O seu email">

      <div class="row">
        <div class="col-xs-4">
          <input type="text" id="from" name="from" placeholder="Reservar de">
        </div>

        <div class="col-xs-4">
          <input type="text" id="to" name="to" placeholder="até">
        </div>

        <div class="col-xs-4">
          <input type="text" id="rooms" name="rooms" placeholder="Nº Quartos">
        </div>
      </div>

      <textarea rows="1" id="observations" name="observations" placeholder="Observações adicionais"></textarea>

      <div class="form-submit text-center">
        <button type="submit" class="btn btn-primary">Enviar pedido de reserva</button>
        <div class="reservation-form-close">
          <a href="#" class="js-toggle-reservation-form">Cancelar</a>
        </div>
      </div>
    </form>
  </div>

  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/autosize.min.js"></script>
  <script src="js/imagesloaded.pkgd.min.js"></script>
  <script src="js/jquery-imagefill.js"></script>
  <script src="js/jquery.validate.min.js"></script>
  <script src="js/jquery.form.min.js"></script>
  <script src="js/jquery.flexslider.js"></script>
  <script src="js/venobox.js"></script>

  <script src="js/validate_reservation_form.js"></script>
  <script src="js/landing.js"></script>
  <script src="js/main.js"></script>
  <script src="js/topbar.js"></script>
  <script src="js/parallax.js"></script>
  <script src="js/reservation_form.js"></script>
</body>
</html>