File: /home/artinside/mpita.artinside.com.br/themes/web/home.php
<?php
$this->layout("_theme");
?>
<!-- Slider
============================================= -->
<section id="slider" class="slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-lg-75" data-effect="fade" data-loop="true" data-speed="1000" data-progress="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 bg-primary"></div>
<div class="container">
<div class="slider-caption">
<h1 class="display-4 fw-medium font-secondary ls-n-1">Especializada em <span class="text-secondary">direito empresarial</span>
</h1>
<p class="lead fw-lighter op-08 mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<a href="<?= url("/sobre") ?>" class="white-text h-text-secondary">Saiba Mais <i
class="uil-arrow-right text-secondary"></i></a>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url(
"images/banner1.jpg"
) ?>');"></div>
</div>
</div>
<div class="slider-arrow-left"><i class="uil uil-angle-left-b"></i></div>
<div class="slider-arrow-right"><i class="uil uil-angle-right-b"></i></div>
<div class="slide-number">
<div class="slide-number-current"></div>
<span>/</span>
<div class="slide-number-total"></div>
</div>
</div>
</div>
</section>
<section id="content">
<div class="content-wrap py-0">
<div class="section bg-gray-light my-0">
<div class="container py-0 py-lg-4">
<div class="row justify-content-between align-content-center col-mb-80">
<div class="col-lg-4">
<span class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block"
style="--cnvs-font-size-small: .75rem">o escritório</span>
<h3 class="fs-1 mb-4 text-uppercase">Conheça nossa empresa</h3>
<p class="fw-lighter op-08">Michele Pita & Advogados Associados é um escritório especializado em
operações estratégicas com atuação especializada em direito empresarial.</p>
<a href="<?= url("/sobre") ?>"
class="button button-reveal text-end ls-0 m-0"
style="padding-left: 50px;padding-right: 50px;"><span>Saiba Mais</span><i
class="bi-chevron-right"></i></a>
</div>
<div class="col-lg-8 mb-lg-6">
<div class="row g-5 justify-content-end">
<div class="col-sm-6 col-lg-5">
<i class="fs-2 mb-3 text-secondary bi-star"></i>
<a href="<?= url("/sobre") ?>">
<h4 class="fw-normal text-uppercase ls-2 mb-3">Nossa Essência <i
class="uil-arrow-right text-secondary"></i></h4>
</a>
<p class="fw-light op-08">Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Eaque, earum magnam ex tenetur veniam quas ad quasi qui enim id.</p>
</div>
<div class="col-sm-6 col-lg-5">
<i class="fs-2 mb-3 bi-envelope-at text-secondary"></i>
<a href="<?= url("/contato") ?>">
<h4 class="fw-normal text-uppercase ls-2 mb-3">Fale Conosco <i
class="uil-arrow-right text-secondary"></i></h4>
</a>
<p class="fw-light op-08">Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Eaque, earum magnam ex tenetur veniam quas ad quasi qui enim id.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<section id="content">
<div class="content-wrap d-flex align-items-center bg-primary dark p-6">
<div class="container">
<div class="row align-content-center justify-content-center center mb-4">
<div class="col-8">
<span class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block"
style="--cnvs-font-size-small: .75rem">Diferenciais</span>
<h3 class="fs-1 mb-4 text-uppercase">Nossos números</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-10">
<div class="row col-mb-30">
<div class="col-md-4">
<div class="d-flex align-items-center justify-content-center">
<div class="counter counter-xlarge text-secondary fw-bolder"><span data-from="1"
data-to="15"
data-refresh-interval="10"
data-speed="1600"></span>
</div>
<span class="ms-2">+ Anos de<br>Experiência.</span>
</div>
</div>
<div class="col-md-4">
<div class="d-flex align-items-center justify-content-center">
<div class="counter counter-xlarge text-secondary fw-bolder"><span data-from="4"
data-to="83"
data-refresh-interval="50"
data-speed="1500"></span>
</div>
<span class="ms-2">% algum <br>Número.</span>
</div>
</div>
<div class="col-md-4">
<div class="d-flex align-items-center justify-content-center">
<div class="counter counter-xlarge text-secondary fw-bolder"><span data-from="5"
data-to="100"
data-refresh-interval="30"
data-speed="1200"></span>
</div>
<span class="ms-2">% Clientes<br>Atendidos.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section><!-- #content end -->
<div id="section-examples" class="section page-section bg-white m-0 mt-0">
<div class="container">
<div class="row align-items-stretch g-3 justify-content-center">
<div class="col-xl-6 text-center mb-6">
<div class="d-flex position-relative flex-column h-100 overflow-hidden center-col"
style="border-radius: 20px;">
<div class="position-relative z-1">
<span class="text-uppercase small ls-2 text-secondary mb-2 d-inline-block"
style="--cnvs-font-size-small: .75rem">NEWS</span>
<h3 class="fs-1 mb-4">Últimas Notícias</h3>
</div>
</div>
</div>
<div class="clear"></div>
<div class="row justify-content-between align-items-center text-left">
<div class="col-md-5">
<ul class="swiper-links-container list-unstyled">
<?php
$i = 0;
foreach ($posts as $post): ?>
<li class="swiper-tab-link <?= $i == 0 ? "active" : "" ?>">
<h3 class="swiper-tab-title"><?= $post->title ?></h3>
<p class="swiper-tab-content fw-lighter small font-body"
style="font-weight: lighter !important;"><?= $post->subtitle ?>
<br>
<br>
<a href="<?= url("/blog/{$post->uri}") ?>" class="h-text-secondary text-decoration-underline font-secondary">Saiba Mais <i
class="uil-arrow-right text-secondary"></i></a>
</p>
<div class="swiper-pagination-progress">
<span class="swiper-pagination-bar"></span><span
class="swiper-pagination-bar-active"></span>
</div>
</li>
<?php
$i++;
endforeach; ?>
</ul>
<!-- <div class="swiper-pagination swiper-tab-pagination"></div> -->
</div>
<div class="col-md-6">
<div id="swiper-tab" class="swiper_wrapper h-auto">
<div class="swiper-container swiper-tab-container">
<div class="swiper-wrapper">
<?php
$i = 0;
foreach ($posts as $post): ?>
<div class="swiper-slide">
<a href="<?= url("/blog/{$post->uri}") ?>">
<img src="<?= image($post->cover, "600") ?>" alt=".."
class="rounded-xxl"></a>
</div>
<?php
$i++;
endforeach; ?>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="container text-center mt-6">
<a href="<?= url("/blog") ?>"
class="button button-reveal text-end ls-0 m-0 bg-primary h-bg-secondary"
style="padding-left: 50px;padding-right: 50px;"><span>Todas Matérias</span><i
class="bi-chevron-right"></i></a>
</div>
</div>
</div>
</div>
<div class="section parallax scroll-detect m-0 border-0 d-flex dark " data-parallax-direction="horizontal">
<img src="<?= url("images/parallax2.jpg") ?>" class="parallax-bg">
<div class="vertical-middle">
<div class="container ml-0">
<div class="overlay-black" style="margin-left: -12px !important;"></div>
<div class="row align-content-center justify-content-center center">
<div class="col-md-10">
<div class="emphasis-title m-5">
<span class="text-uppercase small ls-2 text-secondary d-inline-block"
style="--cnvs-font-size-small: .75rem">NEWS</span>
<h2 class="font-extra-large ls-0">Texto destaque</h2>
<p class="lead mt-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco</p>
<a href="<?= url("") ?>"
class="button button-reveal text-end ls-0 m-0 button-border button-light h-bg-secondary"
style="padding-left: 50px;padding-right: 50px;"><span>Saiba Mais</span><i
class="bi-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
$this->insert("views/newsletter-widget2"); ?>
<?php
$this->insert("views/brands"); ?>
</div>
</section><!-- #content end -->