"Blog - Página 03"
Bootstrap 4.1.1 Snippet by Andreza12

<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> <html lang="pt-br"><!--Lang define a Linguagem do código fonte.--> <head><!--Define a cabeça do meu código fonte.--> <title>Ah Bordo</title> <meta charset="utf-8"><!--O atributo charset especifica a codificação de caracteres para o documento HTML.--> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700" rel="stylesheet"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i" rel="stylesheet"> <link rel="stylesheet" href="css/open-iconic-bootstrap.min.css"> <link rel="stylesheet" href="css/animate.css"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/owl.carousel.min.css"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/aos.css"> <!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/ionicons.min.css"> <link rel="stylesheet" href="css/bootstrap-datepicker.css"> <link rel="stylesheet" href="css/jquery.timepicker.css"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/flaticon.css"><!--O atributo href especifica a localização (URL) do recurso externo (geralmente um arquivo de folha de estilo).--> <link rel="stylesheet" href="css/icomoon.css"> <link rel="stylesheet" href="css/style.css"> <link rel="icon" href="images/logo.jpg"> </head> <body> <!--Começo da Navbar--> <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar"> <div class="container"> <a class="navbar-brand" href="index.html">Ah Bordo</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation"> <span class="oi oi-menu"></span> Menu </button> <div class="collapse navbar-collapse" id="ftco-nav"> <ul class="navbar-nav ml-auto"> <li class="nav-item"><a href="index.html" class="nav-link">Início</a></li> <li class="nav-item"><a href="pacotes.html" class="nav-link">Pacotes</a></li> <li class="nav-item"><a href="login.html" class="nav-link">Login</a></li> <li class="nav-item"><a href="blog.html" class="nav-link">Blog</a></li> <li class="nav-item active"><a href="contato.html" class="nav-link">Contato</a></li> <li class="nav-item"><a href="fidelidade.html" class="nav-link">Descontos</a></li> <li class="nav-item"><a href="sobrenos.html" class="nav-link">Sobre nós</a></li> </ul> </div> </div> </nav> <!-- Final da Navbar --> <div class="hero-wrap" style="background-image: url('images/florianopolis.jpg');"> <div class="overlay"></div> <div class="container"> <div class="row no-gutters slider-text d-flex align-itemd-end justify-content-center"> <div class="col-md-9 ftco-animate text-center d-flex align-items-end justify-content-center"> <div class="text"> <p class="breadcrumbs mb-2" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }"><span class="mr-2"><a href="index.html">Início</a></span> <span class="mr-2"><a href="blog.html">Blog</a></span> <span>Florianópolis - SC</span></p> <h1 class="mb-4 bread">Florianópolis - SC </h1> </div> </div> </div> </div> </div> <section class="ftco-section ftco-degree-bg"> <div class="container"> <div class="row"> <div class="col-lg-8 ftco-animate order-md-last"> <h2 class="mb-3">Pontos Turísticos Florianópolis - SC</h2> <p>O título de Ilha da Magia atribuído à Florianópolis faz cada vez mais sentido. Capaz de reunir natureza e patrimônio histórico preservados com infraestrutura de cidade grande, a capital enfeitiça tanto os turistas que muitos acabam voltando... para ficar. Desde 2000, a população da cidade aumentou 35%. Também aumentou o número de carros, etc... Porém, junto com eles, chegaram novas e ótimas ofertas gastronômicas, glamour de sobra e intervenções para melhorar o trânsito (apesar de, na alta temporada, não ter viaduto, túnel ou ponte que dê jeito nos congestionamentos). São apenas 436,5 quilômetros quadrados, porém, capazes de abrigar praias paradisíacas, lagoas, dunas, trilhas em meio à Mata Atlântica, casario colonial, sítios arqueológicos, boates concorridas e restaurantes estrelados. Haja encantos!.</p> <p> <img src="images/florianopolis1.jpg" alt="" class="img-fluid"> </p> <p> Os grandes atrativos de Floripa são as praias que dizem, chegam a cem. Em cada região, uma peculiaridade – no Leste, onde estão Mole e Joaquina, surf e paquera são as marcas registradas. Ao Norte, a badalação dos paradores de Jurerê atrai jovens dia e noite. Já as praias do Sul são as mais rústicas e têm como cartão-postal a intocada Lagoinha do Leste.</p> <h2 class="mb-3 mt-5">Porquê voçê deve ir?!</h2> <img src="images/florianopolis2.jpg" alt="" class="img-fluid"> </p> <p>No quesito esportes, a ilha não é privilégio exclusivo dos surfistas. Generosa, incentiva à prática de muitos atividades dentro e fora d´água, como sandboard – descida de dunas em prancha de madeira -, windsurf, kitesurf e trekking.</p> <p> Nos povoados de Ribeirão da Ilha e de Santo Antônio de Lisboa as heranças estão preservadas ainda na arquitetura, no artesanato em cerâmica e renda e na culinária, à base de ostras produzidas na região. Falando em frutos do mar, eles chegam fresquinhos também às mesas dos restaurantes espalhados pela Lagoa da Conceição, no Centro da ilha. Por lá, concentram-se também a maioria dos bares, boates e cafés, garantindo burburinho e agito noturno o ano inteiro. </p> <div class="tag-widget post-tag-container mb-5 mt-5"> <div class="tagcloud"> <a href="#" class="tag-cloud-link">Vida</a> <a href="#" class="tag-cloud-link">Esporte</a> <a href="#" class="tag-cloud-link">Tecnologia</a> <a href="#" class="tag-cloud-link">Viagem</a> </div> </div> <!--Começo do Comentário--> <div class="pt-5 mt-5"> <h3 class="mb-5">05 Comentários</h3> <ul class="comment-list"> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa6.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Amanda Camargo</h3> <div class="meta">08 de Julho 2020 as 00:00</div> <p>Dois roteiros conduzem a imponentes e preservados fortes da região a bordo de escunas. O passeio que parte da Ponte Hercílio Luz é o mais completo - tem seis horas de duração e faz paradas no Forte de Santa Cruz de Anhatomirim e na Fortaleza de Santo Antônio de Ratones, passando ainda pela baía dos Golfinhos. Já o que tem início na praia de Canasvieiras não inclui Ratones, durando cinco horas. Ambos têm parada para almoço.</p> <p><a href="#" class="reply">Resposta</a></p> </div> </li> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa7.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Carlos Eduardo</h3> <div class="meta">14 de Janeiro 2020 as 16:50</div> <p>O passeio todo é exuberante. A escuna que sai de Canasvieiras é muito divertida, com animadores e muita música. O restaurante fica do outro lado da baía, no continente. Por ser única, seus valores são salgados, mas a beleza da praia em que ele fica vale a pena. Sem dúvida, o melhor do passeio são os golfinhos, que chegam de surpresa, e deixa todo o barco emocionado. Os fortes são uma aula de história, e os conhecimentos do guia impressionam. Além de tudo, o valor do passeio é baratinho. Por Adriele, uma apaixonada pela ilha. </p> <p><a href="#" class="reply">Resposta</a></p> </div> <ul class="children"> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa8.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Paula Resende</h3> <div class="meta">11 de Março 2020 as 06:40</div> <p>Eu fui recentemente nesse passeio de escuna. O passeio é bonito e vale a pena. Só queria alertar que o almoço não está incluso no preço do passeio. Eu tive de pagar mais 15reais. Ou isso ou pagava depois na Baia dos Golfinhos mais 20reais.Também gostava de alertar que não é certo que se veja golfinhos. Eu por exemplo não tive essa sorte.`Os golfinhos são animais selvagens e que só aparecem quando querem. No geral gostei do passeio.</p> <p><a href="#" class="reply">Resposta</a></p> </div> <ul class="children"> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa9.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Geovanna Miranda</h3> <div class="meta">06 de Abril 2020 as 12:00</div> <p> Não perca é inesquecível. Confira. É lindo, maravilhoso. Um lugar histórico que so não fico marcado na história mais sim na nossa mente. Muito bacana.Gostei! E sei que você também vai gostar!</p> <p><a href="#" class="reply">Resposta</a></p> </div> <ul class="children"> <li class="comment"> <div class="vcard bio"> <img src="images/pessoa10.jpg" alt="Image placeholder"> </div> <div class="comment-body"> <h3>Victor Martins</h3> <div class="meta">03 de Janeiro 2020 as 14:35</div> <p>A ilha é maravilhosa. Estive lá e indo para Florianópolis não deixe de conhecer o lugar.Os barcos que vão para ilha, saem da Praia da Armação e Da barra da lagoa, porém tem que reservar com antecedência e o passeio custa R$ 90,00 por pessoa. Na Praia do Campeche não precisa reservar, mas chegue cedo para conseguir lugar, porque lá o passeio é de bote e custa R$ 130,00 por pessoa. Na ilha tem um restaurante, mergulhos, trilhas e tudo é no dinheiro, não aceita nenhum tipo de cartão de credito ou debito por isso vai prevenido. O lugar vale muito a pena, fiquei encantada.</p> <p><a href="#" class="reply">Resposta</a></p> </div> </li> </ul> </li> </ul> </li> </ul> </li> <!-- Fim do comentário --> <div class="comment-form-wrap pt-5"> <h3 class="mb-5">Deixe um comentário</h3> <form action="#" class="p-5 bg-light"> <div class="form-group"> <label for="name">Nome *</label> <input type="text" class="form-control" id="name"> </div> <div class="form-group"> <label for="email">Email *</label> <input type="email" class="form-control" id="email"> </div> <div class="form-group"> <label for="website">Website</label> <input type="url" class="form-control" id="website"> </div> <div class="form-group"> <label for="message">Mensagem</label> <textarea name="" id="message" cols="30" rows="10" class="form-control"></textarea> </div> <div class="form-group"> <input type="submit" value="Enviar Comentário" class="btn py-3 px-4 btn-primary"> </div> </form> </div> </div> </div> <!-- .col-md-8 --> <div class="col-lg-4 sidebar ftco-animate"> <div class="sidebar-box"> <form action="#" class="search-form"> <div class="form-group"> <span class="icon fa fa-search"></span> <input type="text" class="form-control" placeholder="Pesquise aqui"> </div> </form> </div> <div class="sidebar-box ftco-animate"> <div class="categorias"> <h3>Categorias</h3> <li><a href="#">Properties <span>(12)</span></a></li> <li><a href="#">Home <span>(22)</span></a></li> <li><a href="#">House <span>(37)</span></a></li> <li><a href="#">Villa <span>(42)</span></a></li> <li><a href="#">Apartment <span>(14)</span></a></li> <li><a href="#">Condominium <span>(140)</span></a></li> </div> </div> <!--Começo do Blog --> <div class="sidebar-box ftco-animate"> <h3>Blog Recentes</h3> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(images/imagem_1.jpg);"></a> <div class="text"> <h3 class="heading"><a href="#">Pontos Turísticos de Cabo Frio</a></h3> <div class="meta"> <div><a href="#"><span class="icon-calendar"></span> 21 de Julho 2020</a></div> <div><a href="#"><span class="icon-chat"></span> 5</a></div> </div> </div> </div> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(images/imagem_2.jpg);"></a> <div class="text"> <h3 class="heading"><a href="#">Pontos Turísticos de Natal-RN</a></h3> <div class="meta"> <div><a href="#"><span class="icon-calendar"></span> 07 de Agosto 2020</a></div> <div><a href="#"><span class="icon-chat"></span> 5</a></div> </div> </div> </div> <div class="block-21 mb-4 d-flex"> <a class="blog-img mr-4" style="background-image: url(images/imagem_3.jpg);"></a> <div class="text"> <h3 class="heading"><a href="#">Pontos Turisticos de Florianópolis-SC</a></h3> <div class="meta"> <div><a href="#"><span class="icon-calendar"></span> 20 de Setembro 2020</a></div> <div><a href="#"><span class="icon-chat"></span> 5</a></div> </div> </div> </div> </div> </div> </div> </section> <!-- .section --> <footer class="ftco-footer ftco-bg-dark ftco-section"> <div class="container"> <div class="row mb-5"> <div class="col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">Site Ah Bordo</h2> <p>Ah Bordo oferece a você a melhor experiencia. Mostrando os melhores lugares e hospedagens sensacionais onde o conforto e segurança são os pontos principais. Venha fazer parte dessa equipe.</p> <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-5"> <li class="ftco-animate"><a href="#"><span class="icon-twitter"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-facebook"></span></a></li> <li class="ftco-animate"><a href="#"><span class="icon-instagram"></span></a></li> </ul> </div> </div> <div class="col-md"> <div class="ftco-footer-widget mb-4 ml-md-5"> <h2 class="ftco-heading-2">Links Úteis</h2> <ul class="list-unstyled"> <li><a href="#" class="py-2 d-block">Blog</a></li> <li><a href="#" class="py-2 d-block">Pousadas</a></li> <li><a href="#" class="py-2 d-block">Facilidades</a></li> <li><a href="#" class="py-2 d-block">Cartão Fidelidade</a></li> </ul> </div> </div> <div class="col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">Categorias</h2> <ul class="list-unstyled"> <li><a href="#" class="py-2 d-block">Carreira</a></li> <li><a href="#" class="py-2 d-block">Sobre nós</a></li> <li><a href="#" class="py-2 d-block">Contato</a></li> <li><a href="#" class="py-2 d-block">Serviços</a></li> </ul> </div> </div> <div class="col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">Tire suas Dúvidas</h2> <div class="block-23 mb-3"> <ul> <li><span class="icon icon-map-marker"></span><span class="text">Rede Cidadã - Av. dos Andradas, N°302 Centro Belo Horizonte-MG, CEP:30120-010</span></li> <li><a href="#"><span class="icon icon-phone"></span><span class="text">(31) 3531-6620</span></a></li> <li><a href="#"><span class="icon icon-envelope"></span><span class="text">ahbordo@gmail.com</span></a></li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 text-center"> <p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --> Copyright ©<script>document.write(new Date().getFullYear());</script> Todos os direitos reservados <i class="icon-heart color-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p> </div> </div> </div> </footer> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="js/jquery.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/aos.js"></script> <script src="js/jquery.animateNumber.min.js"></script> <script src="js/bootstrap-datepicker.js"></script> <script src="js/jquery.timepicker.min.js"></script> <script src="js/scrollax.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script> <script src="js/google-map.js"></script> <script src="js/main.js"></script> </body> </html>

Related: See More


Questions / Comments: