ok
Mini Shell
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<title>Fotos - Pequena Capitólio</title>
<meta name="description" content="" />
<?php include 'estrutura_head.php'; ?>
</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'; ?>
<div id="main-content">
<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 !important">
<div class="content container">
<h1 class="heading_primary">Fotos</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">Fotos</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Galeria -->
<?php
$txtalbun = $conn->query("SELECT * FROM paginas where idpagina = 10 ");
$txt = $txtalbun->fetch(PDO::FETCH_OBJ);
$album = $conn->query("SELECT * FROM albuns ");
?>
<div class="empty-space"></div>
<div class="sc-heading style-01 text-center">
<h3 class="title" style="font-size: 40px"><?php echo $txt->titulo ?></h3>
<p class="description"><?php echo $txt->subtitulo ?></p>
</div>
<link rel="stylesheet" href="css/w3.css">
<div class="sc-gallery style-01 row" style="padding: 0px 6%;display: flex">
<!-- <div class="gallery-slider owl-carousel owl-theme"> -->
<?php while ($alb = $album->fetch(PDO::FETCH_OBJ)) {
$fotos = $conn->query("SELECT * FROM fotos where id_albuns = $alb->idalbuns ");
$fotopri = $conn->query("SELECT * FROM fotos where id_albuns = $alb->idalbuns ");
$fotpri = $fotopri->fetch(PDO::FETCH_OBJ);
?>
<div class="item col-md-4" style="padding: 2%">
<div class="gallery">
<a onclick="document.getElementById('album<? echo $alb->idalbuns?>').style.display='block'" class="btn-gallery">
<img src="/administrador/uploads/fotos/<?php echo $fotpri->foto ?>" alt="">
</a>
<div id="gallery-<?php echo $alb->idalbuns ?>" class="hidden">
</div>
</div>
<div class="content" style="text-align: center">
<h4 class="title"><a href="" style="font-size: 16px;font-weight: 400;font-family: roboto">
<?php echo $alb->titulo ?></a>
</h4>
<span class="count">
<?php echo $alb->subtitulo ?>
</span>
</div>
</div>
<div id="album<? echo $alb->idalbuns?>" class="w3-modal" style="padding-top: 0% !important;background: rgba(0,0,0,0.8);z-index: 9999999;">
<div class="w3-modal-content" style=";border-radius: 0px;">
<div class="w3-container" style="margin-top: 14%;padding-bottom: 3%;margin-bottom: 4%;padding: 0px ">
<span style="font-weight: 700;color: #000;background: transparent;" onclick="document.getElementById('album<? echo $alb->idalbuns?>').style.display='none'" class="tran w3-button w3-display-topright">×</span>
<!-- <h1 style="color: #4EA709;text-align: center;font-size: 36px;padding: 3%"><?php echo $alb->titulo ?></a></h1> -->
<div>
<?php while ($fot = $fotos->fetch(PDO::FETCH_OBJ)) {?>
<h1 style="text-align: center;padding:6% 2% 2% 2%;"><?php echo $fot->titulo ?></h1>
<p style="text-align: center;margin-bottom: 2%"><?php echo $fot->subtitulo ?></p>
<img style="width: 100%" src="/administrador/uploads/fotos/<?php echo $fot->foto ?>" alt="">
<?}?>
</div>
</div>
</div>
</div>
<?}?>
<!-- </div> -->
</div>
<style type="text/css">
.mfp-bg{
z-index: 9999999 !important;
}
.mfp-wrap{
z-index: 9999999 !important;
}
.mfp-figure{
background: #fff !important;
padding: 1% !important;
}
.mfp-close{
color: #000 !important;
padding-right: 2% !important;
}
.mfp-counter
{
color: #000 !important;
padding-right: 2% !important;
}
</style>
<div class="empty-space"></div>
<?php include 'estrutura_rodape.php'; ?>
<?php include 'estrutura_scripts.php'; ?>
<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header" style="border-bottom: 1px solid #f1f1f1;text-align: center;">
<h5 class="modal-title" id="exampleModalLongTitle" style="font-size: 26px;color: #2f3c4e;font-family: weekly-semi-bold;margin: auto">Faça já sua Pré Reserva ;)</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" style="color: #566a7c">×</span>
</button>
</div>
<div class="modal-body" style="text-align: center;">
<form action="contato_envia3.php" method="post">
<input type="text" name="nome" required placeholder="Nome*" style="margin: 2% 4%;width: 90%;border:0px;border-bottom: 1px solid #f1f1f1;font-family: weekly-semi-bold">
<input type="email" name="email" required placeholder="E-mail*" style="margin: 2% 4%;width: 90%;border:0px;border-bottom: 1px solid #f1f1f1;font-family: weekly-semi-bold">
<input type="tel" name="telefone" required placeholder="Telefone*" style="margin: 2% 4%;width: 90%;border:0px;border-bottom: 1px solid #f1f1f1;font-family: weekly-semi-bold">
<input type="tel" name="modaldia1" class="data" value="" required placeholder="Check-In" style="margin: 2% 4%;width: 90%;border:0px;border-bottom: 1px solid #f1f1f1;margin-bottom: 0px !important;font-family: weekly-semi-bold">
<input type="tel" name="modaldia2" class="data" value="" required placeholder="Check-Out" style="margin: 2% 4%;width: 90%;border:0px;border-bottom: 1px solid #f1f1f1;margin-bottom: 0px !important;font-family: weekly-semi-bold">
<br>
</div>
<div class="modal-footer" style="text-align: center;border: 0">
<input style="font-family: weekly-semi-bold;font-weight: 600 ; color: #fff !important;border-radius: 3px;margin: auto;background: #4ea709 !important;width: 90%;font-size: 16px;height: 40px;color: #fff;text-transform: uppercase;" type="submit" class="submit" value="Enviar">
</div>
</form>
</div>
</div>
</div>
</body>
</html>
Zerion Mini Shell 1.0