<file_sep><!doctype html>
<html lang="pt-br">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" href="../imagens/java.ico" type="image/x-icon">
    <link rel="stylesheet" href="../modules/bootstrap/compiler/bootstrap.css">
    <link rel="stylesheet" href="../modules/bootstrap/compiler/style.css">
    <link rel="stylesheet" href="../modules/font-awesome/css/font-awesome.css">
</head>

<body>
    <nav class="navbar navbar-fixed-top navbar-expand-lg navbar-light bg-gradient-light">
        <div class="container">
            <a class="navbar-brand h1 mb-0" href="https://fernandoibaepliborio.github.io/profile.github.io/">Home</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSite">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSite">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item">
                        <a href="#" class="nav-link">Início</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">Perfil</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">Serviços</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">Depoimentos</a>
                    </li>
                    <li class="nav-item">
                        <a href="#" class="nav-link">Contatos</a>
                    </li>
                </ul>
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" data-toggle="dropdown" id="navDrop">
                            Social
                        </a>
                        <div class="dropdown-menu">
                            <a href="https://www.linkedin.com/in/fernandoIbae/" class="dropdown-item"><i class="fa fa-linkedin-square" aria-hidden="true"></i> Linkedin</a>
                            <a href="https://www.instagram.com/fernando.ibae/" class="dropdown-item"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a>
                            <a href="https://github.com/FernandoIbaePLiborio" class="dropdown-item"><i class="fa fa-github" aria-hidden="true"></i> Github</a>
                        </div>
                    </li>
                </ul>

                <form class="form-inline">
                    <input type="search" class="form-control ml-2 mr-2" placeholder="Buscar...">
                    <button class="btn btn-dark" type="submit">Ok</button>
                </form>

            </div>
        </div>
    </nav>
    <div id="carouselSite" class="carousel slide carousel-fade show" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselSite" data-slide-to="0" class="active"></li>
            <li data-target="#carouselSite" data-slide-to="1"></li>
            <li data-target="#carouselSite" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="../imagens/mercadomunicipal.jpg" class="d-block w-100">
                <div class="carousel-caption d-none d-md-block text-dark">
                    <h1>Mercado Municipal</h1>
                    <p class="lead">texto para totalizar teste</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="../imagens/mercado2.jpg" class="d-block w-100">
                <div class="carousel-caption d-none d-md-block text-dark">
                    <h1>Texto</h1>
                    <p class="lead">texto para totalizar teste</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="../imagens/mercado3.jpg" class="d-block w-100">
                <div class="carousel-caption d-none d-md-block text-dark">
                    <h1>Texto</h1>
                    <p class="lead">texto para totalizar teste</p>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselSite" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselSite" role="button" data-slide="next">
            <span class="carousel-control-next-icon"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <div class="container">
        <div class="row">
            <div class="col-12 text-center my-5">
                <h1 class="display-3"><i class="fa fa-cogs text-secondary" aria-hidden="true"></i> Seja bem vindo</h1>
                <p>Emporios Curitiba - Lojas | Promoções | Novidades | Sustentabilidade.</p>
            </div>
        </div>
        <div class="row mb-5">
            <div class="col-sm-6 col-md-4">
                <nav id="navbarVertical" class="navbar navbar-light bg-light">
                    <nav class="nav nav-pills flex-column">
                        <a href="#item1" class="nav-link">Lorem ipsum</a>
                        <nav class="nav nav-ills flex-column">
                            <a href="#item1-1" class="nav-link ml-3">De onde ele vem</a>
                            <a href="#item1-2" class="nav-link ml-3">Onde posso conseguí-lo</a>
                        </nav>
                        <a href="#item2" class="nav-link my-2">Onde posso conseguí-lo</a>
                        <a href="#item3" class="nav-link my-2">Lorem Ipsum item 3</a>
                        <nav class="nav nav-ills flex-column">
                            <a href="#item3-1" class="nav-link ml-3">De onde ele vem</a>
                            <a href="#item3-2" class="nav-link ml-3">Onde posso conseguí-lo</a>
                        </nav>
                        <div class="card-footer text-muted">
                            Texto de rodapé
                        </div>
                    </nav>
                </nav>
            </div>
            <div class="col-sm-6 col-md-8">
                <div data-spy="scroll" data-target="#navbarVertical" data-offset="0" class="scrollSpySite">
                    <h4 id="item1">Lorem Ipsum</h4>
                    <p>é simplesmente uma simulação de texto da indústria tipográfica e de impressos, 
                        e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou 
                        uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos.</p>

                    <h5 id="item1-1">De onde ele vem</h5>
                    <p>Ao contrário do que se acredita, Lorem Ipsum não é simplesmente um texto randômico. 
                        Com mais de 2000 anos, suas raízes podem ser encontradas em uma obra de literatura 
                        latina clássica datada de 45 AC. <NAME>, um professor de latim do Hampden-Sydney
                        College na Virginia, pesquisou uma das mais obscuras palavras em latim, consectetur, oriunda
                        de uma passagem de Lorem Ipsum, e, procurando por entre citações da palavra na literatura 
                        clássica, descobriu a sua indubitável origem.</p>
                    <h5 id="item1-2">Onde posso conseguí-lo</h5>
                    <p>Existem muitas variações disponíveis de passagens de Lorem Ipsum, mas a maioria sofreu algum 
                        tipo de alteração, seja por inserção de passagens com humor, ou palavras aleatórias que não 
                        parecem nem um pouco convincentes. </p>
                    <h4 id="item2">Lorem Ipsum</h4>
                    <p>é simplesmente uma simulação de texto da indústria tipográfica e de impressos, 
                        e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou 
                        uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos.</p>
                    <h4 id="item3">Lorem Ipsum</h4>
                    <p>é simplesmente uma simulação de texto da indústria tipográfica e de impressos, 
                        e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou 
                        uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos.</p>
                    <h5 id="item3-1">De onde ele vem</h5>
                    <p>Ao contrário do que se acredita, Lorem Ipsum não é simplesmente um texto randômico. 
                        Com mais de 2000 anos, suas raízes podem ser encontradas em uma obra de literatura 
                        latina clássica datada de 45 AC. <NAME>, um professor de latim do Hampden-Sydney
                        College na Virginia, pesquisou uma das mais obscuras palavras em latim, consectetur, oriunda
                        de uma passagem de Lorem Ipsum, e, procurando por entre citações da palavra na literatura 
                        clássica, descobriu a sua indubitável origem.</p>
                    <h5 id="item3-2">Onde posso conseguí-lo</h5>
                    <p>Existem muitas variações disponíveis de passagens de Lorem Ipsum, mas a maioria sofreu algum 
                        tipo de alteração, seja por inserção de passagens com humor, ou palavras aleatórias que não 
                        parecem nem um pouco convincentes. </p>
                </div>
            </div>
        </div>
        <div class="row justify-content-sm-center">
            <div class="col-sm-6 col-md-4">
                <div class="card mb-5">
                    <img class="card-img-top" src="../imagens/mercadomunicipal.jpg">
                    <div class="card-body">
                        <h4 class="card-title">Lorem Ipsum</h4>
                        <h6 class="card-subtitle mb-2 text-muted">fazendo deste o primeiro gerador</h4>
                        <p class="card-text">O trecho padrão original de Lorem Ipsum, usado desde o século XVI, está reproduzido abaixo para os interessados.</p>
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">Ao contrário do que se acredita</li>
                        <li class="list-group-item">Simplesmente um texto randômico.</li>
                        <li class="list-group-item">A primeira linha de Lorem Ipsum."</li>
                    </ul>
                    <div class="card-body">
                        <a href="#" class="card-link">Donec</a>
                        <a href="#" class="card-link">Curabitur risus</a>
                    </div>
                    <div class="card-footer text-muted">
                        Texto de rodapé
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="card mb-5">
                    <img class="card-img-top" src="../imagens/mercado2.jpg">
                    <div class="card-body">
                        <h4 class="card-title">Lorem Ipsum</h4>
                        <h6 class="card-subtitle mb-2 text-muted">fazendo deste o primeiro gerador</h4>
                        <p class="card-text">O trecho padrão original de Lorem Ipsum, usado desde o século XVI, está reproduzido abaixo para os interessados.</p>
                    </div>
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item">Ao contrário do que se acredita</li>
                        <li class="list-group-item">Simplesmente um texto randômico.</li>
                        <li class="list-group-item">A primeira linha de Lorem Ipsum."</li>
                    </ul>
                    <div class="card-body">
                        <a href="#" class="card-link">Donec</a>
                        <a href="#" class="card-link">Curabitur risus</a>
                    </div>
                    <div class="card-footer text-muted">
                        Texto de rodapé
                    </div>
                </div>
            </div>
            <div class="col-sm-6 col-md-4">
                <div class="card mb-5">
                    <img class="card-img-top" src="../imagens/mercado3.jpg">
                    <div class="card-body">
                        <h4 class="card-title">Lorem Ipsum</h4>
                        <h6 class="card-subtitle mb-2 text-muted">fazendo deste o primeiro gerador</h4>
                        <p class="card-text">O trecho padrão original de Lorem Ipsum, usado desde o século XVI, está reproduzido abaixo para os interessados.</p>
                    </div>
                    <ul class="list-group list-group-flush">
                         <li class="list-group-item">Ao contrário do que se acredita</li>
                         <li class="list-group-item">Simplesmente um texto randômico.</li>
                         <li class="list-group-item">A primeira linha de Lorem Ipsum."</li>
                    </ul>
                    <div class="card-body">
                        <a href="#siteModal" class="card-link" data-toggle="modal">Donec</a>
                        <a href="#" class="card-link">Curabitur risus</a>
                    </div>
                    <div class="card-footer text-muted">
                        Texto de rodapé
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jumbotron -->
    <div class="jumbotron jumbotron-fluid">
        <div class="container">
            <div class="row">
                <div class="col-12 text-center">
                    <h1 class="display-4">
                        <p class="lead">
                            <i class="fa fa-camera-retro fa-lg"></i> Footer demonstrativo de trabalhos divulgados no Vimeo. 
                        </p>
                        <hr>
                    </h1>
                </div>
            </div>
            <div class="row">
                <div class="col-12">
                    <ul class="nav nav-pills justify-content-center mb-5" id="pills-nav" role="tablist">
                        <li class="nav-item">
                            <a class="nav-link active" id="nav-pills-01" data-toggle="pill" href="#nav-item-01">Curitiba</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="nav-pills-02" data-toggle="pill" href="#nav-item-02"><NAME></a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" id="nav-pills-03" data-toggle="pill" href="#nav-item-03">Take Five</a>
                        </li>
                    </ul>
                    <div class="tab-content" id="nav-pills-content">
                        <div class="tab-pane fade show active" id="nav-item-01" role="tabpanel">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <iframe src="https://player.vimeo.com/video/39394752" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                                        <p><a href="https://vimeo.com/39394752">Compartilhe o Amor - Curitiba</a> from <a href="https://vimeo.com/ludicafilmes">L&uacute;dica Filmes</a></p>
                                    </div>
                                </div>
                                <div class="col-sm-5 offset-sm-1 align-self-center">
                                    <p class="text-justify">O que é o amor, se não algo que a gente compartilha? Em homenagem ao aniversário da nossa cidade, compartilhe esse vídeo e demonstre seu amor por Curitiba.</p>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade show" id="nav-item-02" role="tabpanel">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <iframe src="https://player.vimeo.com/video/249786539" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                                        <p><a href="https://vimeo.com/249786539">Tom and Jerry Episode 36. Old Rockin&#039; Chair Tom</a></p>
                                    </div>
                                </div>
                                <div class="col-sm-5 offset-sm-1 align-self-center">
                                    <p class="text-justify">O centro da trama se baseia geralmente em tentativas frustradas de Tom de capturar Jerry, e o caos e a destruição que se segue. Tom raramente consegue capturar Jerry, principalmente por causa das habilidades do engenhoso ratinho, e também por causa de sua própria estupidez. As perseguições eram eletrizantes e sempre vinham acompanhadas por boa trilha sonora. Também eram utilizadas diversas armadilhas e truques que no final não davam resultado satisfatório, como bombas e ratoeiras, coisas que eram fundamentais na rivalidade entre o gato e o rato. Alguns personagens também marcam presença na trama, como o bulldog Spike e o rival de Tom, o gato Butch.</p>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade show" id="nav-item-03" role="tabpanel">
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="embed-responsive embed-responsive-16by9">
                                        <iframe src="https://player.vimeo.com/video/30716912?color=cccccc" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>
                                    </div>
                                </div>
                                <div class="col-sm-5 offset-sm-1 align-self-center">
                                    <p class="text-justify">"Take Five" foi regravada e apresentada diversas vezes durante a carreira do The Dave Brubeck Quartet. Também recebeu diversas versões, como a da cantora sueca Monica Zetterlund em 1962 e a versão de King Tubby. Até sua morte em 1977, Desmond deixou os direitos a sua obra à Cruz Vermelha Americana, incluindo "Take Five".</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-12 text-center my-5">
                <h1 class="display-4"><i class="fa fa-paper-plane text-primary" aria-hidden="true"></i>Java Office</h1>
            </div>
        </div>
        <div class="row justify-content-center mb-5">
            <div class="col-sm-12 col-md-10 col-lg-8">
                <form>
                    <div class="form-row">
                        <div class="form-group col-sm-6">
                            <label for="inputName">Your Name</label>
                            <input type="text" class="form-control" id="inputName" placeholder="Name">
                        </div>
                        <div class="form-group col-sm-6">
                            <label for="inputLastName">Last Name</label>
                            <input type="text" class="form-control" id="inputLastName" placeholder="<NAME>">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-sm-12">
                            <label for="inputAddress">Address</label>
                            <input type="text" class="form-control" id="inputAddress" placeholder="Address">
                        </div>
                    </div> 
                    <div class="form-row">
                        <div class="form-group col-sm-6">
                            <label for="inputCity">City</label>
                            <input type="text" class="form-control" id="inputCity" placeholder="City">
                        </div>
                        <div class="form-group col-sm-4">
                            <label for="inputState">State</label>
                            <select id="inputState" class="form-control">
                                <option selected>Escolha...</option>
                                <option>...</option>
                                <option>...</option>
                                <option>...</option>
                                <option>...</option>
                            </select>
                        </div>
                        <div class="form-group col-sm-2">
                            <label for="inputZipCode">ZipCode</label>
                            <input type="text" class="form-control" id="inputZipCode">
                        </div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-sm-12">
                            <div class="form-check">
                                <label for="" class="form-check-label">
                                    <input type="checkbox" class="form-check-input"> Desejo receber novidades por e-mail.
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-row">
                        <button class="btn btn-primary" type="submit">Enviar</button>
                        <a tabindex="0" class="btn btn-secondary ml-2" role="button" data-toggle="popover" 
                        data-placement="right" data-trigger="focus" title="Exibição do popover"
                        data-content="Exibição do texto ao focus do botão">Ajuda</a>
                    </div>
                </form>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-4">
                <h3>Início</h3>
                <p>Existem muitas variações disponíveis de passagens de Lorem Ipsum, mas a maioria sofreu algum tipo de alteração, seja por inserção de passagens com humor, ou palavras aleatórias que não parecem nem um pouco convincentes.</p>
            </div>
            <div class="col-sm-4">
                <h3>Perfil</h3>
                <div class="list-group text-center">
                    <a href="#" class="list-group-item list-group-item-action list-group-item-primary">Perfil</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-primary">Serviços</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-primary">Depoimentos</a>
                    <a href="#" class="list-group-item list-group-item-action list-group-item-primary">Contatos</a>
                </div>
            </div>
            <div class="col-sm-4">
                <h3>Social</h3>
                <div class="btn-group-vertical btn-block btn-group-lg" role="group">
                    <a href="#" class="btn btn-outline-primary"><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook</a>
                    <a href="#" class="btn btn-outline-info"><i class="fa fa-twitter-square" aria-hidden="true"></i> Twitter</a>
                    <a href="#" class="btn btn-outline-warning"><i class="fa fa-instagram" aria-hidden="true"></i> Instagram</a>
                </div>
            </div>
            <div class="col-12 mt-5">
                <blockquote class="blockquote text-center">
                    <p class="mb-0">"O sucesso não é garantido, mas o fracasso é certo se você não estiver emocionamente envolvido em seu trabalho."</p>
                    <footer class="blockquote-footer">Biz Stone <cite title="Source Title"> Fundador do Twitter</cite></footer>
                </blockquote>
            </div>
        </div>
    </div>

    <!-- Modal -->
    <div class="modal fade" id="siteModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Palavras não Características</h5>
                    <button type="buttom" class="close" data-dismiss="modal">
                        <span>&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-6">
                                <h5>Título</h5>
                                <p>et Malorum" (Os Extremos do Bem e do Mal), de Cícero, escrito em 45 AC. Este livro é um tratado de teoria da ética muito popular na época da Renascença. A primeira linha de Lorem Ipsum, "Lorem Ipsum dolor sit amet..." vem de uma</p>
                            </div>
                            <div class="col-6">
                                <h5>Título</h5>
                                <p>embaraçoso escrito escondido no meio do texto. Todos os geradores de Lorem Ipsum na internet tendem a repetir pedaços predefinidos conforme necessário,</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Done</button>
                </div>
            </div>
        </div>
    </div>
    
    <script src="../modules/jquery/dist/jquery.min.js"></script>
    <script src="../modules/popper.js/dist/umd/popper.js"></script>
    <script src="../modules/bootstrap/dist/js/bootstrap.js"></script>
    <script>
        $(function () {
            $('[data-toggle="popover"]').popover()
        })
    </script>
