Mini Shell
<style type="text/css">
#edicoes{position: relative; overflow: hidden}
.bloco7{padding-top: 60px; padding-bottom: 80px; overflow: hidden}
.bloco7 h2{font-size: 24px}
.bloco7 h3{border: solid 1px #101010; padding: 15px 30px}
.bloco7 h4{font-size: 14px}
.bloco7 .seloo{width: 200px}
.banner-principal{padding: 60px 0; background: #e6ae79; overflow: hidden; position: relative;}
.banner-principal .container{position: relative;}
.banner-principal .fluid-bread{position: absolute; left: 0; top: 0; width: 300px}
.banner-principal h2{font-size: 24px; border: solid 1px #101010; padding: 20px}
.banner-principal h4{font-size: 14px;}
.btn-galeria{font-size: 14px; border: solid 1px #101010; padding: 10px 30px; border-radius: 100px; color: #101010}
.btn-galeria:hover{background: #101010; color: #fff;}
#footer{padding: 80px 0; padding-bottom: 10px; background: #ff3c00}
#footer .flex2{display: flex; justify-content: space-between; align-items: flex-end; gap: 50px}
#footer .conteudo{z-index: 5 !important; position: relative;}
#footer .menu li{list-style: none; display: inline-block;}
#footer .menu li a{color: #1d1d1d; font-size: 12px; text-transform: uppercase; padding: 0 5px}
#footer .infs{display: flex; gap: 30px; font-size: 12px}
#footer .img-footer{width: 700px}
#footer .flut{position: absolute; bottom: -150px; padding: 0 40px; z-index: 1 !important}
#footer .flames{position: relative; z-index: 100; padding-top: 50px; padding-bottom: 300px}
@media(min-width: 2000px){
#footer .flut{position: absolute; bottom: -300px; padding: 0 40px; z-index: 1 !important}
}
@media(max-width: 1660px){
#footer .flut{position: absolute; bottom: -150px; z-index: 1 !important}
#footer .flames{padding-bottom: 150px}
}
@media(max-width: 1450px){
#footer .flut{position: absolute; bottom: -100px; padding: 0 40px; z-index: 1 !important}
}
@media(max-width: 767px){
#edicoes{text-align: left;}
#footer{padding-top: 0; text-align: center}
#footer .flames{padding-bottom: 40px}
#footer .flex2{display: block;}
#footer .infs{display: block;}
#footer .flutuante{max-width: 90%}
#sobre .flex .item-flex{max-width: 100% !important; margin-bottom: 40px !important}
}
</style>
<div id="edicoes">
<div class="banner-principal">
<div class="container">
<div class="clear40 visible-xs"></div>
<img class="fluid-bread" src="<?php echo RAIZ ?>img/bread001.jpg">
</div>
<div class="clear40 visible-xs"></div>
<img width="100%" src="<?php echo RAIZ ?>img/b8.jpg">
<div class="clear60 hidden-xs"></div>
<div class="container">
<div class="row">
<div class="col-md-4 wow slideInLeft">
<h2>EM 2023 FOI REALIZADA A 3ª EDIÇÃO DO BRASA, NOVAMENTE NO SEMINÁRIO E COM UMA VARIEDADE AINDA MAIOR NO CARDÁPIO</h2>
</div>
<div class="col-md-4">
<h4>* Os mais de 6 mil visitantes puderam escolher entre cortes bovinos, suínos, pescados, cordeiro, codorna, coelho, jacaré e frango.</h4>
<div class="clear50"></div>
<img class="img-fluid wow slideInUp" src="<?php echo RAIZ ?>img/img-fluidd.jpg">
</div>
<div class="col-md-4 wow slideInRight">
<h4>Oito toneladas de alimentos foram consumidas pelo público, que veio de 92 cidades, 8 estados, mais Paraguai e Argentina, movimentando o aeroporto municipal e o setor hoteleiro de Cascavel.</h4>
<div class="clear30"></div>
<a class="btn-galeria transition" href="<?php echo RAIZ ?>galeria">LINK PARA TODAS AS FOTOS</a>
</div>
</div>
</div>
</div>
<div class="banner1">
<img width="100%" class="hidden-xs" src="<?php echo RAIZ ?>img/b1.jpg">
<img width="100%" class="visible-xs" src="<?php echo RAIZ ?>img/b1m.jpg">
</div>
<div class="bloco7">
<img class="wow slideInUp" width="100%" src="<?php echo RAIZ ?>img/b7.jpg">
<div class="container">
<div class="row">
<div class="col-md-4 wow slideInLeft">
<h2>A 2ª edição aconteceu em 2022, com o fim das restrições impostas pela covid, desta vez em um local ainda mais amplo:</h2>
<div class="clear20"></div>
<h3>SEMINÁRIO SÃO JOSÉ.</h3>
</div>
<div class="col-md-4">
<div class="clear40 visible-xs"></div>
<center><img class="seloo wow slideInUp" src="<?php echo RAIZ ?>img/circle.jpg"></center>
<div class="clear40 visible-xs"></div>
</div>
<div class="col-md-4 wow slideInRight">
<h4>A ideia de fazer um churrasco para cerca de 300 amigos se transformou em um festival com mais de 2 mil pessoas, que vieram de 41 cidades e 3 estados para curtir o sábado em Cascavel, com muito chope gelado e uma variedade de carnes na brasa.</h4>
<div class="clear40"></div>
<h4>A primeira edição mostrou que o festival foi pensado para a família inteira, com um Espaço Kids para os pequenos e entretenimento completo para os adultos.</h4>
</div>
</div>
</div>
</div>
<div class="banner2">
<img width="100%" class="hidden-xs" src="<?php echo RAIZ ?>img/b2.jpg">
<img width="100%" class="visible-xs" src="<?php echo RAIZ ?>img/b2m.jpg">
</div>
<div class="banner4">
<img width="100%" class="hidden-xs" src="<?php echo RAIZ ?>img/b4.jpg">
<img width="100%" class="visible-xs" src="<?php echo RAIZ ?>img/b4m.jpg">
</div>
<div class="banner3">
<img width="100%" class="hidden-xs" src="<?php echo RAIZ ?>img/b3.jpg">
<img width="100%" class="visible-xs" src="<?php echo RAIZ ?>img/b3m.jpg">
</div>
<div id="footer">
<div class="container">
<center><img class="flames img-fluid" src="<?php echo RAIZ ?>img/flames.png"></center>
</div>
<img class="flut wow slideInUp hidden-xs" width="100%" src="<?php echo RAIZ ?>img/footer.png">
<div class="container conteudo">
<div class="flex2">
<div class="menu hidden-xs">
<?php include('templates/func/menu.php') ?>
</div>
<div class="logo"><img src="<?php echo RAIZ ?>img/logo-footer.png"></div>
<div class="clear30 visible-xs"></div>
<div class="infs">
<div class="info1">21 | SETEMBRO | 2024</div>
<div class="info2">SEMINÁRIO SÃO JOSÉ | CASCAVEL - PR</div>
</div>
</div>
</div>
</div>
</div>
Zerion Mini Shell 1.0