<?php $this->layout("_theme");
$this->insert("views/page-title", ["pageTitle" => $pageTitle, "breadcrumb" => $breadcrumb]);
?>
<section id="content" >

    <div class="content-wrap">

        <div class="container">

            <div class="row justify-content-between align-items-center my-6 col-mb-50">
                <div class="col-lg-6">
                    <h3 class="display-3 color-2 font-weight-bolder font-display mb-5" style="font-size: 3em">CENTRAL DE EVENTOS</h3>
                    <p class="text-large">Através do parceiro Apoio 220, oferecemos serviços completos para a produção e organização de eventos, com indicação de fornecedores e parceiros de confiança para viabilizar quaisquer necessidades da sua proposta. </p>
                    <p class="text-large">Neste espaço são promovidos encontros, reuniões, simpósios, congressos, eventos e cursos que tenham princípios alinhados ao nosso propósito, com temas sobre saúde, educação, direitos humanos, bioética, arte cultura, política e ciência.</p>
                    <p class="text-large">Colocamos toda a nossa qualificada equipe à disposição para oferecer aos educadores e educandos o melhor ambiente para a troca de conhecimento, abrindo caminho para a curiosidade e pedagogia crítica e estimulando o diálogo entre os participantes.</p>
                </div>
                <div class="col-lg-5">
                    <div class="portfolio-item col-12">
                        <div class="book-wrap">
                            <div class="book-card">
                                <a href="<?= theme("assets/images/apoio220.jpg") ?>" class="item-quick-view book-image" data-lightbox="image" title="Fachada Paliar Apoio220"><img src="<?= theme("assets/images/apoio220.jpg") ?>" alt="Fachada Paliar Apoio 220"></a>
                                <div class="book-detail">
                                    <h2 class="book-title"><a href="#">Fachada Paliar Apoio220</a></h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <div class="section parallax m-0 border-top-0 dark"
             style="background-image: url('<?= theme("assets/images/parallax-central.jpg") ?>');background-size: cover;padding: 100px 0; "
             data-bottom-top="background-position:0px 300px;" data-top-bottom="background-position:0px -300px;">
                        <div class="overlay overlay-black-light"></div>
            <div class="container clearfix">

                <div class="row">
                    <div class="col-lg-8 center-col">
                        <div class="emphasis-title center">
                            <h3 class="display-3 text-white font-weight-bolder font-display mb-5" style="font-size: 3em">“Versatilidade, conforto e tecnologia de ponta para o seu evento em um espaço único"</h3>
                        </div>
                    </div>
                </div>

            </div>
        </div>

        <div class="section mt-0 mb-0">
            <div class="container clearfix">

                <div class="row justify-content-between align-items-center">


                    <div class="col-lg-8 center-col center">
                        <h3 class="display-3 color-2 font-weight-bolder font-display mb-5" style="font-size: 3em">CENTRAL DE EVENTOS</h3>
                        <p class="text-large">Salas com pé direito de 2,8m, isolamento acústico, equipamentos de proteção, sonorização e tecnologia de ponta para transmissões ao vivo, espaços multiuso, foyers, jardins e uma tranquila área externa para relaxamento.</p>
                    </div>

                </div>

                <div class="row justify-content-between align-items-center my-6 col-mb-50">
                    <div class="col-lg-6">
                        <div class="portfolio-item col-12">
                            <div class="book-wrap">
                                <div class="book-card">
                                    <a href="<?= theme("assets/images/planta.jpg") ?>" class="item-quick-view book-image" data-lightbox="image" title="Planta das salas"><img src="<?= theme("assets/images/planta.jpg") ?>" alt="Planta das salas"></a>
                                    <div class="book-detail">
                                        <h2 class="book-title"><a href="#">Planta das salas</a></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="portfolio-item col-12">
                            <div class="book-wrap">
                                <div class="book-card">
                                    <a href="<?= theme("assets/images/tabela.jpg") ?>" class="item-quick-view book-image" data-lightbox="image" title="Tamanhos e medidas"><img src="<?= theme("assets/images/tabela.jpg") ?>" alt="Tamanhos e medidas"></a>
                                    <div class="book-detail">
                                        <h2 class="book-title"><a href="#">Tamanhos e medidas</a></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>

            </div>
        </div>

        <?php $this->insert("views/cta2"); ?>

        <?php $this->insert("views/newsletter-widget"); ?>

    </div>

</section><!-- #content end -->
<?php $this->start("scripts"); ?>
    <script src="<?= url("/shared/scripts/hover3d.js"); ?>"></script>

    <script>

        jQuery(document).ready( function(){

            if( !jQuery('body').hasClass('device-touch') ) {

                var lFollowX = 0,
                    lFollowY = 0,
                    x = 0,
                    y = 0,
                    friction = 1 / 30;

                function moveBackground() {
                    x += (lFollowX - x) * friction;
                    y += (lFollowY - y) * friction;

                    translate = 'translate(' + x + 'px, ' + y + 'px) scale(1.1)';

                    jQuery('.move-bg').css({
                        '-webit-transform': translate,
                        '-moz-transform': translate,
                        'transform': translate
                    });

                    window.requestAnimationFrame(moveBackground);
                }

                jQuery(window).on('mousemove click', function(e) {

                    var lMouseX = Math.max(-100, Math.min(100, jQuery(window).width() / 2 - e.clientX));
                    var lMouseY = Math.max(-100, Math.min(100, jQuery(window).height() / 2 - e.clientY));
                    lFollowX = (10 * lMouseX) / 100; // 100 : 12 = lMouxeX : lFollow
                    lFollowY = (10 * lMouseY) / 100;

                });

                moveBackground();

                jQuery(".book-wrap").hover3d({
                    selector: ".book-card",
                    shine: false,
                });

            }

        });

    </script>
<?php $this->end(); ?>