Toggle navigation
Bootsnipp
Bootstrap
For
CSS Frameworks
Bootstrap
Foundation
Semantic UI
Materialize
Pure
Bulma
References
CSS Reference
Tools
Community
Page Builder
Form Builder
Button Builder
Icon Search
Dan's Tools
Diff / Merge
Color Picker
Keyword Tool
Web Fonts
.htaccess Generator
Favicon Generator
Site Speed Test
Snippets
Featured
Tags
By Bootstrap Version
4.1.1
4.0.0
3.3.0
3.2.0
3.1.0
3.0.3
3.0.1
3.0.0
2.3.2
Register
Login
"parana"
Bootstrap 4.1.1 Snippet by
carolina003
4.1.1
Preview
HTML
CSS
JS
View Full Screen
Fork
Fork this
427
 
0 Fav
Post to Facebook
Tweet this
<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://lh3.googleusercontent.com/proxy/NfoZH60ECiI3aKgokn_m0bwu1xkKhSQO4KwOVAzAIG2OJGgZJRr0h_2-Z5TEyjZ6RzirwUX0kaQlF1UFVMaBy55u-wr9dL4Ds8QaRl8DZLi74oy2CRUYgLe0T3Kp2GNlBoUedzIwi01MyFqv1VnsnugF6eQt0v0=w325-h216-k-no"> </li> <li> <img src="https://lh5.googleusercontent.com/proxy/oDYxpehFN7ZGkqjo3fbTUOE-8UCiTI0Ok0_cPaKdPW3kgjkA33nsR6f2ZzbGbbAIQf195B7gVwspHhOMVCqTTHCDNqe9NZHksERI1mNVI7e8XUs4pAFpgY0R7Ghm2BsJ-11D7veO5LiRYgFYJqoPYNV3oLEkNUE=w325-h217-k-no"> <li> <img src="https://lh5.googleusercontent.com/proxy/6eWCOrXYD6Lo267vbkeUkWkSeeZOsOV5IzX7AD8aly4oHYN1BbPiB3RiaJ19Dj1VD5QNVxkPhOekKqCUw1YhGGIhIkUS_1zqg2a3oiC-wHRdRTzjmK6RVFz3FO3_HMlsHt8OErBZRtBQpdzI-qD-GX4F_EpsTw=w325-h216-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">HOTEL FAVO DE MEL</h2> <ul> <li>Localizada na Ilha do Mel, a 600 metros do Farol das Conchas, a Pousada Favo De Mel dispõe de um jardim.</li> <li> A propriedade fica a cerca de 3,8 km da Gruta das Encantadas e a 3,9 km do Forte Português.</li> <li>Você pode desfrutar de um restaurante no local.</li> <li>As unidades da Pousada Favo De Mel apresentam TV de tela plana, ar-condicionado e guarda-roupa. Algumas acomodações incluem uma cozinha com forno e fogão.</li> <li>Você pode desfrutar de um café da manhã continental servido diariamente.</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>
Related:
See More
Free Template
Light Bootstrap Dashboard Angular
Questions / Comments:
Post
Posting Guidelines
Formatting
- Now
×
Close
Donate
BTC: 12JxYMYi6Vt3mx3hcmP3B2oyFiCSF3FhYT
ETH: 0xCD715b2E3549c54A40e6ecAaFeB82138148a6c76