</body>

</html><file_sep>/* SPA Strategy*/
(function() {

    var partialsCache = {};

    function fetchFile(path, callback) {
        var request = new XMLHttpRequest();

        request.onload = function() {
            callback(request.responseText);
        };
        request.open("GET", path);
        request.send(null); 
    }

    function getContent(fragmentId, callback) {

        if (partialsCache[fragmentId]) {
            callback(partialsCache[fragmentId]);
        } else {
            fetchFile(fragmentId + ".html", function(content) {
                partialsCache[fragmentId] = content;
                callback(content);
            });
        }
        fetchFile(fragmentId + ".html", callback);
    }

    if (!location.hash) {
        location.hash = "#home";
    }

    function setActiveLink(fragmentId) {

        var navbarDiv = document.querySelectorAll(".navbar-nav .nav-item .nav-link"),
        links = navbarDiv, i, link, pageName;

        for(i = 0; i < links.length; i++) {
            link = links[i]; 
            pageName = link.getAttribute("href") !== null ? link.getAttribute("href").substring(1) : '';
            if (pageName === fragmentId) {
                link.setAttribute("style", "color: aliceblue; pointer-events: none; cursor: default;");
            } else {
                link.removeAttribute("style");
            }
        }
    }

    function navigate() {
        var contentDiv = document.getElementById("content"),
        fragmentId = location.hash.substring(1);

        getContent(fragmentId, function(content){
            contentDiv.innerHTML = content;
        });
        setActiveLink(fragmentId);
        document.body.style.display = "block";
    }
    navigate();
    window.addEventListener("hashchange", navigate);

}());

