<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 ---------->
<header id="header">
<div id="topbar" class="custom-back-color">
<div class="topbar-left">
<ul class="st-list topbar-items">
<li><a href="index.php?lang=en">Português (BR) <img alt="Português" title="Português" src="imagens/BR.png" style="position:relative;left:2px;top:-2px" alt=""/></a></li>
</ul>
</div>
<div class="topbar-right">
<ul class="st-list topbar-items">
<li><a class="top-right-link" href="../login.html"><img src= "imagens/user.png"></a></li>
<li>
<a class="top-right-link" href="../cadastro.html">Cadastro</a>
</li>
</ul>
</div>
</div>
<div class="container-fluid" style="padding-left:50px;padding-right:50px;">
<nav class="navbar">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#website-menu" aria-expanded="false">
<img src="imagens/menu-grid.gif" alt="Menu" style="position:relative;top:8px;left:5px"/>
</button>
<div class="logo">
<a class="text-logo no-decoration" href="../index.html"><h2 style="margin-top:25px">AH_BORDO</h2></a></div>
</div>
<style>
.nav li
{padding-top:20px;padding-left:15px;color:#1A2B48;font-size:16px}
</style>
<div class="collapse navbar-collapse" id="website-menu">
<ul class="nav navbar-nav">
<li><a class="custom-color" href="../index.html">Início</a></li>
<li><a class="custom-color" href="../ofertasespeciais.html">Ofertas especiais</a></li>
<li><a class="custom-color" href="../propriedades.html">Propriedades</a></li>
<li><a class="custom-color" href="../novidades.html">Notícias</a></li>
<li><a class="custom-color" href="../faq.html">FAQ</a></li>
</ul>
</div>
</nav>
</div>
</header>
<!-- carrossel -->
<section class="profil py-5 ">
<div class='container'>
<div class="row">
<div class="col-md-8">
<div class="ism-slider" data-transition_type="zoom" data-play_type="loop" data-interval="10000" data-image_fx="zoomrotate" id="my-slider">
<ol>
<li>
<img src="https://cf.bstatic.com/images/hotel/max1024x768/154/154548480.jpg">
</li>
<li>
<img src="https://cf.bstatic.com/images/hotel/max1024x768/266/266627193.jpg">
</li>
<li>
<img src="https://cf.bstatic.com/images/hotel/max1024x768/266/266618074.jpg">
</li>
</ol>
</div>
<!-- descrição -->
<div class="olanaklar-kutu">
<div class="olanaklar">
<h2 class="pb-3">O Hotel oferece: </h2>
<ul class="yacht-info__list ">
<li>
<i class="material-icons">room_service</i>
<span class="vertical-align-mid"> Alimentação</span>
</li>
<li>
<i class="material-icons">local_parking</i>
<span class="vertical-align-mid"> Estacionamento </span>
</li>
<li>
<i class="material-icons">rss_feed</i>
<span class="vertical-align-mid"> wifi</span>
</li>
</ul>
</div>
<div class="olanaklar margin-top--22">
<h2 class="pb-3">ALBERGUE SUNSET BACKPACKERS</h2>
<ul>
<li>O Sunset Backpackers é um albergue localizado no topo de uma colina, a 400 metros da Praia Mole.</li>
<li>O WiFi gratuito está à sua disposição em todas as áreas.</li>
<li>A propriedade conta com uma bela vista para a Lagoa da Conceição e para a Mata Atlântica.</li>
<li>Há quartos privativos, dormitórios femininos e mistos, todos equipados com armários individuais e ventilador de teto.<br> Os banheiros são compartilhados, e alguns quartos contam com varanda.</li>
<li>No Sunset, você desfrutará de um buffet de café da manhã com uma variedade de frutas da estação, sucos e pães preparados no dia.<br> Você também poderá utilizar a churrasqueira para preparar suas refeições.</li>
<li>Várias atividades estão disponíveis no albergue, de passeios pela cidade até parapente.</li>
</ul>
<div class="olanaklar">
<ul class="yacht-info__list ">
<li>
<i class="material-icons">access_time</i>
<span class="vertical-align-mid">4 dias e 3 noites</span>
</li>
</ul>
</div>
<div class="olanaklar">
<h2 class="pb-3">Pacotes:</h2>
<ul class="yacht-info__list ">
<li>
<i class="material-icons">airplanemode_active</i><i class="material-icons">location_city</i>
<span class="vertical-align-mid">Aéreo ida e volta + hospedagem: R$ 3.500,00</span>
</li>
<li>
<i class="material-icons">directions_bus</i><i class="material-icons">location_city</i>
<span class="vertical-align-mid">Terrestre ida e volta + hospedagem: R$3.100,00 </span>
</li>
</ul>
</div>
</div>
</div>
<!-- botão reserva -->
<div class="col-md-4" >
<div class="card"></div>
<img class="card-img-top" src="imagens/reserva.jpg" style="width: 270px">
<div class="card-body text-center ">
<p class="card-text">Venha reservar a sua viagem e desfrute das lindas paisagens do Brasil.</p>
<a href="../comprar.html" class="btn btn-primary"><i class='fas fa-shopping-cart'></i> Comprar</a> <hr/>
</div>
</div>
</div>
</div>
</div>
</section>
<div id="st-content-wrapper" class="search-result-page">
<div>
<div class="vc_row-full-width vc_clearfix"></div>
<site info_panel/>
<div class="page-wrap"><div class="container"><br/><p></p>
<p></p>
<p></p>
</div></div>
</div>
</div>
<!-- rodapé -->
<div class="mailchimp">
<div class="container">
<div class="row">
<div class="col-xs-12 col-lg-10 col-lg-offset-1">
<div class="row">
<div class="col-xs-12 col-md-7 col-lg-6">
<div class="media ">
<div class="media-left pr30 hidden-xs">
<img class="media-object" src="imagens/email.png" alt="newsletter"/>
</div>
<div class="media-body">
<h4 class="media-heading st-heading-section f24">Assine nosso boletim informativo</h4>
<p class="f16 c-grey">Receba ofertas exclusivas e as últimas notícias diretamente em sua caixa postal</p>
</div>
</div>
</div>
<div class="col-xs-12 col-md-5 col-lg-6">
<form action="index.php" method="post" class="subcribe-form">
<input type="hidden" name="proceed_newsletter" value="1"/>
<div class="form-group">
<input name="newsletter_mail" type="text" class="form-control" placeholder="Insira seu e-mail">
<input type="submit" name="submit" value="Inscrever">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="main-footer" class="clearfix"><div data-vc-full-width="true" data-vc-full-width-init="false" class="vc_row wpb_row st bg-holder vc_custom_1542265299369 vc_row-has-fill"><div class='container '><div class='row'>
<div class="column_container col-md-4">
<div class="vc_column-inner">
<h4>Links úteis</h4>
<ul class="bottom-menu">
<li>
<a href="../index.html">Início</a>
</li>
<li>
<a href="../especiaisofertas.html">Ofertas especiais</a>
</li>
<li>
<a href="../propriedades.html">Propriedades</a>
</li>
<li>
<a href="../novidades.html">Notícias</a>
</li>
<li>
<a href="../faq.html">FAQ</a>
</li>
<li>
<a href="../sobrenos.html">Quem somos</a>
</li>
<li>
<a href="../contato.html">Contato</a>
</li>
<li>
<a href="../termos.html">Termos e condições</a>
</li>
<li>
<a href="../privacidade.html">Política de privacidade</a>
</li>
</ul>
</div>
</div>
<div class="column_container col-md-4">
<div class="vc_column-inner">
<h4>Últimas notícias</h4>
<ul class="latest-news">
<p><a class="bottom-news" href="news-en-test-news-1.html">--</a>
<br/>
</p>
<br/>
</ul>
</div>
</div>
<div class="column_container col-md-4">
<div class="vc_column-inner">
<h4 class="widget-title">Nossas redes sociais</h4>
<div class="footer__social">
<a href="https://twitter.com/"><i class="fa fa-twitter"></i></a>
<a href="https://www.instagram.com/"><i class="fa fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="vc_row-full-width vc_clearfix"></div>
</footer>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/estilos/ism/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel='stylesheet' id='google-font-css-css' href='https://fonts.googleapis.com/css?family=Poppins%3A400%2C500%2C600' type='text/css' media='all'/>
<link rel="stylesheet" href="estilos/ism/css/bootstrap.css"/>
<link rel="stylesheet" href="estilos/ism/css/style.css"/>
<link rel="stylesheet" href="estilos/ism/css/my-slider.css"/>
<style type="text/css">
body
{ background-color: #fff; color: #000; padding: 0; margin: 0; }
.container
{ width: 900px; margin: auto; padding-top: 1em; }
.container .ism-slider
{ margin-right: auto; margin-left: auto;}
.olanaklar-kutu
{
background: #fff;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.125);
overflow: hidden;
float: left;
width: 100%;
margin: 15px 0px;
}
.olanaklar
{
float: left;
width: 100%;
position: relative;
padding: 25px 30px 30px;
}
.margin-top--22
{
margin-top:-22px;
}
.olanaklar-kutu h4
{
color: #FF9800;
}
.yacht-info__list img
{
width:20px;
padding-right:5px;
}
.yacht-info__list li
{
padding: 6px 0px;
font-size: 15px;
display: table;
height: 100%;
line-height: 21px;
float: left;
width: 50%;
margin-bottom: 5px;
}
.custom-back-color,.btn-primary
{
background:#d14836 !important;
background-color:#d14836 !important;
border-color:#d14836 !important;
}
.btn-primary{color:#ffffff !important}
.custom-back-color-light
{
background:#f16856 !important;
background-color:#f16856 !important;
}
.custom-color,h1,h2,h3
{
color:#d14836 !important;
}
.custom-color-light
{
color:#f16856 !important;
}
</style>
</head>
<body>
<script src='https://kit.fontawesome.com/a076d05399.js'></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="estilos/ism/js/ism-2.2.min.js"></script>
<script src="estilos/ism/js/jquery.min.js"></script>
<script src="estilos/ism/js/bootstrap.min.js"></script>
<script src="estilos/ism/js/bootstrap-datepicker.min.js"></script>
<script src="estilos/ism/js/jquery.parallax-1.1.3.js"></script>
<script src="estilos/ism/js/script.js"></script>
</body>
</html>