File: //home/artinside/public_html/sabbry/themes/web/_theme.php
<!DOCTYPE html>
<html lang="pt-br">
<head>
<?= scripts("google_tags"); ?>
<meta charset="UTF-8">
<meta name="mit" content="2019-08-14T09:04:15-03:00+336">
<meta name="viewport" content="width=device-width,initial-scale=1">
<?= $head; ?>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;500;700&family=Raleway:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap"
rel="stylesheet">
<!-- Core Style -->
<link rel="stylesheet" href="<?= theme("assets/style.css"); ?>">
<!-- Font Icons -->
<link rel="stylesheet" href="<?= theme("assets/css/font-icons.css") ?>">
<!-- Plugins/Components CSS -->
<link rel="stylesheet" href="<?= theme("assets/css/swiper.css") ?>">
<!-- Saas Page Module Specific Stylesheet -->
<link rel="stylesheet" href="<?= theme("assets/saas-2/saas-2.css") ?>">
<!-- Custom CSS -->
<link rel="stylesheet" href="<?= theme("assets/css/custom.css") ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="<?= url("/shared/plugin/czm-chat-support.css"); ?>" type="text/css"/>
<link rel="stylesheet" href="<?= url("/shared/styles/custom.css"); ?>" type="text/css"/>
<?= $v->section("css");
// session_destroy()
?>
</head>
<div class="ajax_response"> <?= flash(); ?></div>
<body class="stretched" data-theme="<?= theme() ?>">
<div class="ajax_load" style="z-index: 9999 !important;">
<div class="ajax_load_box">
<div class="ajax_load_box_circle"></div>
<p class="ajax_load_box_title">Aguarde, carregando...</p>
</div>
</div>
<!-- Document Wrapper
============================================= -->
<div id="wrapper">
<!-- <div class="modal-on-load" data-target="#myModal1"></div>-->
<!-- Header
============================================= -->
<header id="header" class="">
<div id="header-wrap">
<div class="container">
<div class="header-row ">
<!-- Logo
============================================= -->
<div id="logo" class="col-lg-2 me-lg-auto">
<a href="<?= url() ?>" class="w-auto">
<img class="logo-default" srcset="<?= url("/images/logo.svg") ?>"
src="<?= url("/images/logo.svg") ?>" alt="Sabbry Logo">
<img class="logo-dark" srcset="<?= url("/images/logo-dark.svg") ?>"
src="<?= url("/images/logo-dark.svg") ?>" alt="Sabbry Logo">
</a>
</div><!-- #logo end -->
<div class="header-misc ms-auto col-lg-2 justify-content-lg-end">
<a href="<?= url("/contato") ?>"
class="button button-border button-circle circle border-contrast-500 bg-primary text-white h-bg-secondary"
style="--cnvs-btn-fontsize: 1.125rem"><i
class="fa-solid fa-envelope-open d-none d-md-inline-block me-2 fs-6 text-white"></i>Contato</a>
</div>
<div class="primary-menu-trigger">
<button class="cnvs-hamburger" type="button" title="Open Mobile Menu">
<span class="cnvs-hamburger-box"><span class="cnvs-hamburger-inner"></span></span>
</button>
</div>
<!-- Primary Navigation
============================================= -->
<nav class="primary-menu with-arrows">
<ul class="me-0 border-0 menu-container">
<li class="menu-item"><a class="menu-link" href="<?= url("") ?>">
<div>Home</div>
</a></li>
<li class="menu-item"><a class="menu-link" href="<?= url("/sobre"); ?>">
<div>Empresa</div>
</a></li>
<li class="menu-item"><a class="menu-link" href="">
<div>Produtos</div>
</a>
<ul class="sub-menu-container" data-class="up-lg:not-dark">
<?php foreach (menuCategories("product", 0) as $menu): ?>
<li class="menu-item"><a class="menu-link" href="#">
<div><?= $menu->title ?></div>
</a>
<?php if (menuCategories("product", $menu->id)): ?>
<ul class="sub-menu-container" data-class="up-lg:not-dark">
<?php
foreach (menuCategories("product", $menu->id) as $sub):
?>
<li class="menu-item"><a class="menu-link"
href="<?=url("/produto/em/$sub->uri")?>">
<div>
<i class="bi-chevron-double-right"></i><?= $sub->title ?>
</div>
</a></li>
<?php endforeach; ?>
</ul>
<?php
endif;
endforeach; ?>
</li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="">
<div>Peças</div>
</a>
<ul class="sub-menu-container" data-class="up-lg:not-dark">
<?php foreach (menuCategories("pecas", 0) as $menu): ?>
<li class="menu-item"><a class="menu-link" href="#">
<div><?= $menu->title ?></div>
</a>
<?php if (menuCategories("pecas", $menu->id)): ?>
<ul class="sub-menu-container" data-class="up-lg:not-dark">
<?php
foreach (menuCategories("pecas", $menu->id) as $sub):
?>
<li class="menu-item"><a class="menu-link"
href="<?=url("/pecas/em/$sub->uri")?>">
<div>
<i class="bi-chevron-double-right"></i><?= $sub->title ?>
</div>
</a></li>
<?php endforeach; ?>
</ul>
<?php
endif;
endforeach; ?>
</li>
</ul>
</li>
<li class="menu-item"><a class="menu-link" href="<?= url("produto/servicos"); ?>">
<div>Serviços</div>
</a></li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<!--CONTENT-->
<?= $v->section("content"); ?>
<!-- Footer
============================================= -->
<footer id="footer" class="page-section dark border-0 p-0 border-top border-5 border-primary">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap" style="padding: 80px 0">
<div class="row col-mb-50">
<div class="col-lg-3">
<div class="footer-logo"><img class="logo-dark" srcset="<?= url("/images/logo-dark.svg") ?>"
src="<?= url("/images/logo-dark.svg") ?>" height="70" alt="Sabbry Logo"></div>
</div>
<div class="col-lg-9">
<div class="row col-mb-50">
<div class="col-sm-6 col-md-4">
<div class="widget">
<h4 class="text-primary">Contato</h4>
<div class="footer-content">
<div class="mb-2"> <span title="Phone Number" class="mb-5"><i class="fa fa-phone text-primary"></i> +55 (11) 2626 - 4219</span></div>
<div class="mb-2"> <span title="Phone Number" class="mb-5"><i class="fa fa-envelope text-primary"></i> contato@sabbry.com</span></div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="widget">
<h4 class="text-primary">Endereço</h4>
<div class="footer-content">
<div class="mb-2"> <span title="Phone Number" class="mb-5"><i class="fa fa-map-location text-primary"></i> Rua Rubem Braga, 58 <br> Conj. 102 e 103 - Barueri, SP</span></div>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="widget">
<h4 class="text-primary">Redes Sociais</h4>
<div class="d-flex mt-4">
<a href="#" class="social-icon si-small rounded-circle text-white bg-facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<a href="#" class="social-icon si-small rounded-circle text-white bg-twitter">
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-twitter"></i>
</a>
<a href="#" class="social-icon si-small rounded-circle text-white bg-google">
<i class="fa-brands fa-google"></i>
<i class="fa-brands fa-google"></i>
</a>
<a href="#" class="social-icon si-small rounded-circle text-white bg-pinterest">
<i class="fa-brands fa-pinterest-p"></i>
<i class="fa-brands fa-pinterest-p"></i>
</a>
<a href="#" class="social-icon si-small rounded-circle text-white bg-vimeo">
<i class="fa-brands fa-vimeo-v"></i>
<i class="fa-brands fa-vimeo-v"></i>
</a>
<a href="#" class="social-icon si-small rounded-circle text-white bg-github">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i>
</a>
<a href="#" class="social-icon si-small rounded-circle text-white bg-yahoo">
<i class="fa-brands fa-yahoo"></i>
<i class="fa-brands fa-yahoo"></i>
</a>
<a href="#" class="social-icon si-small rounded-circle text-white bg-linkedin">
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-linkedin"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights">
<div class="container">
<div class="w-100 text-center">
<p class="mb-3">Todos os deireitos reservados a Sabbry <?= date("Y")?></p>
<div class="copyright-links"><a href="#">Política de Privacidade</a></div>
</div>
</div>
</div><!-- #copyrights end -->
</footer><!-- #footer end -->
</div><!-- #wrapper end -->
<div id="whatsplugin"></div>
<!-- Go To Top
============================================= -->
<div id="gotoTop" class="uil uil-angle-up rounded-circle bg-color h-bg-dark"></div>
<script src="<?= theme("/assets/js/functions.bundle.js"); ?>"></script>
<script src="<?= theme("/assets/js/plugins.min.js"); ?>"></script>
<script src="<?= theme("/assets/js/scripts.js"); ?>"></script>
<script src="<?= url("/shared/scripts/jquery.form.js"); ?>"></script>
<script src="<?= url("/shared/scripts/jquery-ui.js"); ?>"></script>
<script src="<?= url("/shared/scripts/jquery.mask.js"); ?>"></script>
<script src="<?= url("/shared/plugin/czm-chat-support.min.js"); ?>"></script>
<script>
$('#whatsplugin').czmChatSupport({
/* Button Settings */
button: {
position: "right", /* left, right or false. "position:false" does not pin to the left or right */
style: 1, /* Button style. Number between 1 and 7 */
src: '<i class="fab fa-whatsapp"></i>', /* Image, Icon or SVG */
backgroundColor: "#10c379", /* Html color code */
effect: 1, /* Button effect. Number between 1 and 7 */
notificationNumber: false, /* Custom text or false. To remove, (notificationNumber:false) */
speechBubble: false, /* To remove, (speechBubble:false) */
pulseEffect: false, /* To remove, (pulseEffect:false) */
text: { /* For Button style larger than 1 */
title: "SAC", /* Writing is required */
description: "Precisa de ajuda?", /* To remove, (description:false) */
online: "Estamos Online", /* To remove, (online:false) */
offline: "Voltamos em Breve" /* To remove, (offline:false) */
},
link: {
desktop: "https://api.whatsapp.com/send?phone=551135791111&text=", /* Writing is required */
mobile: "https://wa.me/551135791111/?text=" /* If it is hidden desktop link will be valid. To remove, (mobile:false) */
},
onlineDay: {
/* Change the day you are offline like this. (sunday:false) */
sunday: "00:00-23:59",
monday: "00:00-23:59",
tuesday: "00:00-23:59",
wednesday: "00:00-23:59",
thursday: "00:00-23:59",
friday: "00:00-23:59",
saturday: "00:00-23:59"
}
},
/* Other Settings */
sound: false, /* true (default sound), false or custom sound. Custom sound example, (sound:'assets/sound/notification.mp3') */
changeBrowserTitle: false, /* Custom text or false. To remove, (changeBrowserTitle:false) */
cookie: 1, /* It does not show the speech bubble, notification number, pulse effect and automatic open popup again for the specified time. For example, do not show for 1 hour, (cookie:1) or to remove, (cookie:false) */
});
</script>
<script>
window.addEventListener( 'load', function() {
var swiperParent = new Swiper('.swiper-parent', {
spaceBetween: 20,
slidesPerView: 3,
speed: 6000,
autoplay: {
delay: 1,
},
loop: true,
allowTouchMove: true,
disableOnInteraction: false,
breakpoints: {
768: {
spaceBetween: 20,
slidesPerView: 3,
},
992: {
spaceBetween: 20,
slidesPerView: 4,
},
1200: {
slidesPerView: 6,
}
}
});
});
</script>
<script>
window.addEventListener('load', function () {
var swiperParent = new Swiper('.swiper-testimonial', {
slidesPerView: 3,
spaceBetween: 30,
navigation: {
prevEl: '.slider-arrow-left',
nextEl: '.slider-arrow-right'
},
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
1: {
slidesPerView: 1
},
576: {
slidesPerView: 1
},
768: {
slidesPerView: 2
},
1200: {
slidesPerView: 3
}
}
});
var SwiperTabsContainer = new Swiper('.swiper-tab-container', {
loop: true,
slidesPerView: 1,
autoHeight: true,
autoplay: {
delay: 5000,
disableOnInteraction: false,
autoplayDisableOnInteraction: false
},
effect: 'fade',
fadeEffect: {
crossFade: true
},
longSwipes: true,
autoplayDisableOnInteraction: true,
on: {
activeIndexChange: function (swiper) {
var index = swiper.realIndex;
jQuery('.swiper-tab-link').removeClass('active');
jQuery('.swiper-tab-link').eq(index).addClass('active');
}
}
});
jQuery('.swiper-tab-link').on('click', function () {
var index = jQuery(this).index();
SwiperTabsContainer.slideToLoop(index);
jQuery('.swiper-tab-link').removeClass('active');
jQuery(this).addClass('active');
});
});
</script>
<!-- Para usar utilize:
$v->start("scripts");
Aqui vai o código CSS.
Para terminar use:
$v->end(); -->
<?= $v->section("scripts");
$v->insert("views/side-panel"); ?>
<?php if ($maintenance): ?>
<div class="maintenance bg-deep-red white-text padding-10 fixed-bottom" style="width: 100%;">
<div class="float-left">
<b>Modo Manutenção</b>
</div>
<div class="float-right btn btn-sm btn-dark ">
<a href="#" class="white-text" data-post="<?= url("/admin/manutencao"); ?>"><i class="fas fa-lock"></i>
Desativar</a>
</div>
</div>
<?php endif; ?>
</body>
</html>