/* Send Email via SMTPJS */
function sendMail() {
    document.getElementById('contact-form').addEventListener('submit', async function (event) {
        event.preventDefault();
        const output = `
        <p>You have a new contact request</p>
        <h3>Contact Details</h3>
        <ul>
            <li>Name: ${this.name.value}</li>
            <li>Fone: ${this.fone.value}</li>
            <li>Email: ${this.email.value}</li>
        </ul>
        <h3>Message</h3>
        <p>${this.textMessage.value}</p>
        `;
        const nome = this.name.value;
        loading = document.querySelector('.loading');
        loading.style.display = 'block';
        await Email.send({
            SecureToken: "<KEY>",
            To: '<EMAIL>',
            From: "<EMAIL>",
            Subject: this.subject.value,
            Body: output
        }).then(
            /* message => alert(`Obrigado pela visita Sr(a) ${nome}, entrarei em contato o mais breve possível!`) */
            message => modalSet('modal', `${nome}, Have a great day.`),
            document.getElementById('contact-form').reset()
        );
    });
}

/* SmtpJS.com - v3.0.0 */
var Email = {
    send: function (a) {
        return new Promise(function (n, e) {
            a.nocache = Math.floor(1e6 * Math.random() + 1), a.Action = "Send";
            var t = JSON.stringify(a);
            Email.ajaxPost("https://smtpjs.com/v3/smtpjs.aspx?", t, 
            function (e) { n(e) })
        })
    }, ajaxPost: function (e, n, t) {
        var a = Email.createCORSRequest("POST", e);
        a.setRequestHeader("Content-type", "application/x-www-form-urlencoded"), 
        a.onload = function () {
            var e = a.responseText; null != t && t(e)
        }, a.send(n)
    }, ajax: function (e, n) {
        var t = Email.createCORSRequest("GET", e);
        t.onload = function () {
            var e = t.responseText; null != n && n(e)
        }, t.send()
    }, createCORSRequest: function (e, n) {
        var t = new XMLHttpRequest;
        return "withCredentials" in t ? t.open(e, n, !0) : "undefined" != typeof XDomainRequest ? (t = new XDomainRequest).open(e, n) : t = null, t
    }
};

