"boa vista"
Bootstrap 4.1.1 Snippet by carolina003

<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><!-- Declaração --> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="keywords" content=""> <title>Hotel em Pará</title> <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://lh5.googleusercontent.com/p/AF1QipP9bsPFX2AoucqFRXjalsGzSwympLbgt7syHmr_=w325-h182-k-no"> </li> <li> <img src="https://lh5.googleusercontent.com/p/AF1QipMVeqEVfkaFwvFu8S0-mQH5rBDEuQVpBeenZz5Y=w325-h433-k-no"> </li> <li> <img src="https://lh5.googleusercontent.com/p/AF1QipNeo_5-q7KarV-oVK6YibU93Cget_3LJCP_2x4P=w325-h577-k-no"> </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">POUSADA QUARTO CRESCENTE</h2> <ul> <li>Situada em Belém, a 33 km da Estação das Docas, a Pousada quartocrescente Cotijuba dispõe de jardim. </li> <li>A propriedade fica a cerca de 33 km do Mercado Ver-o-Peso, a 33 km de Feliz Lusitânia e a 34 km da <br>Basílica-Santuário de Nossa Senhora de Nazaré.</li> <li> As atrações na área incluem a Fortaleza do Castelo, a 34 km de distância, ou o Museu do Estado de Pará,<br>situado a 34 km da propriedade.</li> <li>Na pousada, os quartos possuem varanda e estão equipados com banheiro privativo.</li> <li>Você pode desfrutar de um café da manhã continental.</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$ 4.550,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$4.050,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>

Related: See More


Questions / Comments: