File: //home/artinside/sites.artinside.com.br/iande/themes/web/_theme.php
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- --><?php
//= 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="icon" type="image/png" href="<?= theme("/assets/images/favicon.png"); ?>"/>
<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=DM+Serif+Display:ital@0;1&family=Open+Sans:ital,wght@0,300..800;1,300..800&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") ?>">
<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"/>
<!-- Custom CSS -->
<link rel="stylesheet" href="<?= theme("assets/css/custom.css") ?>">
<style>
@media (min-width: 992px) {
.position-lg-sticky {
top: 80px;
}
}
</style>
<?= $this->section("css");
// session_destroy()
?>
</head>
<div class="ajax_response"> <?= flash(); ?></div>
<body class="stretched">
<div class="ajax_load" style="z-index: 9999 !important;">
<div class="ajax_load_box">
<div class="ajax_load_box_"></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="transparent-header floating-header dark" data-mobile-sticky="true" data-sticky-shrink="true">
<div id="header-wrap">
<div class="container">
<div class="header-row">
<!-- Logo
============================================= -->
<div id="logo">
<a href="<?= url()?>">
<img class="logo-default" srcset="<?=url("images/logo.svg")?>, <?=url("images/logo.svg")?>" src="<?=url("images/logo.svg")?>" alt="Logotipo Iandé" style="max-width: 150px">
<img class="logo-dark" srcset="<?=url("images/logo.svg")?>, <?=url("images/logo.svg")?>" src="<?=url("images/logo.svg")?>" alt="Logotipo Iandé" style="max-width: 150px">
</a>
</div><!-- #logo end -->
<div class="header-misc d-none d-md-flex">
<!-- Icons
============================================= -->
<?php if(CONF_SOCIAL_INSTAGRAM_PAGE != ""): ?>
<a href="<?= CONF_SOCIAL_INSTAGRAM_PAGE ?>" target="_blank" class="social-icon border-transparent si-small h-bg-instagram" title="instagram">
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-instagram"></i>
</a>
<?php endif; ?>
<?php if(CONF_SOCIAL_LINKEDIN_PAGE != ""): ?>
<a href="<?= CONF_SOCIAL_LINKEDIN_PAGE ?>" target="_blank" class="social-icon border-transparent si-small h-bg-linkedin" title="linkedin">
<i class="fa-brands fa-linkedin"></i>
<i class="fa-brands fa-linkedin"></i>
</a>
<?php endif; ?>
<?php if(CONF_SOCIAL_WHATSAPP_WEB != ""): ?>
<a href="<?= CONF_SOCIAL_WHATSAPP_WEB ?>" target="_blank" class="social-icon border-transparent si-small h-bg-whatsapp" title="WhatsApp">
<i class="fa-brands fa-whatsapp"></i>
<i class="fa-brands fa-whatsapp"></i>
</a>
<?php endif; ?>
</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 style-3">
<ul class="menu-container">
<li class="menu-item ms-auto">
<a class="menu-link" href="#"><div>Biomimética </div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="<?= url("o-que-e-biomimetica")?>"><div class="small font-xsmall iande-light-text">O Que é Biomimética?</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="<?= url("/cases")?>"><div class="small font-xsmall iande-light-text">Cases</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="<?= url("/o-que-e-biomimetica#curiosidades")?>"><div class="small font-xsmall iande-light-text">Curiosidades</div></a>
</li>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="#"><div>iandé</div></a>
<ul class="sub-menu-container">
<li class="menu-item">
<a class="menu-link" href="<?= url("sobre")?>"><div class=" font-xsmall iande-light-text">Quem Somos</div></a>
</li>
<li class="menu-item">
<a class="menu-link" href="<?= url("clientes")?>"><div class=" font-xsmall iande-light-text">Clientes e Parceiros</div></a>
</li>
</ul>
</li>
<li class="menu-item ms-auto">
<a class="menu-link" href="#"><div>Soluções </div></a>
<ul class="sub-menu-container">
<?php foreach (menuCategories("services") AS $solucoes):?>
<li class="menu-item">
<a class="menu-link" href="<?= url("servicos/em/{$solucoes->uri}")?>"><div class=" font-xsmall iande-light-text"><?= $solucoes->title ?></div></a>
</li>
<?php endforeach; ?>
</ul>
</li>
<li class="menu-item ms-auto">
<a class="menu-link" href="#"><div>Mídia </div></a>
<ul class="sub-menu-container">
<?php foreach (menuCategories("post") AS $midia):?>
<li class="menu-item">
<a class="menu-link" href="<?= url("midia/em/{$midia->uri}")?>"><div class=" font-xsmall iande-light-text"><?= $midia->title ?></div></a>
</li>
<?php endforeach; ?>
</ul>
</li>
<li class="menu-item">
<a class="menu-link" href="<?= url("contato")?>"><div>Contato</div></a>
</li>
</ul>
</nav><!-- #primary-menu end -->
</div>
</div>
</div>
<div class="header-wrap-clone"></div>
</header><!-- #header end -->
<!-- Slider
============================================= -->
<!--CONTENT-->
<?= $this->section("content"); ?>
<!-- Footer
============================================= -->
<!-- Footer
============================================= -->
<footer id="footer" class="bg-iande-light2">
<div class="container">
<!-- Footer Widgets
============================================= -->
<div class="footer-widgets-wrap">
<div class="row align-content-center align-items-center">
<div class="col-lg-4 col-md-2 col-12 mb-5 mb-md-0">
<div class="widget widget_links widget-li-noicon center">
<img src="<?= url("images/logo-gd.svg") ?>" style="max-width: 150px">
</div>
</div>
<div class="col-lg-4 col-md-4 col-12 mb-5 mb-md-0 text-center">
<div class="d-flex justify-content-center justify-content-md-center">
<?php if(CONF_SOCIAL_FACEBOOK_PAGE != ""): ?>
<a href="<?= CONF_SOCIAL_FACEBOOK_PAGE ?>" target="_blank" class="social-icon si-small h-bg-facebook" title="Facebook">
<i class="fa-brands fa-facebook-f"></i>
<i class="fa-brands fa-facebook-f"></i>
</a>
<?php endif; ?>
<?php if(CONF_SOCIAL_INSTAGRAM_PAGE != ""): ?>
<a href="<?= CONF_SOCIAL_INSTAGRAM_PAGE ?>" target="_blank" class="social-icon si-small h-bg-instagram" title="Instagram">
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-instagram"></i>
</a>
<?php endif; ?>
<?php if(CONF_SOCIAL_LINKEDIN_PAGE != ""): ?>
<a href="<?= CONF_SOCIAL_LINKEDIN_PAGE ?>" target="_blank" class="social-icon si-small h-bg-linkedin" title="Linkedin">
<i class="fa-brands fa-linkedin-in"></i>
<i class="fa-brands fa-linkedin-in"></i>
</a>
<?php endif; ?>
<?php if(CONF_SOCIAL_TIKTOK_PAGE != ""): ?>
<a href="<?= CONF_SOCIAL_TIKTOK_PAGE ?>" target="_blank" class="social-icon si-small h-bg-tiktok" title="TikTok">
<i class="fa-brands fa-tiktok"></i>
<i class="fa-brands fa-tiktok"></i>
</a>
<?php endif; ?>
<?php if(CONF_SOCIAL_TWITTER_PAGE != ""): ?>
<a href="<?= CONF_SOCIAL_TWITTER_PAGE ?>" target="_blank" class="social-icon si-small h-bg-x-twitter" title="twitter">
<i class="fa-brands fa-x-twitter"></i>
<i class="fa-brands fa-x-twitter"></i>
</a>
<?php endif; ?>
<?php if(CONF_SOCIAL_YOUTUBE_PAGE != ""): ?>
<a href="<?= CONF_SOCIAL_YOUTUBE_PAGE ?>" target="_blank" class="social-icon si-small h-bg-youtube" title="youtube">
<i class="fa-brands fa-youtube"></i>
<i class="fa-brands fa-youtube"></i>
</a>
<?php endif; ?>
<?php if(CONF_SOCIAL_PINTEREST_PAGE != ""): ?>
<a href="<?= CONF_SOCIAL_PINTEREST_PAGE ?>" target="_blank" class="social-icon si-small h-bg-pinterest" title="pinterest">
<i class="fa-brands fa-pinterest"></i>
<i class="fa-brands fa-pinterest"></i>
</a>
<?php endif; ?>
<?php if(CONF_SOCIAL_WHATSAPP_WEB != ""): ?>
<a href="<?= CONF_SOCIAL_WHATSAPP_WEB ?>" target="_blank" class="social-icon si-small h-bg-whatsapp" title="WhatsApp">
<i class="fa-brands fa-whatsapp"></i>
<i class="fa-brands fa-whatsapp"></i>
</a>
<?php endif; ?>
</div>
</div>
<div class="col-lg-4 col-md-4 text-center text-md-end">
<div class="widget">
<div>
<h3 class="mb-3"><a href="tel:<?= CONF_TELEPHONE?>" class="text-primary"><i class="bi-phone me-1"></i> <?= CONF_TELEPHONE?></a></h3>
</div>
</div>
</div>
</div>
</div><!-- .footer-widgets-wrap end -->
</div>
<!-- Copyrights
============================================= -->
<div id="copyrights" class="bg-iande-light3 dark">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-12 text-primary center">
Todos direitos reservados a Infinity Studio 2024.
</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- bg-secondary 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 src="https://cdnjs.cloudflare.com/ajax/libs/skrollr/0.6.30/skrollr.min.js"></script>
<script>!SEMICOLON.Mobile.any() && skrollr.init({forceHeight: false});</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,
pauseOnHover: true,
autoplay: {
delay: 15000,
disableOnInteraction: true,
autoplayDisableOnInteraction: true
},
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>
<script>
jQuery(document).ready( function(){
var lastScrollTop = 0;
window.addEventListener("scroll", function(event){
var st = jQuery(this).scrollTop();
if (st > lastScrollTop){
jQuery('#header.sticky-on-scrollup').removeClass('show-sticky-onscroll'); // Down Scroll
} else {
jQuery('#header.sticky-on-scrollup').addClass('show-sticky-onscroll'); // Up Scroll
}
lastScrollTop = st;
});
jQuery('.services-grid .feature-box').hover(
function () {
jQuery(this).addClass("dark");
},
function () {
jQuery(this).removeClass("dark");
}
);
});
</script>
<?= $this->section("scripts"); ?>
<?php if($maintenance):?>
<div class="maintenance bg-youtube white-text padding-10 fixed-bottom" style="width: 100%;">
<div class="float-start" sty>
<b>Modo Manutenção</b>
</div>
<div class="float-end 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>