File: //home/artinside/sites.artinside.com.br/iande/themes/web/products.php
<?php $this->layout("_theme");
$this->insert("views/page-title", ["pageTitle" => $pageTitle]);
?>
<section id="content" class="bg-light-gray">
<div class="content-wrap">
<div class="container clearfix">
<!-- Post Content
============================================= -->
<div class="row justify-content-center align-items-center">
<div class="col-xl-7 mt">
<div class="d-flex p-5 position-relative flex-column h-100 overflow-hidden"
style="border-radius: 20px;">
<div class="position-relative z-1">
<div>
<span
class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-secondary">Orafol</span>
</div>
<h3 class="display-6 mb-3 fw-medium text-uppercase">Sobre a Marca</h3>
<p class="op-09 mb-5">Maior fabricante europeu de filmes autoadesivos, opera há mais de 200 anos na Alemanha em uma fábrica com mais de 250.000m2. </p>
<h3 class="display-6 mb-3 fw-medium text-uppercase">Sobre os produtos</h3>
<p class="op-09 mb-5">As inovações dos produtos ORAFOL moldam o futuro em muitas indústrias e fazem parte da vida das pessoas. Em cooperação confiável com clientes e parceiros, a ORAFOL abre novas áreas de aplicação e permite soluções sustentáveis que atendem às normas globais e aos mais altos padrões de qualidade.
<br>
<strong>Em relação à Sign House, somos o importador com maior produtos a pronta entrega do Brasil.</strong>
</p>
</div>
</div>
</div>
<div class="col-xl-5">
<div class="d-flex position-relative h-75 min-vh-25 overflow-hidden"
style="border-radius: 20px;">
<img src="<?= url("images/house.jpg") ?>" alt="..."
class="object-cover w-100 h-100 position-absolute">
<div class="position-relative z-1 mt-5 ms-5">
<span class="badge rounded-pill bg-secondary px-3 py-2 mb-2 fw-normal text-white">Produtos de qualidade</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="section-examples" class="section page-section bg-contrast-300 m-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-12 text-center">
<div>
<span
class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-secondary">Linha de Produtos</span>
</div>
<h3 class="display-6 mb-3 fw-medium text-uppercase mb-6">Conheça a linha completa</h3>
<div id="shop" class="shop row gutter-20">
<?php
foreach ($products as $product):
?>
<div class="product col-lg-3 col-md-6 col-sm-6 col-12">
<div class="entry d-flex flex-column h-100 mb-0 bg-contrast-0 p-4 "
style="--cnvs-post-item-margin:0; " >
<div class="entry-image mb-3">
<a href="<?= url("produto/orafol/{$product->uri}")?>">
<img src="<?= image($product->cover, 380, 300);?>" alt="<?= $product->title?>">
</a>
</div>
<div class="entry-desc mb-auto">
<div class="entry-title small">
<h3 class="mb-0 fs-5 font-body fw-bold"><a href="#"><?= $product->title ?></a></h3>
<span><?= $product->subtitle ?></span>
</div>
<a href="<?= url("produto/orafol/{$product->uri}")?>" class="button button-rounded button-reveal button-small button-red text-end mt-3"><i class="uil uil-angle-right-b"></i><span>Saiba Mais</span></a>
</div>
</div>
</div>
<?php
endforeach;
?>
</div><!-- #shop end -->
</div>
</div>
</div>
<?php if (isset($paginator)): ?>
<hr>
<?= $paginator; ?>
<?php endif; ?>
</div>
</div>
</section><!-- #content end -->
<?php $this->insert("views/newsletter-widget2"); ?>