<?
/* Template name: Home */
get_header();
?>
<div class="home-page">
    <section class="banner scrollreveal">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="owl-carousel owl-theme banner__carousel">
                        <div class="banner__item">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="banner__text">
                                        <h2 class="banner__title">
                                            <span class="banner__title-sm">Um novo conceito de ensino.</span>
                                            <span class="banner__title-lg">Sua Excelência a escola!</span>
                                        </h2>
                                        <p>
                                            A Matemática pode ser uma grande aliada na gestão eficiente dos seus recursos
                                        </p>
                                        <p>
                                            O mapa conceitual ao lado se torna uma grande ferramenta no aprendizado!
                                        </p>
                                        <a href="#" class="btn btn--white btn--bg-blue mt-5">Clique aqui e saiba mais</a>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="banner__image">
                                        <img src="<? bloginfo('template_url') ?>/assets/images/banner-mapa.png" alt="">
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="banner__item">
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="banner__text">
                                        <h2 class="banner__title">
                                            <span class="banner__title-sm">Um novo conceito de ensino.</span>
                                            <span class="banner__title-lg">Sua Excelência a escola!</span>
                                        </h2>
                                        <p>
                                            A Matemática pode ser uma grande aliada na gestão eficiente dos seus recursos
                                        </p>
                                        <p>
                                            O mapa conceitual ao lado se torna uma grande ferramenta no aprendizado!
                                        </p>
                                        <p>
                                            O mapa conceitual ao lado se torna uma grande ferramenta no aprendizado!
                                        </p>
                                        <p>
                                            O mapa conceitual ao lado se torna uma grande ferramenta no aprendizado!
                                        </p>
                                        <a href="#" class="btn btn--white btn--bg-blue mt-5">Clique aqui e saiba mais</a>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="banner__image">
                                        <img src="<? bloginfo('template_url') ?>/assets/images/banner-mapa.png" alt="">
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                </div>
            </div>
        </div>
        <div class="banner__bg">
            <img src="<? bloginfo('template_url') ?>/assets/images/banner-bg.png" alt="">
        </div>
    </section>
    <section class="home-items section-padding">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="home-items__mission">
                        <div class="row">
                            <div class="col-md-8">
                                <div class="home-box scrollreveal">
                                    <h2 class="home-box__title">A nossa missão</h2>
                                    <div class="home-box__text">
                                        <p>Qual é o papel da escola hoje? Como ela pode se tornar mais sedutora aos seus alunos? Como o projeto de vida de cada estudante pode ser realmente viabilizado? <br>
                                            Todas essas inquietações do atual panorama escolar são trabalhadas neste site, que tem a missão de sugerir instrumentos para a construção de uma escola mais proativa.</p>
                                        <p>Os Mapas Conceituais e Educação Financeira têm o condão de ajudar promover uma grande revitalização deste ambiente. Enfatizo que a Educação Financeira deve ser tratada como subsunçora dos conteúdos escolares trabalhados no ambiente escolar.</p>
                                    </div>
                                    <div class="home-box__btn">
                                        <a href="#" class="btn btn--white btn--bg-blue">Clique aqui e saiba mais</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4">
                                <h2 class="home-items__title home-items__title--right">
                                    Nossa missão
                                </h2>
                            </div>
                        </div>
                        <div class="line line--v line--mission-1">
                            <div class="line--chevron line--chevron-bottom"></div>
                        </div>
                        <div class="line line--curved line--mission-2"></div>
                        <div class="line line--h line--mission-3"></div>
                    </div>
                    <div class="home-items__maps">
                        <div class="row">
                            <div class="col-md-4">
                                <h2 class="home-items__title home-items__title--left">
                                    Mapas conceituais
                                </h2>
                            </div>
                            <div class="col-md-8">
                                <div class="home-box scrollreveal">
                                    <h2 class="home-box__title">Afinal, o que é um mapa conceitual?</h2>
                                    <div class="home-box__text">
                                        <p>Mapa conceitual é uma representação gráfica na qual as relações entre saberes são identificadas e que estimula prospectar novas relações até mesmo entre áreas do conhecimento. <br>
                                            Este site traz mapas conceituais de vários temas, que pretendem auxiliar o professor em aprimorar técnicas de abordagens e ao mesmo tempo proporcionar aos estudantes uma percepção dinâmica dos saberes que estão sendo trabalhos. Você poderá consultar nossa biblioteca e ajudar a complementá-la com os seus mapas.
                                        </p>
                                    </div>
                                    <div class="home-box__btn">
                                        <a href="#" class="btn btn--white btn--bg-blue">Clique aqui e saiba mais</a>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="line line--curved line--maps-1"></div>
                        <div class="line line--v line--maps-2"></div>
                        <div class="line line--v line--maps-3"></div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="home-book">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="home-book__content section-padding">
                        <div class="row">
                            <div class="col-12">
                                <h2 class="home-items__title home-items__title--bottom">
                                    O livro
                                </h2>
                                <h2 class="home-book__title scrollreveal">Sua excelência, a escola!</h2>
                                <div class="home-book__item">
                                    <div class="row align-items-center">
                                        <div class="col-md-3">
                                            <div class="home-book__item-image scrollreveal">
                                                <img src="<? bloginfo('template_url') ?>/assets/images/home-book-image-1.png" class="w-100" alt="">
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="home-book__item-text scrollreveal">
                                                <p>
                                                    Aprovado pelo PNLD literário, o livro “Sua Excelência, a escola!” é uma proposta concreta de abordagem significativa de diversos temas curriculares que, ao longo da jornada de três anos, tecem uma rede com diversas relações.
                                                </p>
                                                <p>
                                                    É um período de intenso trabalho, com interações, trocas, divergências e aplicações com a finalidade de viabilizar a tão sonhada viagem de formatura para o Pantanal e Bonito.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="home-book__item">
                                    <div class="row align-items-center">
                                        <div class="col-md-8">
                                            <div class="home-book__item-text scrollreveal">
                                                <p>
                                                    Aprovado pelo PNLD literário, o livro “Sua Excelência, a escola!” é uma proposta concreta de abordagem significativa de diversos temas curriculares que, ao longo da jornada de três anos, tecem uma rede com diversas relações.
                                                </p>
                                                <p>
                                                    É um período de intenso trabalho, com interações, trocas, divergências e aplicações com a finalidade de viabilizar a tão sonhada viagem de formatura para o Pantanal e Bonito.
                                                </p>
                                            </div>
                                        </div>
                                        <div class="col-md-3">
                                            <div class="home-book__item-image scrollreveal">
                                                <img src="<? bloginfo('template_url') ?>/assets/images/home-book-image-2.png" class="w-100" alt="">
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <div class="text-center mt-5 scrollreveal">
                                                <a href="#" class="btn btn--white btn--bg-blue">Clique aqui e saiba mais</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="line line--curved line--book-1"></div>
                        <div class="line line--h line--book-2">
                            <div class="line--chevron line--chevron-right"></div>
                        </div>
                        <div class="line line--curved line--book-3"></div>
                        <div class="line line--v line--book-4">
                            <div class="line--chevron line--chevron-bottom"></div>
                        </div>
                        <div class="line line--curved line--book-5"></div>
                        <div class="line line--h line--book-6">
                            <div class="line--chevron line--chevron-left"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="home-about">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="home-about__content section-padding">
                        <div class="row">
                            <div class="col-12">
                                <div class="home-about__box">
                                    <div class="home-about__image">
                                        <img src="<? bloginfo('template_url') ?>/assets/images/joel-desenho.jpg" alt="Joel">
                                    </div>
                                    <h2 class="home-about__title scrollreveal">Joel Pontin</h2>
                                    <div class="home-about__text scrollreveal">
                                        <p>Joel Pontin nasceu em Penápolis, interior de São Paulo. É mestre e doutor em Química Ambiental e atua há mais de 20 anos no mercado financeiro. </p>
                                        <p>É autor de livros paradidáticos, apostilas, artigos, contos, crônicas e vídeos dedicados a projetos na área ambiental e educacional.</p>
                                        <p>A inspiração para o conto “Sua Excelência a escola!” vem da sua vivência como professor. Afinal, foram mais de 35 anos nas salas de aula de cursinhos pré-vestibulares e escolas públicas e privadas, convivendo com jovens, seus sonhos e suas aspirações.</p>
                                    </div>
                                    <div class="text-end mt-5 scrollreveal">
                                        <a href="#" class="btn btn--white btn--bg-blue">Clique aqui e saiba mais</a>
                                    </div>
                                    <img src="<? bloginfo('template_url') ?>/assets/images/hat.png" alt="Chapéu" class="home-about__hat scrollreveal">
                                </div>
                            </div>
                        </div>
                        <div class="line line--curved line--about-1"></div>
                        <div class="line line--v line--about-2">
                            <div class="line--chevron line--chevron-bottom"></div>
                        </div>
                        <div class="line line--dot line--about-3"></div>
                    </div>

                </div>
            </div>
        </div>
    </section>
    <section class="blog-section section-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-6">
                    <div class="blog-section__content">
                        <h2 class="blog-section__title scrollreveal">Blog</h2>
                        <div class="blog-section__text scrollreveal">
                            <p>Acesse o blog do Joel Pontin e tenha acesso a diversos assuntos que abordam temas da atualidade!</p>
                        </div>
                        <a href="#" class="btn btn--white btn--bg-blue scrollreveal">Clique aqui e saiba mais</a>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="blog-section__image scrollreveal">
                        <img src="<? bloginfo('template_url') ?>/assets/images/blog-home-image.png" alt="">
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="blog-section__links scrollreveal">
                        <h3>Clique abaixo nos temas</h3>
                        <ul>
                            <li>
                                <a href="#">Acidente de Chernobyl não foi proposital, mas a Guerra da Ucrânia é</a>
                            </li>
                            <li>
                                <a href="#">Pantanal, um bioma estratégico</a>
                            </li>
                            <li>
                                <a href="#">Imposto de renda</a>
                            </li>
                        </ul>
                        <a href="#" class="btn btn--white btn--bg-blue">Ver mais</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>


<?
get_footer();
?>