index.html

<!DOCTYPE html>
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="pt_BR">
    <head>
        <!-- TITLE OF SITE -->
        <title>8PHP | 8º Fórum de profissionais PHP do Estado do Maranhão</title>

        <meta charset="utf-8">
        <meta name="description" content="Oitavo Fórum de profissionais php do estado do maranhão" />
        <meta name="keywords" content="event, parallax, one page, php7, phpmaranhao, phpma" />
        <meta name="author" content="Santush Deb Nath, deviserweb">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        <!--   FAV AND TOUCH ICONS   -->
        <link rel="icon" href="images/favicon.ico">
        <!--<link rel="apple-touch-icon" href="images/apple-touch-icon.png">-->
        <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">


        <!-- GOOGLE FONTS -->
        <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
        <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800' rel='stylesheet' type='text/css'>

        <!-- BOOTSTRAP CSS -->
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

        <!-- FONT ICONS -->
        <link rel="stylesheet" href="css/font-awesome.css">
        <link rel="stylesheet" href="css/elegant_icon.css">

        <!-- PRELOADER -->
        <link rel="stylesheet" href="css/preloader.css">

        <!-- CAROUSEL SLIDERS -->
        <!--<link rel="stylesheet" href="css/owl.carousel.css">-->
        <link rel="stylesheet" href="css/owl.theme.css">
        <link rel="stylesheet" href="css/owl.transitions.css">

        <!-- CSS3 ANIMATE CSS -->
        <!--<link rel="stylesheet" href="css/animate.css">-->

        <!--  DROPDOWN CSS  -->
        <link rel="stylesheet" href="css/fancySelect.css" />

        <!-- IMAGE HOVER EFFECT  -->
        <link rel="stylesheet" href="css/hover-effect-animate.css" />
        <link rel="stylesheet" href="css/hover-effect.css" />

        <!--   COUSTOM CSS link  -->
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="css/responsive.css">

        <!-- COLOR SCHEME -->
        <link rel="stylesheet" href="css/colors/red.css" type="text/css" id="theme-link" />

        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->

    </head>
    <body>

        <!-- PRELOADER -->
        <div class="spinner-wrapper">
            <div class="bubblingG">
                <span id="bubblingG_1"></span>
                <span id="bubblingG_2"></span>
                <span id="bubblingG_3"></span>
            </div>
        </div>
        <!-- /END PRELOADER -->

        <header class="header-background header" id="header" data-stellar-background-ratio="0.5"> <!--Start: "Header Area"-->
            <div class="fix header-overlay overlay-color">

                <!-- Start: Navbar Area  -->
                <div class="header-navbar navbar-fixed-top" id="header-navbar">
                    <nav class="navbar navbar-inverse">
                        <div class="container">
                            <div class="navbar-header">

                                <!-- Show in Mobile -->
                                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                                    <span class="icon-bar icon-close-1"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar icon-close-2"></span>
                                </button>

                                <!-- Your Icon Goes Here -->
                                <a class="navbar-brand" href="index.html">
                                    <img src="images/logo-2.png" class="img-responsive" alt="">
                                </a>

                            </div>

                            <!-- Show in Dexktop -->
                            <button type="button" class="navbar-toggle navbar-cus hidden-xs " id="navbar-cus" style="padding-right: 0px">
                                <span class="lines"></span>
                            </button>

                            <!-- Navbar Option -->
                            <div id="myNavbar">
                                <ul id="navbar-nav" class="myNavbarUl nav navbar-nav navbar-right slideOutRight">
                                    <li><a href="#header">Home</a></li>
                                    <li><a href="#section-1">Sobre</a></li>
                                    <li><a href="#section-3">Cronograma</a></li>
                                    <!--<li><a href="#section-5">Price</a></li>-->
                                    <li><a href="#section-11">Localização</a></li>
                                    <!--<li><a href="blog.html" class="blog">Blog</a></li> -->
                                </ul>
                            </div>
                        </div> <!-- End: container  -->
                    </nav> <!-- End: navbar navbar-inverse  -->
                </div>
                <!-- End: Navbar Area  -->

                <div class="container">
                    <div class="row header-body" id="header-body">

                        <!-- Start: CountDown area -->
                        <div class="count_down wow fadeInDown animated" data-wow-offset="120" data-wow-duration="1.5s"></div>
                        <!-- End: CountDown area -->

                        <div class="clearfix"></div>

                        <div class="heading  wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                            <h1><b>Code Revolution</b><br>8PHP 2017</h1>
                        </div>

                        <div class="pera">

                            <!-- Start: Button area -->
                            <div class="buy-tricket btn-scroll wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                                <div class="btn-group">
                                    <a href="https://www.sympla.com.br/8-forum-de-profissionais-php-do-maranhao__207387" target="_blank" class="btn-fill btn-standard btn btn-cus">Fazer minha inscrição</a>
                                </div>
                            </div>
                            <!-- End: Button area" -->

                        </div><!-- End: col-md-5 pera  -->

                    </div><!-- End: header-body  -->
                </div> <!-- End: container  -->

            </div> <!-- End: fix header-overlay overlay-color  -->
        </header> <!--End: Header Area-->

        <section class=" about-our-event" id="section-1"><!-- Start: about-our-event, "SECTION-1" -->
            <div class="container">

                <!-- Start: About Our Event Area  -->
                <div class="row about-our-event-body">

                    <!-- Start: About-Our-Event Left Area  -->
                    <div class="about-our-event-left col-md-5 wow fadeInLeft animated" data-wow-offset="120" data-wow-duration="1.5s">
                        <div class="about-our-event-left-body">
                            <h2>Sobre o evento</h2>
                            <p>
                                O Fórum de Profissionais PHP ocorre anualmente em São Luís, Maranhão com a proposta de promover o intercâmbio de ideias com o envolvimento de expoentes nacionais na linguagem número um da Web e demais tecnologias abrangentes e emergentes no mercado.
                            </p>
                        </div>
                    </div>
                    <!-- End: About-Our-Event Left Area  -->

                    <!-- Start: About-Our-Event Right Area  -->
                    <div class="about-our-event-right col-md-offset-1 col-md-6 wow fadeInRight animated" data-wow-offset="120" data-wow-duration="1.5s">
                        <div class="container-fluid">
                            <div class="row about-our-event-right-body">
                                <div class="col-md-4 col-sm-4 col-xs-4 col-lg-4 background time">
                                    <span class="counter style-all">10</span>
                                    <span class="title">Palestrantes</span>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-4 col-lg-4 background time">
                                    <span class="counter style-all">02</span>
                                    <span class="title">Dinâmica de grupo</span>
                                </div>
                                <div class="col-md-4 col-sm-4 col-xs-4 col-lg-4 background time">
                                    <span class="counter style-all">04</span>
                                    <span class="title">Workshops</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- End: About-Our-Event Right Area  -->
                </div>
                <!-- End: About Our Event Area  -->

                <!-- Start: About-Our-Event Overlay background Area  -->
                <div class="about-background-image">

                    <!-- About-Our-Event Overlay background Left Area  -->
                    <div class="background-left col-sm-12 col-md-6"></div>

                    <!-- About-Our-Event Overlay background Right Area  -->
                    <div class="bg-img-3 background-right col-sm-12 col-md-6">
                        <div class="background-right-overlay-color"></div>
                    </div>

                </div> <!--  about-background-image  -->

            </div> <!-- End: container -->
        </section> <!-- End: about-our-event, "SECTION-2" -->

        <section class=" about-our-event" id="section-2"><!-- Start: about-our-event, "SECTION-2" -->
            <div class="container">

                <!-- Start: About Our Event Area  -->
                <div class="row about-our-event-body">

                    <!-- Start: About-Our-Event Left Area  -->
                    <div class="about-our-event-left col-md-offset-1 col-md-6 wow fadeInLeft animated" data-wow-offset="120" data-wow-duration="1.5s">
                    </div>
                    <!-- End: About-Our-Event Left Area  -->

                    <!-- Start: About-Our-Event Right Area  -->
                    <div class="about-our-event-right col-md-5 wow fadeInRight animated" data-wow-offset="120" data-wow-duration="1.5s">
                        <div class="about-our-event-right-body">
                            <h2>Code Revolution</h2>
                            <p>
                                Em sua oitava edição, que ocorrerá nos dias 17 e  18 de Novembro de 2017 sob o manto do tema "Code Revolution", o evento lança uma provocação nada sutil ao mercado de programação para que exalte a ousadia inovativa e que rompa os grilhões do pensamento obsoleto.
                            </p>
                            <!-- Start: Button area -->
                            <div class="buy-tricket">
                                <div class="btn-group btn-scroll">
                                    <!--<a href="#section-4" class="btn-fill btn-standard btn btn-cus">Nossos palestrantes</a>-->
                                    <a href="https://www.sympla.com.br/8-forum-de-profissionais-php-do-maranhao__207387" target="_blank" class="btn-border btn-standard btn btn-cus">Fazer minha inscrição</a>
                                </div>
                            </div>
                            <!-- End: Button area" -->
                        </div>
                    </div>
                    <!-- End: About-Our-Event Right Area  -->

                </div>
                <!-- End: About Our Event Area  -->

                <!-- Start: About-Our-Event Overlay background Area  -->
                <div class="code-background-image">

                    <div class="bg-img-3 background-left col-sm-12 col-md-6">
                        <div class="background-left-overlay-color"></div>
                    </div>

                    <!-- About-Our-Event Overlay background Right Area  -->
                    <div class="background-right col-sm-12 col-md-6"></div>

                </div> <!--  code-background-image  -->

            </div> <!-- End: container -->
        </section> <!-- End: about-our-event, "SECTION-2" -->

        <section class="scedule-background scedule" id="section-3"> <!-- Start: our-featured-speaker, "SECTION-3" -->
            <div class="fix overlay-color"> <!-- Start: Overlay color  -->
                <div class="container">
                    <div class="row scedule-body">

                        <div role="tabpanel">

                            <!-- Nav tabs -->
                            <ul class="scedule-main col-xs-12 col-sm-offset-1 col-sm-10 col-md-offset-2 col-md-8 col-lg-offset-2 col-lg-8 nav wow fadeInDown animated" data-wow-offset="10" data-wow-duration="1.5s" role="tablist">

                                <li role="presentation" class="btn-group col-xs-12 col-sm-12 col-md-6 active">
                                    <a class="btn-border btn-standard btn btn-cus" href="#scedule-1" aria-controls="scedule-1" role="tab" data-toggle="tab">17/11</a>
                                </li>
                                <li role="presentation" class="btn-group col-xs-12 col-sm-12 col-md-6">
                                    <a class="btn-border btn-standard btn btn-cus" href="#scedule-3" aria-controls="scedule-3" role="tab" data-toggle="tab">18/11</a>
                                </li>

                            </ul>

                            <div class="clearfix visible-xs visible-sm"></div>

                            <!-- Tab panes -->
                            <div class="tab-content col-md-12">
                                <div role="tabpanel" class="tab-pane active wow fadeInUp animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-1">

                                    <div class="dropdown">
                                        <span id="btn-scedule-1" data-id="#nav-ul-scedule-1" class="btn-scedule-css hidden-md hidden-lg label"></span>

                                        <!-- Nav tabs -->
                                        <ul class="nav nav-cus col-md-4" role="tablist"  id="nav-ul-scedule-1">
                                            <li role="presentation" class="active">
                                                <a href="#scedule-sub-1" aria-controls="scedule-sub-1" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Credenciamento</span>
                                                    <span class="nav-time">08:00</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-2" aria-controls="scedule-sub-2" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Abertura</span>
                                                    <span class="nav-time">Atmos Maciel - 08:30</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-3" aria-controls="scedule-sub-3" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Implementando autenticação de dois fatores em qualquer aplicação</span>
                                                    <span class="nav-time">Ricardo Coelho: 09:00 - 09:40</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-4" aria-controls="scedule-sub-4" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Insight Data Science</span>
                                                    <span class="nav-time">Felipe Pimenta: 09:50 - 10:30</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-5" aria-controls="scedule-sub-5" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Code Revolution</span>
                                                    <span class="nav-time">Willian Mano: 10:40 - 11:30</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-6" aria-controls="scedule-sub-6" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Workshop: Palestrei</span>
                                                    <span class="nav-time">10:00 - 12:00</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-7" aria-controls="scedule-sub-7" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Workshop: Introdução à modelagem de bancos NoSQL com ArangoDB</span>
                                                    <span class="nav-time">Lucas Souza: 13:00 - 15:00</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-8" aria-controls="scedule-sub-8" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Workshop: Conhecendo o Design Thinking e potencializando ideias</span>
                                                    <span class="nav-time">Lanna Reis: 15:00 - 17:00</span>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>

                                    <!-- Tab panes -->
                                    <div class="tab-content col-md-8">

                                        <div role="tabpanel" class="tab-pane active wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-1">
                                            <h3>Credenciamento</h3>
                                            <p>Hora de fazer seu check-in no evento, pegar aquele café e escolher o melhor lugar. :)</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-2">
                                            <h3>Cerimônia de Abertura</h3>
                                            <p>Momento de falar sobre os fórum, nosso anseios e o porque de estarmos ali.</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-3">
                                            <h3>Implementando autenticação de dois fatores em qualquer aplicação</h3>
                                            <p>Todos temos conhecidos cujas senhas foram expostas. Conhece alguém? São frequentes os relatos de invasão de servidores, uso de engenharia social, vazamentos de senhas por hackers ou descuido com a proteção das senhas. Veremos como nos proteger usando autenticação de dois fatores em nossos sistemas.</p>
                                            <p>Sabemos que a autenticação de dois fatores é uma grande aliada dos nossos usuários, mas mostraremos porque os maiores beneficiados são o desenvolvedor e a empresa que detém o software. Mais do que isto, veremos como implementar a autenticação de dois fatores em um sistema Web utilizando PHP. Nossa solução poderá ser usada com qualquer autenticador de uso comum, como Google Authenticator, Authy e similares, bem como em uma implementação de cliente próprio, se você preferir.</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-4">
                                            <h3>Insight Data Science</h3>
                                            <p>Você já deve ter lido ou ouvido falar sobre "Data Science", e não sabe o que é? Vamos juntos conhecer e aprender sobre a "Ciência dos Dados", onde e como podemos aplicá-la, e o por quê dessa área tem crescido tanto, tornado-se uma necessidade para a resolução de problemas e situações da vida cotidiana atual.</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-5">
                                            <h3>Code Revolution</h3>
                                            <p>Vamos relembrar os alicerces da engenharia de software e trazer para os dias atuais as novas abordagens, técnicas e processos utilizados. Entenderemos na prática coisas como Agile, CI, Testes e etc.. Vamos trazer para nossos dias a verdadeira revolução, a revolução do código!</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-6">
                                            <h3>Palestrei</h3>
                                            <p>Workshop for Speakers.</p>
                                            <p>Tem vontade de se tornar um palestrante e de aprender os caminhos das pedras da arte de palestrar? Então vem pro Palestrei. :)</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-7">
                                            <h3>Introdução à modelagem de bancos NoSQL - ArangoDB</h3>
                                            <p>Neste workshop serão apresentados os conceitos fundamentais da modelagem de bancos de dados NoSQL, especialmente os bancos de dados não relacionais que suportam vários modelos como chave-valor, documentos e grafos.</p>
                                            <p>Materiais necessários: Notebook Pessoal</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-8">
                                            <h3>Conhecendo o Design Thinking e potencializando ideias</h3>
                                            <p>Neste workshop, usaremos a abordagem de inovação Design Thinking. Conheceremos seus valores, pilares e etapas e de forma prática descobriremos como podemos resolver problemas, testar ideias e entrega-las com valor.</p>
                                            <p>Materiais necessários: reguas, pincéis de quadro branco, post its, papel e caneta. :)</p>
                                        </div>

                                    </div>
                                </div>

                                <div role="tabpanel" class="tab-pane wow fadeInUp animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-3">

                                    <div class="dropdown">
                                        <span id="btn-scedule-3" data-id="#nav-ul-scedule-3" class="btn-scedule-css hidden-md hidden-lg label"></span>

                                        <!-- Nav tabs -->
                                        <ul class="nav nav-cus col-md-4" role="tablist"  id="nav-ul-scedule-3">

                                            <li role="presentation" class="active">
                                                <a href="#scedule-sub-9" aria-controls="scedule-sub-1" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Credenciamento</span>
                                                    <span class="nav-time">08:30</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-10" aria-controls="scedule-sub-2" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Symfony 4 - E agora?!</span>
                                                    <span class="nav-time">Nanderson Castro: 09:00 - 09:40</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-11" aria-controls="scedule-sub-3" role="tab" data-toggle="tab">
                                                    <span class="nav-header">A importância do CTO em uma Startup do tipo SaaS</span>
                                                    <span class="nav-time">Rômulo Martins: 09:50 - 10:30</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-12" aria-controls="scedule-sub-12" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Chatbots 101</span>
                                                    <span class="nav-time">Lucas Souza: 10:40 - 11:30</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-13" aria-controls="scedule-sub-5" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Intervalo</span>
                                                    <span class="nav-time">12:00 - 14:00</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-14" aria-controls="scedule-sub-8" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Mulheres no desenvolvimento de games: minha iniciativa e por onde começar</span>
                                                    <span class="nav-time">Gabrielle Machado: 14:00 - 14:40</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-15" aria-controls="scedule-sub-7" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Programadores e o Código-Fonte da Ansiedade</span>
                                                    <span class="nav-time">Weldys Santos: 14:50 - 15:30</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-16" aria-controls="scedule-sub-9" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Aprendendo a empreender nos erros dos outros</span>
                                                    <span class="nav-time">Evaldo Barbosa: 15:40 - 17:20</span>
                                                </a>
                                            </li>

                                            <li role="presentation" class="">
                                                <a href="#scedule-sub-17" aria-controls="scedule-sub-10" role="tab" data-toggle="tab">
                                                    <span class="nav-header">Encerramento</span>
                                                    <span class="nav-time">17:30</span>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>

                                    <!-- Tab panes -->
                                    <div class="tab-content col-md-8">

                                        <div role="tabpanel" class="tab-pane active wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-9">
                                            <h3>Credenciamento</h3>
                                            <p>Hora de fazer seu check-in no evento, pegar aquele café e escolher o melhor lugar. :)</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-10">
                                            <h3>Symfony 4 - E agora?!</h3>
                                            <p>Conheceremos todas as novidades trazidas com a nova versão desse fullstack framework que é o Symfony. Veremos como essas mudanças impactam na componentização de nossas aplicações PHP.</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-11">
                                            <h3>A importância do CTO em uma Startup do tipo SaaS</h3>
                                            <p>Você acha que é APENAS o Marketing e Vendas que fazem a sua Startup de modelo de negócio SaaS (Software As A Service) crescer? Definitivamente, não.  Você precisa de um excelente CTO (Chief Technology Officer)! Ele tem uma importante missão, pois é dele a responsabilidade de transformar os objetivos estratégicos das empresas em realidade, a partir do que o mercado necessita. É disso que vamos falar.</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-12">
                                            <h3>Chatbots 101</h3>
                                            <p>Uma introdução bem descontraída ao mundo do chatbots e como eles podem ajudar a resolver alguns de seus problemas.</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-13">
                                            <h3>Intervalo</h3>
                                            <p>Hora de pegar aquele almoço e fazer aquele networking com a galera. Que tal trocar figurinhas e conversar sobre suas impressões e as coisas apresentadas até o momento? Com certeza vai ter muito o que conversar. :)</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-14">
                                            <h3>Mulheres no desenvolvimento de games: minha iniciativa e por onde começar</h3>
                                            <p>Nesta palestra a Gabrielle Machado irá compartilhar conosco sua experiência no caminho do desenvolvimento de jogos sérios. Além disso ela vai dar dicas para todos aqueles que desejam começar a desenvolver jogos, em especial as mulheres.</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-15">
                                            <h3>Programadores e o Código-Fonte da Ansiedade</h3>
                                            <p>Um breve relato de como um programador pode passar por situações de ansiedade que podem comprometer produtividade e a própria carreira. Existem inúmeros casos de depressão em programadores e no talk vamos discutir como evitar e como sair de um momento difícil na carreira de desenvolvedor.</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-16">
                                            <h3>Aprendendo a empreender nos erros dos outros</h3>
                                            <p>Empreendedorismo e Desenvolvimento.</p>
                                            <p>Nessa palestra mostrarei ao programador (ou outro profissional) que empreender é muito mais que ser "o frente" do negócio. Que o intraempreendedorismo é uma forma de executar o seu trabalho com paixão e ainda aprender com os erros do negócio para, futuramente, empreender em sua própria ideia. Que executar seu trabalho com um propósito claro (a estratégia) é a melhor forma de dar resultados e aprender a olhar o horizonte sem medo.</p>
                                        </div>

                                        <div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="scedule-sub-17">
                                            <h3>Encerramento</h3>
                                            <p>Chegamos ao final de mais um Fórum. Mas o evento não acaba aqui. Que tal tomar aquele chopp com a galera que você conheceu ou conhece? Muita coisa será apresentada e aprendida nesses dois dias, então assunto é o que não vai faltar. :)</p>
                                        </div>

                                    </div>

                                </div>
                            </div>
                        </div><!-- End: tabpanel  -->

                    </div><!-- End: our-futured-speaker-body   -->
                </div> <!-- End: container   -->
            </div> <!-- End: Overlay color   -->
        </section> <!-- End: our-featured-speaker, "SECTION-3" -->

        <section class="speakers" id="section-4" ><!-- Start: Speakers Area, "SECTION-4" -->
            <div class="container">
                <div class="row speakers-body col-md-12 col-lg-offset-1 col-lg-10" >
                    <div class="wow fadeInDown animated" data-wow-offset="120" data-wow-duration="1.5s">

                        <h2>Palestrantes</h2><!-- Speakers Heading Goes Here -->

                        <div class="row wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">

                            <!-- Speakers Slide images Goes Here -->

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/Gabrielle-Machado.jpg" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.instagram.com/gabi_lmm/" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                            <li><a href="https://www.facebook.com/gabrielle.lima.machado" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://github.com/GabrielleLimach" target="_blank"> <i class="fa github fa-github"></i> </a></li>
                                            <li><a href="https://www.linkedin.com/in/gabilimach/" target="_blank"> <i class="fa linkedin fa-linkedin"></i> </a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Gabrielle Machado</h3>
                                <p>Programadora, UNDB</p>
                            </div>

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/lanna-reis.jpg" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.instagram.com/lannareys/" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                            <li><a href="https://www.facebook.com/lanna.reis.988" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://www.linkedin.com/in/lanna-reis-3bb745134/" target="_blank"> <i class="fa linkedin fa-linkedin"></i> </a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Lanna Reis</h3>
                                <p>CEO, Diikee</p>
                            </div>

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/willian-mano.jpg" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.facebook.com/willianmano"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://github.com/willianmano"> <i class="fa github fa-github"></i> </a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Willian Mano</h3>
                                <p>Supervisor, UEMANET</p>
                            </div>

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/ricardo-coelho.jpg" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.instagram.com/ramcoelho/" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                            <li><a href="https://www.facebook.com/ricardoamcoelho" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://github.com/ramcoelho" target="_blank"> <i class="fa github fa-github"></i> </a></li>
                                            <li><a href="https://www.linkedin.com/in/ramcoelho/" target="_blank"> <i class="fa linkedin fa-linkedin"></i> </a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Ricardo Coelho</h3>
                                <p>CAO, Nexy</p>
                            </div>

                        </div><!-- End: "slider" Area -->

                        <div class="row wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/lucas-souza.jpg" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.instagram.com/lucassouzavieira_/" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                            <li><a href="https://www.facebook.com/lucassouzavieira18" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://github.com/lucassouzavieira" target="_blank"> <i class="fa github fa-github"></i> </a></li>
                                            <li><a href="https://www.linkedin.com/in/lucassouzavieira/" target="_blank"> <i class="fa linkedin fa-linkedin"></i> </a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Lucas Souza</h3>
                                <p>Programador, UEMANET</p>
                            </div>

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/romulo-martins.png" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.instagram.com/romulomfranca/" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                            <li><a href="https://www.facebook.com/romulo.martins.1044" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://www.linkedin.com/in/romulomfranca/" target="_blank"> <i class="fa linkedin fa-linkedin"></i> </a></li>
                                        </ul>

                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Rômulo Martins</h3>
                                <p>CTO and Co-founder, Workeduc</p>
                            </div>

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/felipe-pimenta.jpg" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.instagram.com/fhp1menta" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                            <li><a href="https://www.facebook.com/fhp1menta" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://github.com/fhpimenta" target="_blank"> <i class="fa github fa-github"></i> </a></li>
                                            <li><a href="https://www.linkedin.com/in/felipe-pimenta-675184109/" target="_blank"> <i class="fa linkedin fa-linkedin"></i> </a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Felipe Pimenta</h3>
                                <p>Programador, UEMANET</p>
                            </div>

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/weldys-santos.png" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.instagram.com/weldyss/" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                            <li><a href="https://www.facebook.com/weldyss" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://github.com/weldyss" target="_blank"> <i class="fa github fa-github"></i> </a></li>
                                            <li><a href="https://www.linkedin.com/in/weldyss/" target="_blank"> <i class="fa linkedin fa-linkedin"></i> </a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Weldys Santos</h3>
                                <p>Project Manager, Creative Pack</p>
                            </div>

                        </div><!-- End: "slider" Area -->

                        <div class="row wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/evaldo-barbosa.jpg" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.instagram.com/mrlucky.com.br/" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                            <li><a href="https://www.facebook.com/evaldo.barbosa.902" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://github.com/evaldobarbosa" target="_blank"> <i class="fa github fa-github"></i> </a></li>
                                            <li><a href="https://www.linkedin.com/in/evaldobarbosa" target="_blank"> <i class="fa linkedin fa-linkedin"></i> </a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Evaldo Barbosa</h3>
                                <p>CEO, Mr Lucky; Tech Leader, SEATI</p>
                            </div>

                            <div class="item col-md-3 col-xs-6">
                                <div class="view view-first">
                                    <img src="images/speakers-img/nanderson-castro.jpeg" alt="">
                                    <div class="mask">
                                        <ul class="nav">
                                            <li><a href="https://www.instagram.com/nandokstronet/" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                            <li><a href="https://www.facebook.com/NandoKstroNet" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                            <li><a href="https://github.com/NandoKstroNet" target="_blank"> <i class="fa github fa-github"></i> </a></li>
                                            <li><a href="https://www.linkedin.com/in/nandersoncastro/" target="_blank"> <i class="fa linkedin fa-linkedin"></i> </a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="clearfix"></div>

                                <h3>Nanderson Castro</h3>
                                <p>Professor, Code Experts Learning</p>
                            </div>

                        </div>

                    </div>
                </div><!-- Start: Speakers Body Area -->
            </div><!-- End:  "container"-->
        </section><!-- End: Speakers Area, "SECTION-4" -->

        <!--PATROCINADORES-->
        <!--<section class="sponsore" id="section-7" >&lt;!&ndash; Start: Sponsore Area, "#SECTION-7" &ndash;&gt;-->
            <!--<div class="container">-->
                <!--<div class="row sponsore-body col-md-12 col-lg-12 ">&lt;!&ndash; Start: Sponsore Body Area &ndash;&gt;-->

                    <!--<div class="wow fadeInDown animated" data-wow-offset="120" data-wow-duration="1.5s">-->
                        <!--<h2>OUR SPONSORS</h2>&lt;!&ndash; Sponsore Heading Goes Here &ndash;&gt;-->
                    <!--</div>-->
                    <!---->
                    <!--&lt;!&ndash; Start: Images Area &ndash;&gt;-->
                    <!--<div class="wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">-->
                        <!--<div class="sponsors-logo col-lg-3 com-md-3 col-sm-3 col-xs-6">-->
                            <!--<img src="images/sponsors-img/1.png" alt="Sponsors" class="img-responsive">-->
                        <!--</div>-->
                        <!--<div class="sponsors-logo col-lg-3 com-md-3 col-sm-3 col-xs-6">-->
                            <!--<img src="images/sponsors-img/2.png" alt="Sponsors" class="img-responsive">-->
                        <!--</div>-->
                        <!--<div class="sponsors-logo col-lg-3 com-md-3 col-sm-3 col-xs-6">-->
                            <!--<img src="images/sponsors-img/3.png" alt="Sponsors" class="img-responsive">-->
                        <!--</div>-->
                        <!--<div class="sponsors-logo col-lg-3 com-md-3 col-sm-3 col-xs-6">-->
                            <!--<img src="images/sponsors-img/4.png" alt="Sponsors" class="img-responsive">-->
                        <!--</div>-->
                        <!--<div class="sponsors-logo col-lg-3 com-md-3 col-sm-3 col-xs-6">-->
                            <!--<img src="images/sponsors-img/4.png" alt="Sponsors" class="img-responsive">-->
                        <!--</div>-->
                        <!--<div class="sponsors-logo col-lg-3 com-md-3 col-sm-3 col-xs-6">-->
                            <!--<img src="images/sponsors-img/3.png" alt="Sponsors" class="img-responsive">-->
                        <!--</div>-->
                        <!--<div class="sponsors-logo col-lg-3 com-md-3 col-sm-3 col-xs-6">-->
                            <!--<img src="images/sponsors-img/2.png" alt="Sponsors" class="img-responsive">-->
                        <!--</div>-->
                        <!--<div class="sponsors-logo col-lg-3 com-md-3 col-sm-3 col-xs-6">-->
                            <!--<img src="images/sponsors-img/1.png" alt="Sponsors" class="img-responsive">-->
                        <!--</div>-->
                    <!--</div>&lt;!&ndash; End: Images Area &ndash;&gt;-->

                <!--</div>&lt;!&ndash; Start: Sponsore Body Area &ndash;&gt;-->
            <!--</div>&lt;!&ndash; End: .container  &ndash;&gt;-->
        <!--</section>&lt;!&ndash; End: Sponsore Area, "#SECTION-7" &ndash;&gt;-->

        <section class="collapse-area" id="section-8"> <!-- Start: Collapse Area, "#SECTION-8" -->
            <div class="container">
                <div class="row">

                    <!--  Start: Collapse Area Left   -->
                    <div class="collapse-left col-sm-12 col-md-4 col-lg-4 hidden-xs hidden-sm fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s">
                        <img src="images/collapse.jpg" alt="" class="">
                    </div>
                    <!--  End: Collapse Area Left  -->

                    <!-- Start: Collapse Area Right  -->
                    <div class="collapse-right col-sm-12 col-md-offset-1 col-md-7 col-lg-offset-1 col-lg-7">

                        <h2 class="wow fadeInDown animated" data-wow-offset="120" data-wow-duration="1.5s">Perguntas frequentes</h2><!-- Collapse Title Goes Here  -->

                        <!--  Start: Collapse-tab  -->
                        <div class="collapse-tab ">
                            <div class="panel-group" id="accordion">
                                <div class="panel panel-default wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s" id="panel1"><!-- Start: Tab-1 -->
                                    <div class="panel-heading">
                                        <h4 class="panel-title">

                                            <!-- Tab-1 Title Goes Here  -->
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="">
                                                Pra quem é o Fórum de Profissionais PHP?
                                                <span class="bar hidden-xs"></span>
                                            </a>

                                        </h4>
                                    </div>
                                    <div id="collapseOne" class="panel-collapse collapse in">

                                        <!-- Tab-1 Detail Goes Here  -->
                                        <div class="panel-body">
                                            O Fórum de Profissionais PHP, apesar do nome é um evento para entusiastas da inovação e tecnologias abragentes, para pessoas que gostam de compartilhar suas experiências e conhecimentos e para todos que gostam de aprender e somar com isso dentro do nosso estado.
                                        </div>

                                    </div>
                                </div><!-- End: Tab-1 -->
                                <div class="panel panel-default wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s" id="panel2"><!-- Start: Tab-2 -->
                                    <div class="panel-heading">
                                        <h4 class="panel-title">

                                            <!-- Tab-1 Title Goes Here  -->
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" class="collapsed">
                                                Quanto custa o evento?
                                                <span class="bar hidden-xs"></span>
                                            </a>

                                        </h4>
                                    </div>
                                    <div id="collapseTwo" class="panel-collapse collapse">

                                        <!-- Tab-2 Detail Goes Here  -->
                                        <div class="panel-body">
                                            O evento é gratuito e você pode participar de todas as atividades que serão apresentadas. Vale lembrar que você deve se inscrever gratuitamente para pode participar do evento. :)
                                        </div>

                                    </div>
                                </div><!-- End: Tab-2 -->
                                <div class="panel panel-default wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s" id="panel3"><!-- Start: Tab-3 -->
                                    <div class="panel-heading">
                                        <h4 class="panel-title">

                                            <!-- Tab-3 Title Goes Here  -->
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree" class="collapsed">
                                                Onde será?
                                                <span class="bar hidden-xs"></span>
                                            </a>

                                        </h4>
                                    </div>
                                    <div id="collapseThree" class="panel-collapse collapse">

                                        <!-- Tab-3 Detail Goes Here  -->
                                        <div class="panel-body">
                                           Este ano o evento acontecerá no Creative Labs, na UNDB, mais informações do local estarão disponíveis no rodapé deste site e na página de inscrição.
                                        </div>

                                    </div>
                                </div><!-- End: Tab-3 -->
                                <div class="panel panel-default wow fadeInUp animated" data-wow-offset="120" data-wow-duration="1.5s" id="panel4"><!-- Start: Tab-4 -->
                                    <div class="panel-heading">
                                        <h4 class="panel-title">

                                            <!-- Tab-4 Title Goes Here  -->
                                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour" class="collapsed">
                                                O evento emite certificado?
                                                <span class="bar hidden-xs"></span>
                                            </a>

                                        </h4>
                                    </div>
                                    <div id="collapseFour" class="panel-collapse collapse">

                                        <!-- Tab-4 Detail Goes Here  -->
                                        <div class="panel-body">
                                            Sim. O Fórum emite certificado online para cada inscrito de 8 horas. 4 horas por dia de evento. No caso dos workshops cada inscrito que participar receberá certificado online da quantidade de horas do workshop.
                                        </div>

                                    </div>
                                </div><!-- End: Tab-4 -->

                            </div> <!-- End: .panel-group  -->
                        </div><!--  End: .collapse-tab  -->

                    </div>
                    <!-- End: Collapse Area Right  -->

                </div> <!-- End: .row  -->
            </div> <!-- End: .container  -->
        </section> <!-- End: Collapse Area, "#SECTION-8" -->

        <!--<section class="scedule testimonial" id="section-9"> &lt;!&ndash; End: Testimonial Area, "#SECTION-9" &ndash;&gt;-->
            <!--<div class="container">-->
                <!--<div class="testimonial-body scedule-body ">-->
                    <!---->
                    <!--<div role="tabpanel" class="tab-pane active wow fadeInUp animated" data-wow-offset="10" data-wow-duration="1.5s" id="testimonial-1">-->

                        <!--<div class="dropdown">-->
                            <!--<span id="btn-testimonial" data-id="#nav-ul-testimonial" class="btn-scedule-css hidden-md hidden-lg label"></span>-->

                            <!--&lt;!&ndash; Nav tabs &ndash;&gt;-->
                            <!--<ul class="nav nav-cus col-md-4" role="tablist"  id="nav-ul-testimonial">-->
                                <!--<li role="presentation" class="active">-->
                                    <!--<a href="#nav-testimonial-1" aria-controls="nav-testimonial-1" role="tab" data-toggle="tab">-->
                                        <!--<span class="nav-header">Jennifer Doe</span>-->
                                        <!--<span class="nav-time">09:30am - 11:30am</span>-->
                                    <!--</a>-->
                                <!--</li>-->
                                <!--<li role="presentation" class="">-->
                                    <!--<a href="#nav-testimonial-2" aria-controls="nav-testimonial-2" role="tab" data-toggle="tab">-->
                                        <!--<span class="nav-header">Mitrel Lord</span>-->
                                        <!--<span class="nav-time">11:30am - 1pm</span>-->
                                    <!--</a>-->
                                <!--</li>-->
                                <!--<li role="presentation" class="">-->
                                    <!--<a href="#nav-testimonial-3" aria-controls="nav-testimonial-3" role="tab" data-toggle="tab">-->
                                        <!--<span class="nav-header">Kulsum Doe</span>-->
                                        <!--<span class="nav-time">09:30am - 11:30am</span>-->
                                    <!--</a>-->
                                <!--</li>-->
                                <!--<li role="presentation" class="">-->
                                    <!--<a href="#nav-testimonial-4" aria-controls="nav-testimonial-4" role="tab" data-toggle="tab">-->
                                        <!--<span class="nav-header">David Jones</span>-->
                                        <!--<span class="nav-time">09:30am - 11:30am</span>-->
                                    <!--</a>-->
                                <!--</li>-->
                            <!--</ul>-->
                        <!--</div>-->

                        <!--&lt;!&ndash; Tab panes &ndash;&gt;-->
                        <!--<div class="tab-content col-md-8">-->
                            <!--<div role="tabpanel" class="tab-pane active fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="nav-testimonial-1">-->

                                <!--<img src="images/testimonial-1.jpg" alt="" class="testimonial-img img-circle">-->
                                <!--<p>Amet landing page consectetuer seminar elit, sed event nonummy nibh euismod community ut laoreet dolore magna convention erat volutpat. Conference wisi enim ad minim webinar, quis nostrud meetup tation ullamcorp exhibition vero eros et landing page et expo cum summit eleifend event congue nihil imperdiet meeting.</p>-->
                                <!--<h3>Jennifer Doe</h3>-->
                                <!--<p>Creative Director of DeviserWeb</p>-->

                            <!--</div>-->
                            <!--<div role="tabpanel" class="tab-pane fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="nav-testimonial-2">-->

                                <!--<img src="images/testimonial-1.jpg" alt="" class="testimonial-img img-circle">-->
                                <!--<p>Amet landing page consectetuer seminar elit, sed event nonummy nibh euismod community ut laoreet dolore magna convention erat volutpat. Conference wisi enim ad minim webinar, quis nostrud meetup tation ullamcorp exhibition vero eros et landing page et expo cum summit eleifend event congue nihil imperdiet meeting.</p>-->
                                <!--<h3>Mitrel Lord</h3>-->
                                <!--<p>Creative Director of DeviserWeb</p>-->

                            <!--</div>-->
                            <!--<div role="tabpanel" class="tab-pane fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="nav-testimonial-3">-->

                                <!--<img src="images/testimonial-1.jpg" alt="" class="testimonial-img img-circle">-->
                                <!--<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna  aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.</p>-->
                                <!--<h3>Kulsum Doe</h3>-->
                                <!--<p>Creative Director of DeviserWeb</p>-->

                            <!--</div>-->
                            <!--<div role="tabpanel" class="tab-pane wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s" id="nav-testimonial-4">-->

                                <!--<img src="images/testimonial-2.jpg" alt="" class="testimonial-img img-circle">-->
                                <!--<p>Lorem ipsum event dolor sit amet, landing page consectetuer seminar elit, sed event nonummy nibh euismod community ut laoreet dolore magna convention erat volutpat. Conference wisi enim ad minim webinar, quis nostrud meetup tation ullamcorp eu feugiat nulla exhibition vero eros et landing page et iusto odior expo cum summit eleifend event congue nihil imperdiet meeting.</p>-->
                                <!--<h3>David Jones</h3>-->
                                <!--<p>Creative Director of DeviserWeb</p>-->

                            <!--</div>-->
                        <!--</div>-->

                    <!--</div>&lt;!&ndash;  End: .tabpanel  &ndash;&gt;-->
                               <!---->
                <!--</div> &lt;!&ndash; End: .testimonial-body .scedule-body  &ndash;&gt;-->
            <!--</div> &lt;!&ndash; End: .container  &ndash;&gt;-->
        <!--</section> &lt;!&ndash; End: Testimonial Area, "#SECTION-9" &ndash;&gt;-->

        <section class="twitter-background twitter-posts" id="section-10"> <!-- End: Twitter Posts Area, "#SECTION-10" -->
            <div class="fix overlay-color">
                <div class="container">

                    <div class="row twitter-posts-body col-md-offset-1 col-md-10 fadeIn animated" data-wow-offset="120" data-wow-duration="1.5s">

                        <!-- Twitter Logo goes Here  -->
                        <div class="twitter-logo">
                            <i class="fa instagram fa-instagram"></i>
                        </div>

                        <!--&lt;!&ndash;  Start: Slider  &ndash;&gt;-->
                        <!--<div id="sync" class="owl-carousel">--><!---->
                            <!--&lt;!&ndash; TESTIMONIAL TEXT - CLIENT'S MSG &ndash;&gt;-->
                            <!--<div class="item row">-->
                                <!--<div class="col-md-10 col-md-offset-1">-->
                                    <!--<h3>Support forum is up and running <a href="http://deviserweb.com" target="_blank">@DeviserWeb</a>  just export all content to a .variant file and import it into your purchased version. Instructions in download. Hope to help you soon :)</h3>-->
                                <!--</div> &lt;!&ndash; /.col-md-8 col-md-offset-2 &ndash;&gt;-->
                            <!--</div>-->

                            <!--<div class="item row">-->
                                <!--<div class="col-md-10 col-md-offset-1">-->
                                    <!--<h3>Support forum is up and running <a href="http://deviserweb.com" target="_blank">@DeviserWeb</a>  just export all content to a .variant file and import it into your purchased version. Instructions in download. Hope to help you soon :)</h3>-->
                                <!--</div> &lt;!&ndash; /.col-md-8 col-md-offset-2 &ndash;&gt;-->
                            <!--</div>-->

                            <!--<div class="item row">-->
                                <!--<div class="col-md-10 col-md-offset-1">-->
                                    <!--<h3>Support forum is up and running <a href="http://deviserweb.com" target="_blank">@DeviserWeb</a>  just export all content to a .variant file and import it into your purchased version. Instructions in download. Hope to help you soon :)</h3>-->
                                <!--</div> &lt;!&ndash; /.col-md-8 col-md-offset-2 &ndash;&gt;-->
                            <!--</div>-->

                            <!--<div class="item row">-->
                                <!--<div class="col-md-10 col-md-offset-1">-->
                                    <!--<h3>Support forum is up and running <a href="http://deviserweb.com" target="_blank">@DeviserWeb</a>  just export all content to a .variant file and import it into your purchased version. Instructions in download. Hope to help you soon :)</h3>-->
                                <!--</div> &lt;!&ndash; /.col-md-8 col-md-offset-2 &ndash;&gt;-->
                            <!--</div>-->
                             <!--&lt;!&ndash; /END TESTIMONIAL TEXT - CLIENT'S MSG &ndash;&gt;-->

                        <!--</div>-->
                        <!--&lt;!&ndash;  End: Slider  &ndash;&gt;-->

                        <!--  Link  -->
                        <p>Nos siga no instagram <a href="https://instagram.com/phpmaranhao" target="_blank">PHP Maranhão</a> e fique por dentro das novidades.</p>

                    </div> <!-- End: .row .twitter-posts-body .col-md-offset-1 .col-md-10  -->

                </div> <!-- End: .contaimer  -->
            </div> <!-- End: .overlay-color  -->
        </section> <!-- End: Twitter Posts Area, "#SECTION-10" -->

        <section class="contact-us" id="section-11"> <!-- Start: Contact Us Area, "#SECTION-11" -->
            <div class="container">
                <div class="row contact-us-body">

                    <div class="contact-us-left col-md-4 fadeInRight animated" data-wow-offset="120" data-wow-duration="1.5s">

                        <h2>Mais informações</h2>
                        <p><span class="bold">Local:</span> Creative Labs - An Innovation Space<br>Av. Colares Moreira, 443 - Jardim Renascenca</p>
                        <p><span class="bold">email: </span><a href="mailto:contato@phpmaranhao.com.br">contato@phpmaranhao.com.br</a></p>

                        <!-- Social Icon Goes Here  -->
                        <div class="social-icon">
                            <p><span class="bold">Segue a gente lá!</span></p>
                            <ul class="nav navbar-left">
                                <li><a href="https://t.me/phpmaranhao" target="_blank"> <i class="fa telegram fa-telegram"></i> </a></li>
                                <li><a href="https://pt-br.facebook.com/DevsWebMaranhao" target="_blank"> <i class="fa facebook fa-facebook"></i> </a></li>
                                <li><a href="https://www.instagram.com/phpmaranhao" target="_blank"> <i class="fa instagram fa-instagram"></i> </a></li>
                                <li><a href="https://github.com/phpmaranhao" target="_blank"> <i class="fa github fa-github"></i> </a></li>

                                <!--<li><a href="#"> <i class="fa twitter fa-twitter"></i> </a></li>-->
                                <!--<li><a href="#"> <i class="fa youtube fa-youtube"></i> </a></li>-->
                            </ul>
                        </div>

                    </div> <!-- End: .contact-us-left .col-md-4  -->

                    <!-- Start: Google Map Area, "Part-1-Up" "map" -->
                    <!--<div class="contact-us-right col-md-offset-1 col-md-7 fadeInLeft animated" data-wow-offset="120" data-wow-duration="1.5s">-->
                        <!--<div class="row">-->
                            <!--<div class="map" id="map"></div>-->
                        <!--</div>-->
                    <!--</div>-->
                    <div class="contact-us-right col-md-offset-1 col-md-7 fadeInLeft animated" data-wow-offset="120" data-wow-duration="1.5s">
                        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3986.0207597810518!2d-44.29026548577469!3d-2.5000452981782453!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7f68c2d7fa3aa0b%3A0xc58ef8d3371677cb!2sUNDB!5e0!3m2!1sen!2sbr!4v1508964179838" width="800" height="600" frameborder="0" style="border:0" allowfullscreen></iframe>
                    </div>
                    <!-- End: Google Map Area, "map" -->

                </div> <!-- End: .row .contact-us-body  -->
            </div> <!--  End: .container  -->
        </section> <!-- End: Contact Us Area, "#SECTION-11" -->

        <footer class="footer"> <!-- Start: Footer Area  -->
            <div class="container">
                <div class="row footer-body btn-scroll">

                    <!-- Your Icon Goes Here  -->
                    <div class="logo col-lg-4 col-md-4 col-sm-4 col-xs-4">
                        <a href="#" ><img src="images/logo-2.png" alt="" class="img-responsive"></a>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
                        <img src="images/frase-dedicatoria.png" alt="">
                    </div>

                    <!--&lt;!&ndash;  Scroll Top  &ndash;&gt;-->
                    <!--<div class="top-buttom col-lg-4 col-md-4 col-sm-4 col-xs-4">-->
                         <!--<a href="#header" class="btn-standard btn btn-top"><span class="glyphicon glyphicon-menu-up" aria-hidden="true"></span></a>-->
                    <!--</div>-->

                </div><!-- End: .row .footer-body .btn-scroll  -->
            </div> <!-- End: .container  -->
        </footer> <!-- End: Footer Area  -->

        <!-- SCRIPTS -->
        <script src="js/jquery.1.9.1.min.js"></script>
        <script src="bootstrap/js/bootstrap.min.js"></script>
        <script src="js/jquery.stellar.min.js"></script>
        <script src="js/jquery.scrollTo.min.js"></script>
        <script src="js/jquery.localScroll.min.js"></script>
        <script src="js/owl.carousel.min.js"></script>
        <script src="js/jquery.nav.js"></script>
        <script src="js/wow.min.js"></script>
        <script src="js/jquery.nicescroll.min.js"></script>
        <script src="js/matchMedia.js"></script>
        <script src="js/navbar.matchMedia.js"></script>
        <script src="js/jquery.ajaxchimp.min.js"></script>
        <script src="js/jquery.countdown.js"></script>
        <script src="js/fancySelect.js"></script>
        <!--<script src="js/smoothscroll.js"></script>-->
        <!--<script src="js/maps.js"></script>-->

        <script src="js/navbar-custom.js"></script>
        <script src="js/custom-scripts.js"></script>

    </body>
</html>