<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="pt-br">
<head>
<title>Ah Bordo</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i" rel="stylesheet">
<link rel="stylesheet" href="css/open-iconic-bootstrap.min.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/ionicons.min.css">
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
<link rel="stylesheet" href="css/jquery.timepicker.css">
<link rel="stylesheet" href="css/flaticon.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="images/logo.jpg">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html">AH BORDO</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
</button>
<div class="collapse navbar-collapse" id="ftco-nav">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a href="index.html" class="nav-link">Início</a></li>
<li class="nav-item active"><a href="pacotes.html" class="nav-link">Pacotes</a></li>
<li class="nav-item"><a href="login/login.html" class="nav-link">Login</a></li>
<li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li>
<li class="nav-item"><a href="contato.html" class="nav-link">Contato</a></li>
<li class="nav-item"><a href="fidelidade.html" class="nav-link">Descontos</a></li>
<li class="nav-item"><a href="sobrenos.html" class="nav-link">Sobre nós</a></li>
</ul>
</div>
</div>
</nav>
<!-- END nav -->
<div class="hero-wrap" style="background-image: url('images/pousada1.jpg');">
<div class="overlay"></div>
<div class="container">
<div class="row no-gutters slider-text d-flex align-itemd-end justify-content-center">
<div class="col-md-9 ftco-animate text-center d-flex align-items-end justify-content-center">
<div class="text">
<p class="breadcrumbs mb-2"><span class="mr-2"><a href="index.html">Início</a></span> <span>Pacotes</span></p>
<h1 class="mb-4 bread">Pousadas</h1>
</div>
</div>
</div>
</div>
</div>
<section class="ftco-section bg-light">
<div class="container">
<div class="row">
<div class="col-lg-9">
<div class="row">
<div class="col-sm col-md-6 col-lg-4 ftco-animate">
<div class="room">
<a href="pacote1.html" class="img d-flex justify-content-center align-items-center" style="background-image: url(images/pousadalaguna1.jpg);">
<div class="icon d-flex justify-content-center align-items-center">
<span class="icon-search2"></span>
</div>
</a>
<div class="text p-3 text-center">
<h3 class="mb-3"><a href="">Pousada Laguna</a></h3>
<p><span class="price mr-2">R$120,00</span> <span class="per">Diária</span>
</p>
<ul class="list">
<h3>Cabo Frio-RJ</h3>
<p>A pousada Laguna está localizada em frente à praia paradisíaca em Cabo Frio com suas areias brancas e águas azul turquesa, igual a cartão postal, é um convite ao relaxamento e o bem estar. Cancelamento grátis!</p>
</ul>
<hr>
<p class="pt-1"><a href="pacote1.html" class="btn-custom">Veja Mais.. <span class="icon-long-arrow-right"></span></a></p>
</div>
</div>
</div>
<div class="col-sm col-md-6 col-lg-4 ftco-animate">
<div class="room">
<a href="pacote2.html" class="img d-flex justify-content-center align-items-center" style="background-image: url(images/pousadasarue2.jpg);">
<div class="icon d-flex justify-content-center align-items-center">
<span class="icon-search2"></span>
</div>
</a>
<div class="text p-3 text-center">
<h3 class="mb-3"><a href="pacotes">Pousada Saruê Natal</a></h3>
<p><span class="price mr-2">R$210,00</span> <span class="per">Diária</span></p>
<ul class="list">
<h3>Natal-RN</h3>
<p>Situada em Natal, a 200 metros da Praia de Ponta Negra, a Pousada Saruê Natal oferece acomodações com piscina ao ar livre, estacionamento privativo gratuito, lounge compartilhado e jardim. Cancelamento grátis!</p>
</ul>
<hr>
<p class="pt-1"><a href="room-single.html" class="btn-custom">Veja Mais..<span class="icon-long-arrow-right"></span></a></p>
</div>
</div>
</div>
<div class="col-sm col-md-6 col-lg-4 ftco-animate">
<div class="room">
<a href="pacote3.html" class="img d-flex justify-content-center align-items-center" style="background-image: url(images/CasaMarCampeche.jpg);">
<div class="icon d-flex justify-content-center align-items-center">
<span class="icon-search2"></span>
</div>
</a>
<div class="text p-3 text-center">
<h3 class="mb-3"><a href="rooms-single.html">Casa Mar Campeche</a></h3>
<p><span class="price mr-2">R$280,00</span> <span class="per">Diária</span></p>
<ul class="list">
<h3>Florianópolis-SC</h3>
<p>Situada em Florianópolis, a 150 metros da Praia do Campeche, a Casa Mar Campeche oferece acomodações com piscina ao ar livre, estacionamento privativo gratuito e jardim. Cancelamento grátis!</p>
</ul>
<hr>
<p class="pt-1"><a href="room-single.html" class="btn-custom">Veja Mais.. <span class="icon-long-arrow-right"></span></a></p>
</div>
</div>
</div>
<div class="col-sm col-md-6 col-lg-4 ftco-animate">
<div class="room">
<a href="pacote4.html" class="img d-flex justify-content-center align-items-center" style="background-image: url(images/viverbahia.jpg);">
<div class="icon d-flex justify-content-center align-items-center">
<span class="icon-search2"></span>
</div>
</a>
<div class="text p-3 text-center">
<h3 class="mb-3"><a href="rooms-single.html">Viver Bahia Pousada</a></h3>
<p><span class="price mr-2">R$200,00</span> <span class="per">Diária</span></p>
<ul class="list">
<h3>Salvador-BA</h3>
<p>Dispondo de bar, lounge compartilhado, jardim e Wi-Fi gratuito, a Viver Bahia Pousada está localizada em Salvador. Tudo ótimo! Limpeza, localização, atendimento especial! Cancelamento grátis!</p>
</ul>
<hr>
<p class="pt-1"><a href="room-single.html" class="btn-custom">Veja Mais..<span class="icon-long-arrow-right"></span></a></p>
</div>
</div>
</div>
<div class="col-sm col-md-6 col-lg-4 ftco-animate">
<div class="room">
<a href="pacote5.html" class="img d-flex justify-content-center align-items-center" style="background-image: url(images/PousadaPalmeiraImperial.jpg);">
<div class="icon d-flex justify-content-center align-items-center">
<span class="icon-search2"></span>
</div>
</a>
<div class="text p-3 text-center">
<h3 class="mb-3"><a href="rooms-single.html">Pousada Palmeira Imperial</a></h3>
<p><span class="price mr-2">R$130,00</span> <span class="per">Diária</span></p>
<ul class="list">
<h3>Recife-PE</h3>
<p>Dispondo de uma piscina ao ar livre e um jardim amplo, a Pousada Palmeira Imperial está localizada em Recife. A propriedade oferece Wi-Fi gratuito e um buffet de café da manhã. Cancelamento grátis!</p>
</ul>
<hr>
<p class="pt-1"><a href="room-single.html" class="btn-custom">Veja Mais.. <span class="icon-long-arrow-right"></span></a></p>
</div>
</div>
</div>
<div class="col-sm col-md-6 col-lg-4 ftco-animate">
<div class="room">
<a href="pacote6.html" class="img d-flex justify-content-center align-items-center" style="background-image: url(images/MOAPousada.jpg);">
<div class="icon d-flex justify-content-center align-items-center">
<span class="icon-search2"></span>
</div>
</a>
<div class="text p-3 text-center">
<h3 class="mb-3"><a href="rooms-single.html">MOA Pousada</a></h3>
<p><span class="price mr-2">R$110.00</span> <span class="per">Diária</span></p>
<ul class="list">
<h3>Guarujá-SP</h3>
<p>Dispondo de lounge compartilhado, jardim e vista da piscina, a MOA Pousada está situada no Guarujá, a 300 metros da Praia de Pernambuco. Com quartos família, esta propriedade também oferece um terraço. Cancelamento grátis!</p>
</ul>
<hr>
<p class="pt-1"><a href="room-single.html" class="btn-custom">Veja Mais.. <span class="icon-long-arrow-right"></span></a></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-3 sidebar">
<div class="sidebar-wrap bg-light ftco-animate">
<h3 class="heading mb-4">Busca Avançada</h3>
<form action="#">
<div class="fields">
<div class="form-group">
<input type="text" id="checkin_data" class="form-control checkin_data" placeholder="Check In Data">
</div>
<div class="form-group">
<input type="text" id="checkin_data" class="form-control checkout_data" placeholder="Check Out Data">
</div>
<div class="form-group">
<div class="select-wrap one-third">
<div class="icon"><span class="ion-ios-arrow-down"></span></div>
<select name="" id="" class="form-control">
<option value="">Tipo dos Pacotes</option>
<option value="">Pousadas</option>
<option value="">Pousada Laguna</option>
<option value="">Pousada Saruê Natal</option>
<option value="">Pousada Casa Mar Campeche</option>
<option value="">Pousada Viver Bahia</option>
<option value="">Pousada Moá</option>
</select>
</div>
</div>
<div class="form-group">
<div class="select-wrap one-third">
<div class="icon"><span class="ion-ios-arrow-down"></span></div>
<select name="" id="" class="form-control">
<option value="">0 Adulto</option>
<option value="">1 Adulto</option>
<option value="">2 Adulto</option>
<option value="">3 Adulto</option>
<option value="">4 Adulto</option>
<option value="">5 Adulto</option>
<option value="">6 Adulto</option>
</select>
</div>
</div>
<div class="form-group">
<div class="select-wrap one-third">
<div class="icon"><span class="ion-ios-arrow-down"></span></div>
<select name="" id="" class="form-control">
<option value="">0 Crianças</option>
<option value="">1 Crianças</option>
<option value="">2 Crianças</option>
<option value="">3 Crianças</option>
<option value="">4 Crianças</option>
<option value="">5 Crianças</option>
<option value="">6 Crianças</option>
</select>
</div>
</div>
<div class="form-group">
<div class="range-slider">
<span>
<input type="number" value="25000" min="0" max="120000"/> -
<input type="number" value="50000" min="0" max="120000"/>
</span>
<input value="1000" min="0" max="120000" step="500" type="range"/>
<input value="50000" min="0" max="120000" step="500" type="range"/>
</svg>
</div>
</div>
<div class="form-group">
<input type="submit" value="Procurar" class="btn btn-primary py-3 px-5">
</div>
</div>
</form>
</div>
<div class="sidebar-wrap bg-light ftco-animate">
<h3 class="heading mb-4">Classificação por estrelas</h3>
<form method="post" class="star-rating">
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">
<p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i></span></p>
</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">
<p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-o"></i></span></p>
</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">
<p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-o"></i><i class="icon-star-o"></i></span></p>
</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">
<p class="rate"><span><i class="icon-star"></i><i class="icon-star"></i><i class="icon-star-o"></i><i class="icon-star-o"></i><i class="icon-star-o"></i></span></p>
</label>
</div>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">
<p class="rate"><span><i class="icon-star"></i><i class="icon-star-o"></i><i class="icon-star-o"></i><i class="icon-star-o"></i><i class="icon-star-o"></i></span></p>
</label>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<section class="instagram pt-5">
<div class="container-fluid">
<div class="row no-gutters justify-content-center pb-5">
<div class="col-md-7 text-center heading-section ftco-animate">
<h2><span>Instagram</span></h2>
</div>
</div>
<div class="row no-gutters">
<div class="col-sm-12 col-md ftco-animate">
<a href="images/insta-1.jpg" class="insta-img image-popup" style="background-image: url(images/insta-1.jpg);">
<div class="icon d-flex justify-content-center">
<span class="icon-instagram align-self-center"></span>
</div>
</a>
</div>
<div class="col-sm-12 col-md ftco-animate">
<a href="images/insta-2.jpg" class="insta-img image-popup" style="background-image: url(images/insta-2.jpg);">
<div class="icon d-flex justify-content-center">
<span class="icon-instagram align-self-center"></span>
</div>
</a>
</div>
<div class="col-sm-12 col-md ftco-animate">
<a href="images/insta-3.jpg" class="insta-img image-popup" style="background-image: url(images/insta-3.jpg);">
<div class="icon d-flex justify-content-center">
<span class="icon-instagram align-self-center"></span>
</div>
</a>
</div>
<div class="col-sm-12 col-md ftco-animate">
<a href="images/insta-4.jpg" class="insta-img image-popup" style="background-image: url(images/insta-4.jpg);">
<div class="icon d-flex justify-content-center">
<span class="icon-instagram align-self-center"></span>
</div>
</a>
</div>
<div class="col-sm-12 col-md ftco-animate">
<a href="images/insta-5.jpg" class="insta-img image-popup" style="background-image: url(images/insta-5.jpg);">
<div class="icon d-flex justify-content-center">
<span class="icon-instagram align-self-center"></span>
</div>
</a>
</div>
</div>
</div>
</section>
<footer class="ftco-footer ftco-bg-dark ftco-section">
<div class="container">
<div class="row mb-5">
<div class="col-md">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Site Ah Bordo</h2>
<p>Ah Bordo oferece a você a melhor experiencia. Mostrando os melhores lugares e hospedagens sensacionais onde o conforto e segurança são os pontos principais. Venha fazer parte dessa equipe</p>
<ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5">
<li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li>
<li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li>
<li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li>
</ul>
</div>
</div>
<div class="col-md">
<div class="ftco-footer-widget mb-4 ml-md-5">
<h2 class="ftco-heading-2">Links Úteis</h2>
<ul class="list-unstyled">
<li><a href="#" class="py-2 d-block">Blog</a></li>
<li><a href="#" class="py-2 d-block">Pousadas</a></li>
<li><a href="#" class="py-2 d-block">Facilidades</a></li>
<li><a href="#" class="py-2 d-block">Cartão Fidelidade</a></li>
</ul>
</div>
</div>
<div class="col-md">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Categorias</h2>
<ul class="list-unstyled">
<li><a href="#" class="py-2 d-block">Carreira</a></li>
<li><a href="#" class="py-2 d-block">Sobre nós</a></li>
<li><a href="#" class="py-2 d-block">Contato</a></li>
<li><a href="#" class="py-2 d-block">Serviços</a></li>
</ul>
</div>
</div>
<div class="col-md">
<div class="ftco-footer-widget mb-4">
<h2 class="ftco-heading-2">Tire Suas Dúvidas</h2>
<div class="block-23 mb-3">
<ul>
<li><span class="icon icon-map-marker"></span><span class="text">Rede Cidadã - Av. dos Andradas, N°302 Centro Belo Horizonte-MG, CEP:30120-010</span></li>
<li><a href="#"><span class="icon icon-phone"></span><span class="text">(31) 3531-6620</span></a></li>
<li><a href="#"><span class="icon icon-envelope"></span><span class="text">ahbordo@gmail.com</span></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> Todos os direitos reservados <i class="icon-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
</div>
</div>
</div>
</footer>
<!-- loader -->
<div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.animateNumber.min.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="js/jquery.timepicker.min.js"></script>
<script src="js/scrollax.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script>
<script src="js/google-map.js"></script>
<script src="js/main.js"></script>
</body>
</html>
