"campo grande"
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 ----------> <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/254/254034730.jpg"> </li> <li> <img src="https://cf.bstatic.com/images/hotel/max1024x768/217/217587873.jpg"> </li> <li> <img src="https://cf.bstatic.com/images/hotel/max1024x768/182/182788578.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">INDAIÁ PARK HOTEL</h2> <ul> <li>Novo e moderno para acompanhar você.No Indaiá, sua experiência de hospedagem é única, confortável <br>e inesquecível.</li> <li>Descubra nossos serviços gratuitos já inclusos na diária: Wi-fi,Café da manhã e Estacionamento.</li> <li>Aqui você tem mais facilidades: Room service e lavanderia 24 horas.</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.700,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.300,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: