<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">

    <title> Maiê</title>

    <link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
    <link rel="manifest" href="img/favicon/site.webmanifest">

    <link href="assets/vendor.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />    
    
    <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=Montserrat:wght@400;700&display=swap" rel="stylesheet">

    <link href="css/main.min.css?v=2" rel="stylesheet">
</head>
<body>
    <header class="header">
        <nav class="container">
            <div class="row align-items-end">
                <div class="col-6 col-md-2">
                    <a href="./"><img class="header-logo" src="img/logo.png" alt="LOGO"></a>
                </div>
                <div class="col-6 d-md-none">
                    <div class="header-nav-box navbar-header text-right">
                        <div class="header-mobile navbar-header">
                            <button type="button" class="header-mobile-toggle navbar-toggle" data-toggle="collapse" data-target="#collapse-menu">
                                <span class="sr-only">Navegação</span>
                                <i class="fas fa-bars"></i>
                            </button>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-10">
                    <div class="header-social">
                        <a class="header-social-item" href="https://api.whatsapp.com/send/?phone=5524988592141" target="_blank">
                            <i class="fa-brands fa-whatsapp"></i>
                        </a>
                        <a class="header-social-item" href="https://www.facebook.com/ceicasadascriancas" target="_blank">
                            <i class="fa-brands fa-facebook-f"></i>
                        </a>
                        <a class="header-social-item" href="https://www.instagram.com/maieeducacaoinfantil" target="_blank">
                            <i class="fa-brands fa-instagram"></i>
                        </a>
                    </div>
                    <div class="row align-items-end navbar-expand-md">
                        <div id="collapse-menu" class="header-collapse collapse navbar-collapse">
                            <ul class="header-menu">
                                <li class="header-menu-item nav-home">
                                    <a class="header-menu-link" href="./">Home</a>
                                </li>
                                <li class="header-menu-item nav-nosso-nome">
                                    <a class="header-menu-link" href="./nosso-nome">Nosso nome</a>
                                </li>
                                <li class="header-menu-item nav-metodo">
                                    <a class="header-menu-link" href="./metodo">Metodo</a>
                                </li>
                                <li class="header-menu-item nav-diferencial">
                                    <a class="header-menu-link" href="./diferencial">Diferencial</a>
                                </li>
                                <li class="header-menu-item nav-eventos">
                                    <a class="header-menu-link" href="./eventos">Eventos</a>
                                </li>
                                <li class="header-menu-item nav-valores">
                                    <a class="header-menu-link" href="./valores">Valores</a>
                                </li>
                                <li class="header-menu-item nav-missao">
                                    <a class="header-menu-link" href="./missao">Missão</a>
                                </li>
                                <li class="header-menu-item nav-atividades">
                                    <a class="header-menu-link" href="./atividades">Atividades</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </header>
<main class="home">
	<section class="home-bannerTopo">
        <img src="img/home/bannerTopo.jpg" alt="" class="bannerTopo-img w-100 a-el appear">
    </section>
    <section class="home-metodo">
        <div class="container">
            <div class="row align-items-center">
                <div class="a-el appear in-bottom col-12 col-md-5 a-el appear in-bottom">
                    <div class="home-metodo-box">
                        <div class="home-metodo-titulo">
                            Compreendendo <br>
                            o Método <br>
                            Montessori:
                        </div>
                        <div class="home-metodo-subtitulo">
                            Educação para o desenvolvimento pleno do seu filho
                        </div>
                        <a href="metodo">
                            <button class="home-metodo-btn botao">conheça mais</button>                            
                        </a>
                    </div>
                </div>
                <div class="a-el appear in-bottom col-12 col-md-7 a-el appear in-bottom">
                    <img src="img/home/metodo-capa.png" alt="" class="home-metodo-capa">
                </div>
            </div>
        </div>
    </section>
    <section class="home-atividades">
        <div class="container">
            <div class="row">
                <div class="a-el appear in-bottom col-12 text-center">
                    <div class="home-atividades-titulo titulo pb-5">
                        Atividades
                    </div>
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 text-center">
                    <img src="img/home/ico-educacao-fisica.png" alt="" class="home-atividades-ico pb-3">
                    <div class="home-atividades-txt">
                        Aula de educação física
                    </div>
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 text-center">
                    <img src="img/home/ico-ingles.png" alt="" class="home-atividades-ico pb-3">
                    <div class="home-atividades-txt">
                        Aula de inglês
                    </div>
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 text-center">
                    <img src="img/home/ico-musica.png" alt="" class="home-atividades-ico pb-3">
                    <div class="home-atividades-txt">
                        Aula de musicalização
                    </div>
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 text-center">
                    <img src="img/home/ico-livro.png" alt="" class="home-atividades-ico pb-3">
                    <div class="home-atividades-txt">
                        Ciranda do Livro
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="home-galeria">
        <div class="container-fluid">
            <div class="row">
                <div class="a-el appear in-bottom col-6 col-md-3 p-0">
                    <img src="img/home/galeria/1.jpg" alt="" class="home-galeria-img w-100">
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 p-0">
                    <img src="img/home/galeria/2.jpg" alt="" class="home-galeria-img w-100">
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 p-0">
                    <img src="img/home/galeria/3.jpg" alt="" class="home-galeria-img w-100">
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 p-0">
                    <img src="img/home/galeria/4.jpg" alt="" class="home-galeria-img w-100">
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 p-0">
                    <img src="img/home/galeria/5.jpg" alt="" class="home-galeria-img w-100">
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 p-0">
                    <img src="img/home/galeria/6.jpg" alt="" class="home-galeria-img w-100">
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 p-0">
                    <img src="img/home/galeria/7.jpg" alt="" class="home-galeria-img w-100">
                </div>
                <div class="a-el appear in-bottom col-6 col-md-3 p-0">
                    <img src="img/home/galeria/8.jpg" alt="" class="home-galeria-img w-100">
                </div>
            </div>
        </div>
    </section>
    <section class="home-transforme">
        <div class="container">
            <div class="row align-items-center">
                <div class="a-el appear in-bottom col-12 col-md-7">
                    <img src="img/home/transforme-capa.jpg" alt="" class="home-transforme-capa">
                </div>
                <div class="a-el appear in-bottom col-12 col-md-5 pt-5">
                    <div class="home-transforme-box pt-5">
                        <div class="home-transforme-txt">
                            Inspirados no Método Montessori, buscamos transformar a cada dia a maneira que cada uma de nossas crianças lida com o aprendizado.
                        </div>
                        <a href="https://api.whatsapp.com/send/?phone=5524988592141" target="_blank">
                            <button class="home-transforme-btn botao">Matrículas</button>                            
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="home-citacao">
        <img src="img/home/citacao.jpg" alt="" class="home-citacao-img">
    </section>
    <section class="home-diferencial">
        <div class="container">
            <div class="row">
                <div class="a-el appear in-bottom col-12 text-center">
                    <div class="home-diferencial-titulo titulo pb-4">
                        Diferencial
                    </div>
                    <div class="home-diferencial-descricao">
                        Inspiração em experiência e encantamento pessoal: Nossa escola é resultado de um sonho alimentado pela experiência pessoalmente vivenciada por nossos sócios junto a seu filho, que de tão rica inspirou o Projeto Maiê. <br>
                        <br>
                        A escola conta, juntamente com toda a capacitação pedagógica, com um olhar diferenciado, com base nas experiências vividas por nossos sócios como pais de aluno, que tentam reproduzir em nossa escola todas as boas experiências que a família teve com as escolas e evitar o que não gostavam.<br>
                        <br>
                        Alguns exemplos do que gostamos de praticar:
                    </div>
                </div>
                <div class="a-el appear in-bottom col-12 col-md-6">
                    <div class="home-diferencial-item">
                        <div class="home-diferencial-item-num verde">
                            1
                        </div>
                        <div class="home-diferencial-item-txt">
                            Emenda de feriados: Evitamos ao máximo emendar feriados. Sabemos que muitas vezes os responsáveis não conseguem emendar feriados em seus trabalhos e passam por dificuldades de encontrar alguém para cuidar de seus filhos.
                        </div>
                    </div>
                </div>
                <div class="a-el appear in-bottom col-12 col-md-6">
                    <div class="home-diferencial-item">
                        <div class="home-diferencial-item-num amarelo">
                            2
                        </div>
                        <div class="home-diferencial-item-txt">
                            Foco no desenvolvimento pedagógico: <br>
                            Somos mais que uma creche, somos uma escola. Assim, desde o berçário seguimos um programa pedagógico com planejamento e foco no desenvolvimento de nossos alunos. Não temos televisão ou telas em qualquer ambiente da escola
                        </div>
                    </div>
                </div>
                <div class="a-el appear in-bottom col-12 col-md-6">
                    <div class="home-diferencial-item">
                        <div class="home-diferencial-item-num laranja">
                            3
                        </div>
                        <div class="home-diferencial-item-txt">
                            Atendimento humanizado: Nosso atendimento é humanizado e imediato, acreditamos e praticamos um canal direto e constante entre pais e escola.
                        </div>
                    </div>
                </div>
                <div class="a-el appear in-bottom col-12 col-md-6">
                    <div class="home-diferencial-item">
                        <div class="home-diferencial-item-num rosa">
                            4
                        </div>
                        <div class="home-diferencial-item-txt">
                            Acolhimento: Nosso método é baseado em acolhimento, respeitando a individualidade de cada criança e família. 
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

    <footer>
        <div class="footer">
            <div class="container">
                <div class="row justify-content-between">
                    <div class="col-12 col-md-6 col-xl-5">
                        <div class="footer-titulo titulo pb-4">
                            Localização
                        </div>
                        <div class="footer-endereco pb-5">
                            Rua  Ministro Armando Alencar, 143<br>
                            Petrópolis/RJ - CEP: 25.740-150
                        </div>

                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d5217.43018741666!2d-43.134471790333755!3d-22.380789490627578!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x99ab4e94dafd7f%3A0x905df8921bb44e26!2zTWFpw6ogRWR1Y2HDp8OjbyBJbmZhbnRpbA!5e0!3m2!1spt-BR!2sbr!4v1730269314079!5m2!1spt-BR!2sbr" width="100%" height="300" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>

                    </div>
                    <div class="col-12 col-md-6 col-xl-6">
                        <div class="footer-titulo titulo text-center pb-4">
                            Entre em contato
                        </div>
                        <div class="row pb-5">
                            <div class="col-12 col-md-6 text-center">
                                <a href="https://api.whatsapp.com/send/?phone=5524988592141" class="footer-wpp">
                                    <i class="footer-wpp-ico fa-brands fa-whatsapp"></i> (24) 98859-2141
                                </a>
                            </div>
                            <div class="col-12 col-md-6 text-center">
                                <a href="mailto:contato@maie.com.br" class="footer-email">
                                    <i class="footer-email-ico fa-regular fa-envelope"></i> contato@maie.com.br
                                </a>
                            </div>
                        </div>
                        <form action="mail/mail-cadastro.php" method="post" class="footer-form">
                            <input type="hidden" name="token" id="token">
                            <input type="text" name="Nome" required placeholder="NOME*" class="footer-form-input">
                            <input type="email" name="Email" required placeholder="EMAIL*" class="footer-form-input">
                            <input type="text" name="Assunto" required placeholder="ASSUNTO*" class="footer-form-input">
                            <textarea rows="6" name="Mensagem" required placeholder="MENSAGEM*" class="footer-form-input"></textarea>
                            <div class="text-center">
                                <button class="footer-form-btn botao" type="submit">
                                    ENVIAR
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-logo">
            <a href="./">
                <img src="img/logo.png" alt="" class="footer-logo-img">                
            </a>
        </div>
    </footer>

    <script src="assets/vendor.min.js"></script>
    <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

    <script type="text/javascript" src="js/main.min.js"></script>
</body>
</html><script>$(".nav-home").addClass("pag-ativa");</script>