/* Modal Confirm */
function modalSet(id, msg) {
    const submitBtn = document.getElementById('btnSendMail');
    document.getElementById("return").innerHTML = msg;
    $("#".concat(id)).modal("show");
    modal.addEventListener('click', (e) => {
        if (e.target.id == id || e.target.className == 'btn btn-danger' || e.target.className == 'close') {
            $("#".concat(id)).modal("hide");
            loading.style.display = 'none';
            submitBtn.setAttribute('disabled', true);
        }
    });
}

/* Fields Validation */
function validateFields() {
    document.getElementById('name').addEventListener('input', function (e) {
        let count = '';
        span_name = document.querySelector('.msg-name');
        e.target.value = e.target.value.replace(/[^ a-zA-Z]+/g, '');
        if (e.target.value.length < 3) {
            span_name.innerHTML = "Preenchimento mínimo de 3 caracteres!";
            span_name.style.display = 'block';
            count += 1;
        } else {
            span_name.style.display = 'none';
        }
        validator(count);
    });
    document.getElementById('email').addEventListener('input', function (e) {
        let count = '';
        span_email = document.querySelector('.msg-email');
        const testEmail = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
        if (e.target.value.length > 3) {
            if (testEmail.test(e.target.value)) {
                span_email.style.display = 'none';
            } else {
                span_email.innerHTML = "Formato do E-mail inválido";
                span_email.style.display = 'block';
                count += 1;
            }
            validator(count);
        }
    });
}

function validator(count) {
    const invalidForm = document.querySelector('form:invalid');
    const submitBtn = document.getElementById('btnSendMail');
    if (invalidForm || count != '') {
        submitBtn.setAttribute('disabled', true);
    } else {
        submitBtn.disabled = false;
    }
}

function mask() {
    document.getElementById('fone').addEventListener('input', function (e) {
        var aux = e.target.value.length < 15 ? e.target.value.replace(/\D/g, '')
            .match(/(\d{0,2})(\d{0,4})(\d{0,4})/) : e.target.value.replace(/\D/g, '')
            .match(/(\d{0,2})(\d{0,5})(\d{0,4})/);
        e.target.value = !aux[2] ? aux[1] : '(' + aux[1] + ') ' + aux[2] + (aux[3] ? '-' + aux[3] : '');
    });
}