ok
Mini Shell
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<script src="https://kit.fontawesome.com/91ecf4a2da.js" crossorigin="anonymous"></script>
<title>Guia - Pequena Capitólio</title>
<meta name="description" content="" />
<!-- <link rel="stylesheet" href="css/font-awesome.min.css" /> -->
<?php include 'estrutura_head.php'; ?>
<? $contato = $conn->query("SELECT * FROM paginas where idpagina = 12 ");
$cont = $contato->fetch(PDO::FETCH_OBJ); ?>
</head>
<body class="demo-3 home">
<h2 style="display: none">Pequena Capitólio - Venha conhecer a exuberância do Lago de Furnas!</h2>
<?php include 'estrutura_topo.php'; ?>
<!-- Main Content -->
<div id="main-content">
<style type="text/css">
.star:before
{
content: "\f005\f005\f005\f005\f005";
font-family: FontAwesome;
font-size: 14px;
color: #ffb606;
letter-spacing: 6px;
margin-right: 10px;
}
</style>
<!-- <div class="col-md-12" style="height: 300px;text-align: center;background-attachment: fixed;background-image:url(images/capitolio2.jpg);background-size: cover;background-repeat: no-repeat; ">
<div class="" style="position: absolute;height: 300px;background: rgba(0,0,0,0.6);top: 0;left: 0;width: 100%"></div>
<span style="position: absolute;text-transform: uppercase;font-size: 40px;z-index: 99;color: #fff;top: 25%;left: 40%;font-weight: 700">Capitólio<br></span>
</div> -->
<div class="page-title">
<div class="page-title-wrapper" data-stellar-background-ratio="0.5" style="background-image: url(images/DESTAQUE_PEQCAPITOLIO_INTERNO.jpg);height: 250px">
<div class="content container">
<h1 class="heading_primary">Guia</h1>
<ul class="breadcrumbs">
<li class="item"><a href="index.php">Início</a></li>
<li class="item"><span class="separator"></span></li>
<li class="item active">Guia</li>
</ul>
</div>
</div>
</div>
<style type="text/css">
.tes .owl-item{
width: 143px !important;
}
</style>
<?
$guia = $conn->query("SELECT * FROM guia order by idguia desc");
?>
<div class="col-md-12" style="padding-top: 1%;background: #eee">
<div class="sc-list-box style-01" style="position: inherit;padding-bottom: 1%">
<div class="container">
<div class="tes list-box-slider owl-carousel owl-theme">
<?php while ($g = $guia->fetch(PDO::FETCH_OBJ)) {?>
<div class="box-item" style="text-align: center">
<button onclick="guia(<?php echo $g->idguia ?>)" style="background: transparent;cursor: pointer">
<img src="administrador/uploads/imagens/<?php echo $g->foto ?>" style=";width: auto; margin:auto;height: 30px">
<h5 class="box-title" style="font-size: 13px"><?php echo $g->titulo ?></h5>
</button>
</div>
<?}?>
</div>
</div>
</div>
</div>
<div id="corpoguia" class="container" style="padding: 0px !important">
</div>
<style type="text/css">
.owl-theme .owl-nav.disabled+.owl-dots{
display: none;
}
.box-title{
color: #000 !important;
font-size: 14px;
}
.icon5{
color: #566a7c !important;
}
.icon5:hover{
color: #9ce852 !important;
}
.sc-list-box.style-01 .box-item i{
color: #566a7c !important;
font-size: 20px;
}
</style>
<!--
<div class="container" style="padding-top: 3%;padding-bottom: 3%">
<div class="sc-heading">
<p class="first-title">Bem Vindo à</p>
<h3 class="second-title">Capitólio</h3>
</div>
<div class="sc-info about-info row">
<div class="col-sm-6">
<p style="text-align: justify;">
Já pensou em reservar alguns dias das suas férias para renovar as energias em um íntimo contato com a natureza às margens de um dos maiores lagos artificiais do mundo e aos pés de maravilhosas cachoeiras?
<br>
Bom, isso é o que oferece Capitólio, a cidade rainha dos lagos, situada a 280 km da capital, localizada em Minas Gerais.
<br>
Aqui você vai encontrar dicas, opções de passeios, hotéis e a melhor época para sua a sua viagem.
<br>
Solicite sua reserva! Você merece conhecer este paraíso!
<br>
#VemPraPequenaCapitólio</p>
</div>
<div class="col-sm-6">
<div class="sc-hb-rooms-search style-01">
<div class="hotel-booking-search style-01 layout-columns">
<ul class="hb-form-table clearfix">
<li><input type="text" id="multidate2" class="multidate" value="" data-date-min="6" /></li>
<li class="hb-form-field hb-form-check-in">
<div class="label" style="color: #4ea709;font-size: 16px;font-weight: 700 !important">Data de entrada</div>
<div class="hb-form-field-input hb_input_field">
<input id="month" class="month" type="text" value="" />
<input type="text" name="dia1" id="day" class="day" value="" style="width: 68px;" />
<input type="hidden" name="check_in_date" id="check_in_date" class="check-date hasDatepicker" value="" />
</div>
</li>
<li class="hb-form-field hb-form-check-out">
<div class="label" style="color: #4ea709;font-size: 16px;font-weight: 700 !important">Data de saída</div>
<div class="hb-form-field-input hb_input_field">
<input id="month2" class="month" type="text" value="" />
<input type="text" name="dia2" id="day2" class="day" value="" style="width: 83px;" />
<input type="hidden" name="check_out_date" id="check_out_date" class="check-date hasDatepicker" value="" />
</div>
</li>
<li class="noaf hb-form-field hb-form-check-out">
<img src="images/capitolio3.jpg" style="padding-top: 17%;height: 250px">
</li>
<style type="text/css">
.noaf:before{
display: none;
}
</style>
</ul>
<div class="hb-submit" style="text-align: left;">
<button onclick="modalreserva()" style="padding: 0% 23%;background: #76c838">Fazer Reserva</button>
</div>
</div>
</div>
</div>
</div>
</div>
-->
<style type="text/css">
.fa3{
font-size: 25px;
}
.fila1{
padding-top: 3%;
}
</style>
<?php include 'estrutura_rodape.php'; ?>
<?php include 'estrutura_scripts.php'; ?>
<script src="js/toastr.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/toastr.min.css">
<script src="https://igorescobar.github.io/jQuery-Mask-Plugin/js/jquery.mask.min.js"></script>
<script src="js/libs/jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
<script src='https://www.google.com/recaptcha/api.js'></script>
<script type="text/javascript">
$("#contato").addClass("active");
</script>
<script type="text/javascript" src="ajax/ajax_conteudo.js"></script>
<script type="text/javascript">
function guia(id)
{
ajaxGo({ url:"Ajax/ajax_guia.php?id="+id, elem_return: document.getElementById("corpoguia") });
}
</script>
<script type="text/javascript" src="js/main.js"></script>
<?php $env=$_GET["envio"];
if ((isset($env) && $env == "ok")) {?>
<script type="text/javascript">
$(document).ready(function(){
toastr.success("Mensagem enviada com sucesso!")
})
</script>
<?php }
else if(isset($env) && $env == "nao") { ?>
<script type="text/javascript">
$(document).ready(function(){
toastr.error("Mensagem não enviada!")
})
</script>
<?}
else if(isset($env)) {?>
<script type="text/javascript">
$(document).ready(function(){
toastr.error("Preencha o Recaptcha!")
})
</script>
<?}?>
<script>
$('.data').mask('00/00/0000');
</script>
</body>
</html>
Zerion Mini Shell 1.0