<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 ----------> <!--Navbar logo --> <nav class="navbar navbar-expand-sm bg-dark navbar-dark"> <a class="navbar-brand" href="#">Logo</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <!-- navegação de link--> <ul class="navbar-nav"> <li class="nav-item"> <!--Link da navbar, mas não e mandado para lugar nenhum--> <a class="nav-link" href="#">Institucional</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Candidatos</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Empresas</a> </li> </ul> </div> </nav> <!-- --> <div class="jumbotron text-center" style=background-color:#87CEFA > <h1>Em busca de trabalho em troca de estadia</h1> <p>Aqui você encontrará algumas opções de locais que fornece estadia em troca de trabalho!</p> </div> <!--Locais que disponibilizam trabalho em troca de estadia, ao clicar no cadastre e direcionado ao site --> <div class="container"> <div class="row"> <div class="col-sm-4"> <!--Hostel lobo inn buzios localizada no Rio de Janeiro--> <div> <h4>Hostel Lobo INN Buzios RJ</a></h4> <p>Lobo Inn tem uma ótima localização e espaços de convivência . </p> <p>Lugar de muita festa e aconchego e alem de tudo um trabalho pode ser trocado por estadia e ate mesmo um café da manha.</p> <div class="input-group"> <button type="button" class="w3-button w3-red w3-margin-top"> <a href="https://www.loboinnbuzios.com/"> Cadastre-se </a></button> </div> </div> </div> <div class="col-sm-4"> <h4>Pousada Jacarandá Trancoso BA</h4> <p>Trancoso foi um antigo povoado de pescadores, e hoje combina a tranquilidade com a típica beleza das praias do sul da Bahia.</p> <p> A Pousada Jacarandá, além de linda, fica pertinho da praia e do Quadrado (onde boa parte da vida noturna acontece). </p> <div class="input-group"> <button type="button" class="w3-button w3-red w3-margin-top"> <a href="http://www.pousadajacaranda.com.br/"> Cadastre-se </a></button> </div> </div> <div class="col-sm-4"> <h4>Maraga Beach Hostel-Maragogi-Alagoas</h4> <p>Maragogi é uma das praias mais bonitas do Brasil, é perfeita para quem quer conhecer gente do mundo todo, praticar novos idiomas e ainda curtir o lindo o visual. </p> <p>O Maraga Beach Hostel, tem uma equipe supersimpática e unida, que trata a todos como família, e um café da manha de hotel cinco estrelas.</p> <div class="input-group"> <button type="button" class="w3-button w3-red w3-margin-top"> <a href="https://maragahostel.wixsite.com/hostel"> Cadastre-se </a></button> </div> </div> <br> <div class="col-sm-4"> <h4> <br> Bamboo Groove Hostel, Ubatuba SP</h4> <p>Uma experiência ideal para quem quer passar adiante suas habilidades com esportes como surfe ou yoga para outras pessoas. É o que este hostel em Ubatuba oferece.</p> <p>Em troca, os viajantes ganham hospedagem em quarto compartilhado e a oportunidade de ficar cara a cara com as lindas paisagens desta praia. </p> <div class="input-group"> <button type="button" class="w3-button w3-red w3-margin-top"> <a href="https://www.bamboogroove.com.br/home"> Cadastre-se </a></button> </div> </div> <div class="col-sm-4"> <h4> <br> Haleakala Hostel Praia do Rosa SC </h4> <p>A Praia do Rosa fica no litoral sul de Santa Catarina, distante 90 km de Florianópolis. A praia tem cerca de 2 km de extensão.</p> <p>Trabalhar em uma das praias mais bonitas do Brasil com a limpeza dos quartos e áreas comuns deste hostel. Trabalhando 30 horas semanais, você ganha acomodação, café da manhã e também pode lavar suas roupas gratuitamente no hostel. </p> <!--botao de clicar--> <div class="input-group"> <button type="button" class="w3-button w3-red w3-margin-top"> <a href="http://haleakala.com.br/"> Cadastre-se </a></button> </div> </div> <div class="col-sm-4"> <h4> <br> Knock Knock Hostel – Curitiba (PR)</h4> <p>Neste hostel de Curitiba você pode dar uma mãozinha na recepção, ajudar a trocar a roupa de cama e a servir refeições e, de quebra, ganha hospedagem grátis em um quarto compartilhado e também o café da manhã oferecido pelo hostel. <br> Site em manutenção</p> <div class="input-group"> <button type="button" class="w3-button w3-red w3-margin-top"> <a href=""> Cadastre-se </a></button> </div> </div> <div class="col-sm-4"> <h4> <br> Rock! and Hostel – Belo Horizonte (MG)</h4> <p>Quem estiver disposto a trabalhar no turno da noite ou realizar tarefas de limpeza e recepção será muito bem-vindo no Rock! and Hostel.</p> <p>Quem encara o trabalho por lá pode tirar quatro dias de folga por semana e ainda ganha café da manhã e uma cama para dormir em quarto compartilhado.</p> <div class="input-group"> <button type="button" class="w3-button w3-red w3-margin-top"> <a href="https://www.rockandhostelbh.com.br/"> Cadastre-se </a></button> </div> </div> <div class="col-sm-4"> <h4> <br> Abaquar Hostel – Velha Boipeba (BA)</h4> <p>Neste hostel no interior da Bahia, precisa-se de bartenders, pessoas capazes de ajudar na cozinha, e gente para lidar com a limpeza e a recepção. Em troca das tarefas, você recebe uma cama em dormitório e também café da manhã grátis. </p> <div class="input-group"> <button type="button" class="w3-button w3-red w3-margin-top"> <a href="https://www.abaquarhostel.com/"> Cadastre-se </a></button> </div> </div> <div class="col-sm-4"> <h4> <br>Jeri Hostel Arte – Jericoacoara (CE)</h4> <p>Na belíssima praia de Jericoacora, praticamente qualquer ajuda é válida. Trabalhando na cozinha, na limpeza ou na recepção, os viajantes podem desfrutar de quatro dias de folga por semana para curtir a viagem, além de uma cama em quarto compartilhado e um café da manhã.</p> <div class="input-group"> <button type="button" class="w3-button w3-red w3-margin-top"> <a href="https://www.tripadvisor.com.br/Hotel_Review-g303297-d7135027-Reviews-Jeri_Hostel_Arte-Jericoacoara_Jijoca_de_Jericoacoara_State_of_Ceara.html"> Cadastre-se </a></button> </div> </div> </div> </div> </div> </div> </div> <div class="jumbotron text" style="margin-bottom:0"> <!--Rodapé para contato--> <div class="w3-container" id="contact"> <h2>Contato</h2> <p>Se você tiver alguma dúvida, não hesite em perguntar.</p> <i class="fa fa-map-marker" style="width:30px"></i> Belo Horizonte, MG<br> <i class="fa fa-phone w3-text-red" style="width:30px"></i> Phone: + 151515<br> <i class="fa fa-envelope" style="width:30px"> </i> Email: mail@mail.com<br> <form action="/action_page.php" target="_blank"> <p><input class="w3-input w3-padding-16 w3-border" type="text" placeholder="Name" required name="Name"></p> <p><input class="w3-input w3-padding-16 w3-border" type="text" placeholder="Email" required name="Email"></p> <p><input class="w3-input w3-padding-16 w3-border" type="text" placeholder="Message" required name="Message"></p> <p><button class="w3-button w3-black w3-padding-large" type="submit">Enviar mensagem</button></p> </form> </div> </div> </section> </body> </html>

<style type="text/css"> .container { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); transition: 0.3s; width: 80%; border-radius: 5px; } h1 { background-color: #87CEFA ; } </style> </head> <body>