File: //proc/self/cwd/raquel/themes/web/home.php
<?php $v->layout("_theme");
$v->start("css");
?>
<?php $v->end(); ?>
<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-25 min-vh-md-60 min-vh-lg-75 include-header"
data-speed="650" data-loop="true">
<div class="slider-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark">
<!-- <div class="overlay-black-light"></div>-->
<div class="container">
<!-- <div class="slider-caption">-->
<!-- <h3 class="hero-title display-4 font-weight-bold text-shadow font-sm-5 ">-->
<!-- <span class="theme-secondary-text"><span class="white-text">Montagem de <br></span>Tirolesa</h3>-->
<!-- <p class="font-medium pr-5 font-sm-2">Saiba-->
<!-- mais sobre nossos serviços de montagemd e tirolesa-->
<!-- <a href="--><?//= url("sobre") ?><!--"-->
<!-- class="btn btn-lg bg-color-2 rounded-pill mt-5 px-5 theme-text">Saiba Mais <i-->
<!-- class="icon-line-arrow-right white-text ml-1"></i></a>-->
<!-- </p>-->
<!---->
<!-- </div>-->
</div>
<div class="swiper-slide-bg"
style="background-image: url('<?= theme("assets/images/sl1.jpg") ?>'); background-position: center top"></div>
</div>
</div>
<!-- <div class="slider-arrow-left"><i class="icon-angle-left"></i></div>-->
<!-- <div class="slider-arrow-right"><i class="icon-angle-right"></i></div>-->
<!-- <div class="slide-number">-->
<!-- <div class="slide-number-current"></div>-->
<!-- <span>/</span>-->
<!-- <div class="slide-number-total"></div>-->
<!-- </div>-->
<!-- <div class="swiper-pagination"></div>-->
</div>
</div>
</section>
<section id="content">
<div class="content-wrap">
<div class="container py-5 mb-5 p-5 p-md-2">
<div class="row align-items-center col-mb-30">
<div class="col-lg-3 col-md-5 offset-lg-1">
<img src="<?= theme("assets/images/logo-icon.svg") ?>">
</div>
<div class="col-lg-7 col-md-7">
<h3 class="font-weight-bold font-display theme-secondary-text font-md-7 font-lg-7 font-xl-8"><span>Sobre </span>mim
</h3>
<p class="mb-4 font-weight-normal mt-0">Prazer, me chamo Raquel, tenho 24 anos e sou professora de Inglês infantil. Sou apaixonada por crianças e pelo processo de Alfabetização no idioma inglês. Fui voluntária em projeto sociais infantis por 5 anos...</p>
<a href="<?= url("sobre") ?>"
class="btn btn-lg white-text bg-color-2 rounded-pill mt-5 mb-5 px-5">Saiba Mais <i
class="icon-line-arrow-right white-text ml-1"></i></a>
</div>
</div>
</div>
<div class="section bg-color-2 dark mb-0 mt-0" style="padding: 100px 0;">
<div class="container">
<div class="heading-block mw-xs mx-auto text-center mb-6">
<h5 class="font-body text-uppercase ls2 color">Destaque</h5>
<h3 class="nott ls0">Conheça as Aulas e Vídeos</h3>
</div>
<div class="row services-grid gutter-30 position-relative dark">
<img class="op-05" src="<?= theme("assets/images/bg1.svg") ?>" alt="Grid Image"
style="position: absolute; left: -30px; top: -40px; z-index: -1;" width="100">
<div class="col-lg-6 mb-4">
<div class="flip-card top-to-bottom">
<div class="flip-card-front" data-height-xs="320"
style="background-image: url('<?= theme("assets/images/aulas.jpg") ?>');">
<div class="flip-card-inner">
<div class="card bg-transparent border-0">
<!-- <div class="card-body">-->
<!-- <h3 class="card-title mb-0">Aulas</h3>-->
<!-- <span class="font-italic">Venha cantar comigo</span>-->
<!-- </div>-->
</div>
</div>
</div>
<div class="flip-card-back bg-color no-after" data-height-xs="320">
<div class="flip-card-inner">
<p class="mb-2 text-white pl-3">Clique abaixo para ver os Vídeos disponíveis.</p>
<a href="<?= url("videos")?>" class="text-uppercase font-weight-medium button button-small button-border button-light button-circle mt-5 ">Saiba Mais <i class="icon icon-chevron-right"></i></a>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-4">
<div class="flip-card top-to-bottom">
<div class="flip-card-front dark" data-height-xs="320"
style="background-image: url('<?= theme("assets/images/cursos.jpg") ?>');">
<div class="flip-card-inner">
<div class="card bg-transparent border-0">
<!-- <div class="card-body">-->
<!-- <h3 class="card-title mb-0">Cursos</h3>-->
<!-- <span class="font-italic">Conheça os cursos</span>-->
<!-- </div>-->
</div>
</div>
</div>
<div class="flip-card-back bg-color no-after" data-height-xs="320">
<div class="flip-card-inner">
<p class="mb-2 text-white pl-3">Clique abaixo para ver as Aulas disponíveis.</p>
<a href="<?= url("servicos/em/aulas")?>" class="text-uppercase font-weight-medium button button-small button-border button-light button-circle mt-5 ">Saiba Mais <i class="icon icon-chevron-right"></i></a>
</div>
</div>
</div>
</div>
<img src="<?= theme("assets/images/bg1.svg") ?>" alt="Grid Image" class="op-05"
style="position: absolute; right: -30px; bottom: -10px; z-index: -1;" width="100">
</div>
</div>
</div>
<div class="section bg-white mt-0" style="padding: 100px 0;">
<div class="container">
<div class="heading-block mw-xs mx-auto text-center mb-6">
<h5 class="font-body text-uppercase ls2 color-2">Últimas Postagens</h5>
<h3 class="color nott ls0">Acompanhe nosso Instagram</h3>
</div>
<div data-mc-src="8323fc4b-15d2-46d9-a712-54a7a4e9c7b7#instagram"></div>
<script
src="https://cdn2.woxo.tech/a.js#63ff78a0f4cc9e4f9aba26b0"
async data-usrc>
</script>
</div>
</div>
<?php $v->insert("views/newsletter-widget-2"); ?>
</div>
</section><!-- #content end -->