File: //home/artinside/sites.artinside.com.br/festival/themes/web/home.php
<?php
$this->layout("_theme");
?>
<section id="slider"
class="slider-element slider-parallax swiper_wrapper min-vh-60 min-vh-md-75 min-vh-lg-100 include-header"
data-effect="fade" data-autoplay="10000" data-speed="650" data-loop="true" data-progress="true">
<div class="slider-inner">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper">
<div class="swiper-slide dark">
<div class="container banner-click hover">
<div class="slider-caption col-10 col-md-6 col-lg-6">
<h2 class="fw-light lh-1 text-shadow" style="line-height: 0.9em !important;">
<span class="text-shadow text-white">Festival <strong class="fw-bolder text-itaipu ">Iguassu Inova</strong><br>
Onde a inovação acontece de verdade</span>
</h2>
<p class="fw-light fs-2 lh-1 text-shadow">
De <strong class="text-itaipu fw-bold">22</strong> a <strong class="text-itaipu fw-bold">25</strong> de <strong class="text-itaipu fw-bold">outubro</strong> <br> <span class="small">Itaipu Parquetec | Foz do Iguaçu</span></p>
</div>
</div>
<div class="swiper-slide-bg" style="background-image: url('<?= url(
"images/banner2.jpg"
) ?>');"></div>
</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>
</section>
<section id="content">
<div class="content-wrap py-0">
<div class="section gradient-primary-animated m-0 py-3">
<div class="ticker-wrap" style="--cnvs-ticker-duration: 12s;">
<div class="ticker">
<div class="ticker-item">Anote na Agenda</div>
<div class="ticker-item">•</div>
<div class="ticker-item">Foz do Iguaçu, Paraná</div>
<div class="ticker-item">•</div>
<div class="ticker-item">De 22 a 25 de Outubro</div>
</div>
</div>
</div>
<div class="section parallax scroll-detect m-0 border-0 d-flex dark mt-0"
data-parallax-direction="horizontal">
<img src="<?= image("images/site/bg-luz.jpg", 1920) ?>" class="parallax-bg">
<div class="container py-0 ">
<div id="countdown-xmas" class="xmas-countdown countdown mb-3 mt-3 mx-auto" data-year="2025" data-month="10" data-day="22" data-hour="10" style="max-width:700px;"></div>
</div>
</div>
<div class="section bg-gray-light my-0 px-lg-0 px-2">
<div class="container py-0 py-lg-4">
<div class="row justify-content-center align-items-center align-content-center">
<div class="col-lg-4">
<img src="<?= image("images/site/logo-gd.png", 600) ?>"/>
</div>
<div class="col-lg-5">
<!-- <small class="p-1 text-uppercase font-secondary fw-bold mb-1 gradient-border bg-light-gray">ABOUT US</small>-->
<h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 55px;"> <span
class="text-fill-effect gradient-primary-animated">Vários mundos, um só festival.
</span></h2>
<p class="fw-light text-black">
Um festival vivo, <strong class="fw-bold">onde mundos se encontram para transformar
realidades</strong>.
Durante quatro dias, Foz do Iguaçu pulsa inovação, juventude, cultura e propósito</p>
<p class="mb-3">
<strong class="fw-bold fs-4 lh-1">Em vez de vitrines, experiências.</strong></p>
<p class="mb-3"><strong class="fw-bold fs-4 lh-1">Em vez de discursos, conexão.</strong></p>
<p><strong class="fw-bold fs-4 lh-1">Em vez de futuros prontos, futuros em
construção.</strong></p>
<p>
Descubra os mundos que movem o agora e moldam o que vem pela frente. </p>
</div>
<div class="col-12 col-lg-8 col-xl-6 mt-5">
<p class="center fs-3 mt-0 fw-lighter p-3 border rounded-ultra bg-primary dark mb-0">Retire seu Ingresso
<a href="<?= url("/ingressos"); ?>"
class="button mb-1 gradient-primary-animated text-dark rounded-pill m-0 "
style="margin-left: 10px !important; margin-top: -10px !important;">Entrada Gratuita<i
class="fa-solid fa-arrow-right ms-3"></i></a>
</p>
</div>
</div>
</div>
</div>
<div class="section bg-primary my-0 px-lg-0 px-4 dark" id="mundos">
<div class="w-100 h-100 d-none d-lg-block"
style="position: absolute; top: -50px; background: url('<?= url(
"images/logo-parallax.png"
) ?>') no-repeat top right ;"></div>
<div class="w-100 h-100 d-none d-lg-block"
style="position: absolute; top: -50px; background: url('<?= url(
"images/logo-parallax-esq.png"
) ?>') no-repeat top left ;"></div>
<div class="container">
<div class="row align-items-center justify-content-center center">
<div class="col-lg-8 text-md-left mb-6">
<h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 48px;">Conheça nossos
<span class="text-fill-effect gradient-primary-animated"> Mundos</span>
</h2>
</div>
<div class="clear"></div>
<div class="col-lg-10 mt-2">
<div class="row justify-content-center align-items-center align-content-center">
<div class="col-md-6 col-lg-4 mb-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-primary border">
<div class="flip-card-inner">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<img src="<?= url("images/ic-ficiencias.svg") ?>" class="mb-3"
style="max-width: 150px">
<h3 class="fw-bolder fs-3 text-transform-none lh-1">Mundo <br>FIciências
</h3>
<i class="bi-arrow-right text-ficiencias"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back dark"
style="background-image: url('<?= image("images/site/bg-ficiencias.jpg", 800) ?>')">
<!-- <div class="overlay-black-light"></div>-->
<div class="flip-card-inner mt-3">
<h4 class="mb-4 text-small lh-1">Onde a <strong
class="text-primary fw-bold">juventude move o
conhecimento</strong>
</h4>
<a href="<?= url("/mundo-ficiencias") ?>"
class="button button-small overflow-hidden button-circle text-transform-none fw-light m-0 gradient-border text-end">
<span
class="font-secondary">Saiba Mais</span><i
class="uil uil-angle-right-b"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-primary border">
<div class="flip-card-inner">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<img src="<?= url("images/ic-latinoware.svg") ?>" class="mb-3"
style="max-width: 150px">
<h3 class="fw-bolder fs-3 text-transform-none lh-1">Mundo <br>Latinoware
</h3>
<i class="bi-arrow-right text-latinoware"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back dark"
style="background-image: url('<?= image("images/site/bg-latinoware.jpg", 800) ?>')">
<!-- <div class="overlay-black-light"></div>-->
<div class="flip-card-inner mt-3">
<h4 class="mb-4 text-small lh-1">Este é o mundo do <strong
class="text-primary fw-bold">software livre, da cultura
hacker e da inteligência artificial</strong>
</h4>
<a href="<?= url("/mundo-latinoware") ?>"
class="button button-small overflow-hidden button-circle text-transform-none fw-light m-0 gradient-border text-end">
<span
class="font-secondary">Saiba Mais</span><i
class="uil uil-angle-right-b"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-primary border">
<div class="flip-card-inner">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<img src="<?= url("images/ic-itaipu.svg") ?>" class="mb-3"
style="max-width: 150px">
<h3 class="fw-bolder fs-3 text-transform-none lh-1">Mundo <br>Itaipu
Parquetec</h3>
<i class="bi-arrow-right text-itaipu"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back dark"
style="background-image: url('<?= image("images/site/bg-parquetec.jpg", 800) ?>')">
<!-- <div class="overlay-black-light"></div>-->
<div class="flip-card-inner mt-3">
<h4 class="mb-4 text-small lh-1">Onde <strong
class="text-primary fw-bold">soluções inovadoras movem o
presente e impulsionam o futuro</strong>
</h4>
<a href="<?= url("/mundo-itaipu-parquetec") ?>"
class="button button-small overflow-hidden button-circle text-transform-none fw-light m-0 gradient-border text-end">
<span
class="font-secondary">Saiba Mais</span><i
class="uil uil-angle-right-b"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-primary border">
<div class="flip-card-inner">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<img src="<?= url("images/ic-sapiens.svg") ?>" class="mb-3"
style="max-width: 150px">
<h3 class="fw-bolder fs-3 text-transform-none lh-1">Mundo <br>Sapiens
</h3>
<i class="bi-arrow-right text-sapiens"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back dark"
style="background-image: url('<?= image("images/site/bg-sapiens.jpg",800) ?>')">
<!-- <div class="overlay-black-light"></div>-->
<div class="flip-card-inner mt-3">
<h4 class="mb-4 text-small lh-1">Onde o <strong
class="text-primary fw-bold">conhecimento das instituições
de ensino ganha vida</strong>
</h4>
<a href="<?= url("/mundo-sapiens") ?>"
class="button button-small overflow-hidden button-circle text-transform-none fw-light m-0 gradient-border text-end">
<span
class="font-secondary">Saiba Mais</span><i
class="uil uil-angle-right-b"></i>
</a>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-lg-4 mb-4">
<!-- Flip Card
============================================= -->
<div class="flip-card">
<div class="flip-card-front no-after bg-primary border">
<div class="flip-card-inner">
<div class="feature-box media-box fbox-small">
<div class="fbox-content">
<img src="<?= url("images/ic-summit.svg") ?>" class="mb-3"
style="max-width: 150px">
<h3 class="fw-bolder fs-3 text-transform-none lh-1">Mundo <br>Summit
Tour</h3>
<i class="bi-arrow-right text-summit"></i>
</div>
</div>
</div>
</div>
<div class="flip-card-back dark"
style="background-image: url('<?= image("images/site/bg-summit.jpg",800) ?>')">
<!-- <div class="overlay-black-light"></div>-->
<div class="flip-card-inner mt-3">
<h4 class="mb-4 text-small lh-1">Onde o <strong
class="text-primary fw-bold">turismo se torna uma
experiência inovadora e sustentável</strong>
</h4>
<a href="<?= url("/mundo-summit-tour") ?>"
class="button button-small overflow-hidden button-circle text-transform-none fw-light m-0 gradient-border text-end">
<span
class="font-secondary">Saiba Mais</span><i
class="uil uil-angle-right-b"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
<div class="row justify-content-center text-center p-lg-5 p-4 rounded-xxl gx-0 dark mt-5 mt-lg-6 py-5 px-5"
style="background: url('<?= url(
"images/bg-luz.jpg"
) ?>'); background-position: center center; background-size: cover;">
<div class="col-lg-8 text-center">
<div class="position-relative z-1">
<h3 class="display-4 fw-light text-white mb-3 ls-n-1 lh-1">Garanta seu <strong
class="fw-bold text-fill-effect gradient-primary-animated">ingresso</strong>
</h3>
<p class="lead fw-lighter fs-4 lh-1"><strong class="fw-bold">Garanta seu ingresso
gratuito</strong> e participe do evento que vai impulsionar novas conexões
entre educação, ciência, tecnologia e criatividade.</p>
<a href="<?= url("/ingressos"); ?>"
class="button button-large gradient-primary-animated text-dark rounded-pill h-op-09 m-0 px-5 py-3">Retirar
Ingresso<i class="fa-solid fa-arrow-right ms-3"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="section bg-gray-light m-0" style="margin-bottom: -95px !important;" id="gallery">
<div class="container py-0 mb-5">
<div class="row align-items-center justify-content-center">
<div class="col-lg-5 center">
<h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">Confira um pouco da última edição do
<span
class="text-fill-effect gradient-primary-animated"> Festival Iguassu Inova</span>
</h2>
</div>
</div>
</div>
<div id="portfolio" class="portfolio row grid-container g-0">
<?php
foreach ($gallery->gallery()->fetch(true) as $gal): ?>
<article class="portfolio-item col-lg-3 col-md-4 col-sm-6 col-12 pf-media pf-icons">
<div class="grid-inner">
<div class="portfolio-image">
<a href="portfolio-single.html">
<img src="<?= image($gal->gallery, 600, 400) ?>" alt="">
</a>
<div class="bg-overlay">
<div class="bg-overlay-content dark" data-hover-animate="fadeIn">
<a href="<?= url("storage/{$gal->gallery}") ?>"
class="overlay-trigger-icon bg-light text-dark"
data-hover-animate="fadeInDownSmall"
data-hover-animate-out="fadeOutUpSmall" data-hover-speed="350"
data-lightbox="image" title="Edição 2024"><i
class="uil uil-plus"></i></a>
</div>
<div class="bg-overlay-bg dark" data-hover-animate="fadeIn"></div>
</div>
</div>
</div>
</article>
<?php
endforeach; ?>
</div><!-- #portfolio end -->
</div>
<div class="section parallax scroll-detect m-0 border-0 d-flex dark mt-0"
data-parallax-direction="horizontal">
<img src="<?= image("images/site/parallax2.jpg", 1920) ?>" class="parallax-bg">
<div class="overlay-black-light bg-primary"></div>
<div class="vertical-middle primary-blur">
<div class="overlay-black-light"></div>
<div class="container">
<div class="row align-content-center justify-content-center center mt-3 py-5">
<div class="col-lg-8 text-md-left">
<h2 class="fw-bold lh-1 ls-0 mb-4 mt-3" style="font-size: 38px;">
<span class="text-fill-effect gradient-primary-animated"> Oferecimento</span>
</h2>
</div>
<div class="col-12 col-lg-9">
<img src="<?= url("images/regua.png") ?>"></div>
</div>
</div>
</div>
</div>
</div>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10979.478471981422!2d-54.6042886723476!3d-25.435028274524292!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94f69b15d0d21477%3A0x867f6cecb7c58dbd!2sItaipu%20Parquetec!5e0!3m2!1spt-BR!2sbr!4v1756262022255!5m2!1spt-BR!2sbr"
width="800" height="180" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</section><!-- #content end -->
<?php
$this->start("scripts"); ?>
<script>
var revapi139,
tpj;
(function () {
if (!/loaded|interactive|complete/.test(document.readyState)) document.addEventListener("DOMContentLoaded", onLoad); else onLoad();
function onLoad() {
if (tpj === undefined) {
tpj = jQuery;
if ("off" == "on") tpj.noConflict();
}
if (tpj("#rev_slider_139_1").revolution == undefined) {
revslider_showDoubleJqueryError("#rev_slider_139_1");
} else {
revapi139 = tpj("#rev_slider_139_1").show().revolution({
sliderType: "standard",
jsFileLocation: "include/rs-plugin/js/",
sliderLayout: "fullscreen",
dottedOverlay: "none",
delay: 9000,
navigation: {
keyboardNavigation: "off",
keyboard_direction: "horizontal",
mouseScrollNavigation: "off",
mouseScrollReverse: "default",
onHoverStop: "off",
touch: {
touchenabled: "on",
touchOnDesktop: "off",
swipe_threshold: 75,
swipe_min_touches: 1,
swipe_direction: "horizontal",
drag_block_vertical: false
}
,
arrows: {
style: "uranus",
enable: true,
hide_onmobile: false,
hide_under: 0,
hide_onleave: false,
tmp: '',
left: {
h_align: "left",
v_align: "center",
h_offset: 15,
v_offset: 0
},
right: {
h_align: "right",
v_align: "center",
h_offset: 15,
v_offset: 0
}
}
,
bullets: {
enable: true,
hide_onmobile: false,
style: "bullet-bar",
hide_onleave: false,
direction: "horizontal",
h_align: "center",
v_align: "bottom",
h_offset: 0,
v_offset: 30,
space: 5,
tmp: ''
}
},
responsiveLevels: [1240, 1024, 778, 480],
visibilityLevels: [1240, 1024, 778, 480],
gridwidth: [1240, 1024, 778, 480],
gridheight: [868, 768, 960, 720],
lazyType: "none",
shadow: 0,
spinner: "off",
stopLoop: "off",
stopAfterLoops: -1,
stopAtSlide: -1,
shuffle: "off",
autoHeight: "off",
fullScreenAutoWidth: "on",
fullScreenAlignForce: "on",
fullScreenOffsetContainer: "",
fullScreenOffset: "0px",
hideThumbsOnMobile: "off",
hideSliderAtLimit: 0,
hideCaptionAtLimit: 0,
hideAllCaptionAtLilmit: 0,
debugMode: false,
fallbacks: {
simplifyAll: "off",
nextSlideOnWindowFocus: "off",
disableFocusListener: false,
}
});
revapi139.on("revolution.slide.onloaded", function (e) {
revapi139.addClass("tiny_bullet_slider");
});
}
; /* END OF revapi call */
}; /* END OF ON LOAD FUNCTION */
}()); /* END OF WRAPPING FUNCTION */
jQuery(window).on('load', function () {
jQuery(".twentytwenty-container[data-orientation!='vertical']").twentytwenty({default_offset_pct: 0.5});
});
</script>
<script type="text/javascript">
$(".feature-hover").hover(function () {
$(".fbox-hover").fadeOut("fast");
});
var SwiperTabsContainer = new Swiper('.swiper-tab-container', {
loop: true,
slidesPerView: 1,
autoHeight: true,
autoplay: {
delay: 10000,
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');
});
(function($) {
'use strict';
$.countdown.regionalOptions['pt-BR'] = {
labels: ['Anos','Meses','Semanas','Dias','Horas','Minutos','Segundos'],
labels1: ['Ano','Mês','Semana','Dia','Hora','Minuto','Segundo'],
compactLabels: ['a','m','s','d'],
whichLabels: null,
digits: ['0','1','2','3','4','5','6','7','8','9'],
timeSeparator: ':',
isRTL: false
};
$.countdown.setDefaults($.countdown.regionalOptions['pt-BR']);
})(jQuery);
</script>
<?php
$this->end(); ?>