panaggio
/
website-mozilla-day-ifrs


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Dia da Mozilla</title>

        <link rel="stylesheet" href="/css/bootstrap.css" />
        <link rel="stylesheet" href="/css/font-awesome.css" />
        <link rel="stylesheet" href="/css/animate.css" />

        <link rel="stylesheet" href="css/styles.css" />
    </head>

    <body>
        <nav class="navbar navbar-trans navbar-fixed-top" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button
                        type="button"
                        class="navbar-toggle"
                        data-toggle="collapse"
                        data-target="#navbar-collapsible">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand text-danger" href="#">
                        Dia da Mozilla
                    </a>
                </div>

                <div class="navbar-collapse collapse" id="navbar-collapsible">
                    <ul class="nav navbar-nav navbar-left">
                        <li><a href="#home">Home</a></li>
                        <li><a href="#more-info">Mais informações</a></li>
                        <li><a href="#schedule">Programação</a></li>
                        <li><a href="#speakers">Palestrantes</a></li>
                        <li><a href="#directions">Como chegar</a></li>
                        <li><a href="#contact">Contato</a></li>
                        <li><a href="#who-we-are">Quem faz acontecer</a></li>
                    </ul>
                </div>
            </div>
        </nav>

        <section class="container-fluid" id="home">
            <div class="v-center text-center">
                <h1>Dia da Mozilla</h1>
                <p class="lato animate slideInDown big-p">
                    9 de junho no <strong>IFRS</strong> em Canoas!
                </p>
                <p>Inscrições online encerradas, mas você ainda pode se inscrever no local!</p>
            </div>
            <a href="#more-info">
                <div class="scroll-down bounceInDown animated">
                    <span>
                        <i class="fa fa-angle-down fa-2x"></i>
                    </span>
                </div>
            </a>
        </section>
        <section class="container-fluid" id="more-info">
            <h2 class="text-center">Venha, aprenda, compartilhe!</h2>
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3">

                    <h3 class="text-center lato slideInUp animate">
                        O que é?
                    </h3>
                    <p class="text-center lato slideInUp animate answer">
                        Um dia inteiro com atividades para você conhecer alguns
                        dos projetos mais legais da Mozilla e saber como fazer
                        parte disso tudo.
                    </p>

                    <h3 class="text-center lato slideInUp animate">
                        Quando?
                    </h3>
                    <p class="text-center lato slideInUp animate answer">
                        No dia 09 de Junho de 2015
                    </p>

                    <h3 class="text-center lato slideInUp animate">
                        Onde?
                    </h3>
                    <p class="text-center lato slideInUp animate answer">
                        No IFRS - Campus Canoas. Veja como chegar
                        <a href="#directions">aqui</a>
                    </p>

                    <h3 class="text-center lato slideInUp animate answer">
                        Quem pode participar?
                    </h3>
                    <p class="text-center lato slideInUp animate answer">
                        Qualquer pessoa que possui interesse em conhecer a
                        Mozilla.
                    </p>

                    <img
                        src="img/mozilla-no-fisl15.jpg"
                        class="img-responsive thumbnail center-block ">
                </div>
            </div>
        </section>

        <section class="container-fluid" id="schedule">
            <h2 class="text-center">Escolha sua trilha</h2>
            <div class="row">
                <div class="col-sm-4 col-sm-offset-2">
                    <h3 class="text-center lato">Trilha 1</h3>
                    <hr>
                    <div class="media">
                        <h4>Credenciamento</h4>
                        <div class="media-body media-middle">
                            <p><strong>Horário:</strong> 8:00</p>
                            <p>
                                <strong>Local:</strong>
                                Saguão do auditório principal
                            </p>
                        </div>
                    </div>

                    <hr>

                    <div class="media">
                        <h4>Envolva-se com a Mozilla</h4>
                        <div class="media-body media-middle">
                            <p>
                                Venha conhecer os projeto mais legais da
                                Mozilla e sabia como você pode contribuir
                                com eles.
                            </p>
                            <p>
                                <strong>Público:</strong>
                                Não necessita conhecimento prévio
                            </p>
                            <p><strong>Horário:</strong> 8:30</p>
                            <p><strong>Local:</strong> Auditório principal</p>
                        </div>
                    </div>

                    <hr>

                    <div class="media">
                        <h4>Coffee Break</h4>
                        <div class="media-body media-middle">
                            <p>
                                Essa é hora de trocar uma ideia com a galera e
                                decidir qual das trilhas mais interessam para
                                vocês.
                            </p>
                            <p>
                                <strong>Horário:</strong>
                                9:00 às 9:30
                            </p>
                            <p>
                                <strong>Local:</strong>
                                Saguão do auditório principal
                            </p>
                        </div>
                    </div>

                    <hr>

                    <div class="line4">
                        <div class="media">
                            <h4>Dev tools e MDN</h4>
                            <div class="media-body media-middle">
                                <p>
                                    Venha conhecer as ferramentas que a Mozilla
                                    desenvolveu para facilitar a vida de quem
                                    desenvolve para a web.
                                </p>
                                <p>
                                    <strong>Público:</strong>
                                    Quem desenvolve ou pretende desenvolver
                                    para a web.
                                </p>
                                <p><strong>Nível:</strong> Iniciante</p>
                                <p><strong>Horário:</strong> 9:30 às 10:30</p>
                                <p><strong>Local:</strong> A ser definido</p>
                            </div>
                        </div>

                        <hr>

                        <div class="media">
                            <h4>Workshop de Localização</h4>
                            <div class="media-body media-middle">
                                <p>
                                    Sabe inglês e quer contribuir da maneira
                                    mais simples que existe? Esse é o seu
                                    lugar! Aprenda o quanto é fácil e rápido
                                    ajudar a Mozilla localizando seus projetos
                                    para português.
                                </p>
                                <p>
                                    <strong>Público:</strong>
                                    Qualquer pessoa que saiba falar inglês
                                </p>
                                <p><strong>Nível:</strong> Iniciante</p>
                                <p><strong>Horário:</strong> 10:30 às 11:30</p>
                                <p><strong>Local:</strong> A ser definido</p>
                            </div>
                        </div>
                    </div>

                    <hr>

                    <div class="media">
                        <h4>Almoço</h4>
                        <div class="media-body media-middle">
                            <p>
                                Se liga no horário que a tarde está cheia de
                                workshops fantásticos para você!
                            </p>
                            <p><strong>Horário:</strong> 11:30 às 13:00</p>
                        </div>
                    </div>

                    <hr>

                    <div class="media">
                        <h4>Envolva-se com a Mozilla</h4>
                        <div class="media-body media-middle">
                            <p>
                                Se você perdeu nossa introdução de manhã, não
                                tem problema! Resumimos ela em 15 minutos pra
                                ninguém se sentir perdido ;D
                                Venha conhecer os projeto mais legais da
                                Mozilla e sabia como você pode contribuir com
                                eles.
                            </p>
                            <p>
                                <strong>Público:</strong>
                                Não necessita conhecimento prévio
                            </p>
                            <p><strong>Horário:</strong> 13:00</p>
                            <p><strong>Local:</strong> Auditório principal</p>
                        </div>
                    </div>

                    <hr>

                    <div class="line7">
                        <div class="media">
                            <h4>Workshop Firefox OS - Parte 1</h4>
                            <div class="media-body media-middle">
                                <p>Construa seu primeiro aplicativo para Firefox OS! Aprenda como é simples desenvolver para esta plataforma.</p>
                                <p><strong>Público:</strong> Quem desenvolve ou pretende desenvolver para a web e mobile.</p>
                                <p><strong>Nível:</strong> Intermediário (necessita conhecimento básico prévio de html, css e js)</p>
                                <p><strong>Horário:</strong> 13:15 às 15:00 </p>
                                <p><strong>Local:</strong> A ser definido</p>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="media">
                        <h4>Coffee Break</h4>
                        <div class="media-body media-middle">
                            <p>Essa é hora de recarregar as baterias pra voltar cheio de energia para a segunda parte do Workshop.</p>
                            <p><strong>Horário:</strong> 15:00 às 15:30</p>
                            <p><strong>Local:</strong> Saguão do auditório principal</p>
                        </div>
                    </div>

                    <hr>
                    <div class="line9">
                        <div class="media">
                            <h4>Workshop Firefox OS - Parte 2</h4>
                            <div class="media-body media-middle">
                                <p>Construa seu primeiro aplicativo para Firefox OS! Aprenda como é simples desenvolver para esta plataforma.</p>
                                <p><strong>Público:</strong> Quem desenvolve ou pretende desenvolver para a web e mobile.</p>
                                <p><strong>Nível:</strong> Intermediário (necessita conhecimento básico prévio de html, css e js)</p>
                                <p><strong>Horário:</strong> 15:30 às 17:30 </p>
                                <p><strong>Local:</strong> A ser definido</p>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="media">
                        <h4>Mozilla Games Night</h4>
                        <div class="media-body media-middle">
                            <p>O dia foi cansativo? Então vamos relaxar um pouco! Que tal usar o conhecimento que você adquiriu durante o dia em jogos super divertidos valendo brindes fantásticos da Mozilla? E ainda participar da gravação de um episódio especialíssimo do Open Cast? Então estende um pouco a tua estada no IFRS e vem te divertir com a gente!</p>
                            <p><strong>Público:</strong> Todos que participaram do Dia da Mozilla</p>
                            <p><strong>Nível:</strong> Iniciante</p>
                            <p><strong>Horário:</strong> 17:30 em diante </p>
                            <p><strong>Local:</strong> A ser definido</p>
                        </div>
                    </div>
                </div>

                <div class="col-sm-4">
                    <h3 class="text-center lato">Trilha 2</h3>

                    <hr>

                    <div class="media">
                        <h4>Credenciamento</h4>
                        <div class="media-body media-middle">
                            <p><strong>Horário:</strong> 8:00</p>
                            <p><strong>Local:</strong> Saguão do auditório principal</p>
                        </div>
                    </div>

                    <hr>

                    <div class="media">
                        <h4>Envolva-se com a Mozilla</h4>
                        <div class="media-body media-middle">
                            <p>Venha conhecer os projeto mais legais da Mozilla e sabia como você pode contribuir com eles.</p>
                            <p><strong>Público:</strong> Não necessita conhecimento prévio</p>
                            <p><strong>Horário:</strong> 8:30</p>
                            <p><strong>Local:</strong> Auditório principal</p>
                        </div>
                    </div>

                    <hr>

                    <div class="media">
                        <h4>Coffee Break</h4>
                        <div class="media-body media-middle">
                            <p>Essa é hora de trocar uma ideia com a galera e decidir qual das trilhas mais interessam para vocês.</p>
                            <p><strong>Horário:</strong> 9:00 às 9:30</p>
                            <p><strong>Local:</strong> Saguão do auditório principal</p>
                        </div>
                    </div>

                    <hr>

                    <div class="line4">
                        <div class="media">
                            <h4>Suporte da Mozilla (SUMO)</h4>
                            <div class="media-body media-middle">
                                <p>Você sabia que o suporte da Mozilla é feito pela comunidade? Quer saber como você pode ajudar a transformar o mundo em um lugar melhor apenas respondendo algumas dúvidas? Então vem conversar com a gente!</p>
                                <p><strong>Público:</strong> Não necessita conhecimento prévio</p>
                                <p><strong>Nível:</strong> Iniciante</p>
                                <p><strong>Horário:</strong> 9:30 às 10:10</p>
                                <p><strong>Local:</strong> A ser definido</p>
                            </div>
                        </div>
                        <hr>
                        <div class="media">
                            <h4>WoMoz</h4>
                            <div class="media-body media-middle">
                                <p>É mulher ou faz parte de alguma minoria? Sente que o mundo da tecnologia ainda precisa melhorar muito a maneira como trata as mulheres e as minorias? Então venha conhecer o projeto da Mozilla que luta para criar um ambiente melhor para todos!</p>
                                <p><strong>Público:</strong> Não necessita conhecimento prévio</p>
                                <p><strong>Nível:</strong> Iniciante</p>
                                <p><strong>Horário:</strong> 10:10 às 10:50</p>
                                <p><strong>Local:</strong> A ser definido</p>
                            </div>
                        </div>
                        <hr>
                        <div class="media">
                            <h4>Firefox Student Ambassadors</h4>
                            <div class="media-body media-middle">
                                <p>Saiba como você pode criar um Firefox Club e se tornar um embaixador da Mozilla dentro da sua Faculdade/ Escola. Que tal fundarmos o Firefox Club do IFRS agora mesmo? :D</p>
                                <p><strong>Público:</strong> Não necessita conhecimento prévio</p>
                                <p><strong>Nível:</strong> Iniciante</p>
                                <p><strong>Horário:</strong> 10:50 às 11:30</p>
                                <p><strong>Local:</strong> A ser definido</p>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="media">
                        <h4>Almoço</h4>
                        <div class="media-body media-middle">
                            <p>Se liga no horário que a tarde está cheia de workshops fantásticos para você!</p>
                            <p><strong>Horário:</strong> 11:30 às 13:00</p>
                        </div>
                    </div>
                    <hr>
                    <div class="media">
                        <h4>Envolva-se com a Mozilla</h4>
                        <div class="media-body media-middle">
                            <p>Se você perdeu nossa introdução de manhã, não tem problema! Resumimos ela em 15 minutos pra ninguém se sentir perdido ;D Venha conhecer os projeto mais legais da Mozilla e sabia como você pode contribuir com eles.</p>
                            <p><strong>Público:</strong> Não necessita conhecimento prévio</p>
                            <p><strong>Horário:</strong> 13:00</p>
                            <p><strong>Local:</strong> Auditório principal</p>
                        </div>
                    </div>
                    <hr>
                    <div class="line7">
                        <div class="media">
                            <h4>Workshop Webmaker - Construa algo incrível para Web </h4>
                            <div class="media-body media-middle">
                                <p>Já imaginou como seria legal construir algo incrível para Web mesmo sem conhecimento de linguagens de programação? Já imaginou como seria fantástico poder ensinar qualquer pessoa a fazer isso? Então vem pro nosso Workshop! </p>
                                <p><strong>Público:</strong> Workshop destinado a qualquer público</p>
                                <p><strong>Nível:</strong> Iniciante</p>
                                <p><strong>Horário:</strong> 13:15 às 15:00 </p>
                                <p><strong>Local:</strong> A ser definido</p>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="media">
                        <h4>Coffee Break</h4>
                        <div class="media-body media-middle">
                            <p>Essa é hora de recarregar as baterias pra voltar cheio de energia para a segunda parte do Workshop.</p>
                            <p><strong>Horário:</strong> 15:00 às 15:30</p>
                            <p><strong>Local:</strong> Saguão do auditório principal</p>
                        </div>
                    </div>
                    <hr>
                    <div class="line9">
                        <div class="media">
                            <h4>Workshop Webmaker - Construa um aplicativo sem utilizar códigos</h4>
                            <div class="media-body media-middle">
                                <p>Você acha construir um aplicativo muito difícil? Nem faz ideia de quantas linhas de código você teria que escrever para criar um aplicativo simples? Saiba que a resposta é ZERO, isso mesmo. Neste workshop você aprenderá a construir aplicativos simples sem encostar no código.  </p>
                                <p><strong>Público:</strong> Workshop destinado a qualquer público</p>
                                <p><strong>Nível:</strong> Iniciante</p>
                                <p><strong>Horário:</strong> 15:30 às 17:00 </p>
                                <p><strong>Local:</strong> A ser definido</p>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div class="media">
                        <h4>Mozilla Games Night</h4>
                        <div class="media-body media-middle">
                            <p>O dia foi cansativo? Então vamos relaxar um pouco! Que tal usar o conhecimento que você adquiriu durante o dia em jogos super divertidos valendo brindes fantásticos da Mozilla? E ainda participar da gravação de um episódio especialíssimo do Open Cast? Então estende um pouco a tua estada no IFRS e vem te divertir com a gente!</p>
                            <p><strong>Público:</strong> Todos que participaram do Dia da Mozilla</p>
                            <p><strong>Nível:</strong> Iniciante</p>
                            <p><strong>Horário:</strong> 17:30 em diante </p>
                            <p><strong>Local:</strong> A ser definido</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="container-fluid" id="speakers">
            <h2 class="text-center">Palestrantes:</h2>
            <div class="container-fluid">
                <div class="row">
                    <div class="col-sm-2 col-sm-offset-3 col-xs-6">
                        <div class="text-center">
                            <a href="#" data-toggle="modal" data-target="#modalmel">
                                <img class="img-circle img-responsive img-thumbnail speaker" src="img/mel.jpg">
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-2 col-xs-6">
                        <div class="text-center">
                            <a href="#" data-toggle="modal" data-target="#modalpanaggio">
                                <img class="img-circle img-responsive img-thumbnail speaker" src="img/panaggio.jpg">
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-2 col-sm-offset-0 col-xs-offset-3 col-xs-6">
                        <div class="text-center">
                            <a href="#" data-toggle="modal" data-target="#modalcynthia">
                                <img class="img-circle img-responsive img-thumbnail speaker" src="img/cynthia.jpg">
                            </a>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-sm-2 col-sm-offset-3 col-xs-6">
                        <div class="text-center">
                            <a href="#" data-toggle="modal" data-target="#modalfabio">
                                <img class="img-circle img-responsive img-thumbnail speaker" src="img/fabio.jpg">
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-2 col-xs-6">
                        <div class="text-center">
                            <a href="#" data-toggle="modal" data-target="#modalwaters">
                                <img class="img-circle img-responsive img-thumbnail speaker" src="img/waters.jpg">
                            </a>
                        </div>
                    </div>
                    <div class="col-sm-2 col-sm-offset-0 col-xs-offset-3 col-xs-6">
                        <div class="text-center">
                            <a href="#" data-toggle="modal" data-target="#modalemerson">
                                <img class="img-circle img-responsive img-thumbnail speaker" src="img/firefox.png">
                            </a>
                        </div>
                    </div>
                </div>
        </section>

        <section class="container-fluid" id="directions">
            <h2 class="text-center">Saiba como chegar ao IFRS</h2>
            <div class="row  text-center">
                <!-- FIXME: Fazer mapa aparecer corretamente em telas menores de 425px -->
                <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://www.openstreetmap.org/export/embed.html?bbox=-51.156485080718994%2C-29.902642011701907%2C-51.14451169967651%2C-29.896940613594605&amp;layer=mapnik&amp;marker=-29.899791353426973%2C-51.150498390197754" style="border: 1px solid black"></iframe>
                <br/>
                <small><a href="http://www.openstreetmap.org/?mlat=-29.89979&amp;mlon=-51.15050#map=17/-29.89979/-51.15050&amp;layers=N" target="blank">Ver mapa ampliado</a></small>
            </div>
            <div class="row text-center col-xs-10 col-xs-offset-1">
                <address>
                    <h4><strong>Endereço</strong></h4>
                    Rua Doutora Maria Zélia Carneiro de Figueiredo, 870 A<br>
                    Igara III <br>
                    Canoas/RS<br>
                </address>
            </div>
        </section>

        <section id="contact">
            <div class="container v-center">
                <div class="row">
                    <div class="col-md-12">
                        <h2 class="text-center">Contato</h2>
                        <hr>
                    </div>
                </div>
                <h3 class="text-center">Ficou com alguma dúvida? Entre em contato conosco!</h3>
                <p class="text-center big-p">É só clicar <a href="mailto:mozilla@canoas.ifrs.edu.br">aqui</a>! :D </p>
            </div>
        </section>

        <section class="container-fluid" id="who-we-are">
            <div class="row">
                <h3 class="text-center">Este evento foi feito com muito <i class="fa fa-heart-o fa-lg"></i> por:</h3>
            </div>
            <div class="row">
                <div class="col-sm-4 col-sm-offset-2 col-xs-12 text-center">
                    <div class="text-center">
                        <a href="http://mozillabrasil.org.br">
                            <img class="logos" src="img/mozilla.png">
                        </a>
                        <h3 class="text-center"></h3>
                    </div>
                </div>
                <div class="col-sm-4 col-xs-12 text-center">
                    <div class="text-center">
                        <a href="http://www.canoas.ifrs.edu.br/">
                            <img class="logos" src="img/logoifrs.png">
                        </a>
                        <h3 class="text-center"></h3>
                    </div>
                </div>
            </div>
        </section>

        </section>

        <footer id="footer">
            <div class="container">
                <div class="row">
                    <div class="col-xs-6 col-sm-6 col-md-3 column">
                        <h4>Sobre a Mozilla Brasil</h4>
                        <ul class="nav">
                            <li><a href="http://blog.mozillabrasil.org.br/">Nosso Blog</a></li>
                            <li><a href="https://discourse.mozilla-community.org/c/communities/brazil">Discourse Mozilla Brasil</a></li>
                            <li><a href="https://lists.mozilla.org/listinfo/community-brasil">Lista de e-mails Mozilla Brasil</a></li>
                        </ul>
                    </div>
                    <div class="col-xs-6 col-md-3 column">
                        <h4>Redes Sociais</h4>
                        <ul class="nav">
                            <li><a href="https://twitter.com/mozillabrasil">Twitter</a></li>
                            <li><a href="https://www.facebook.com/mozillabrasil">Facebook</a></li>

                        </ul>
                    </div>
                    <div class="col-xs-6 col-md-3 column">
                        <h4>Contato</h4>
                        <ul class="nav">
                            <li><a href="mailto:mozilla@canoas.ifrs.edu.br">E-mail</a></li>
                        </ul>
                    </div>
                </div>
                <!--/row-->
                <p class="text-right">
                    <a href="http://creativecommons.org/licenses/by-sa/4.0/">
                        <img src="img/cc-by-sa-4.0.png" alt="CC BY SA 4.0 Internacional">
                    </a>
                </p>
            </div>
        </footer>

        <div class="scroll-up">
            <a href="#">
                <i class="fa fa-angle-up"></i>
            </a>
        </div>

        <div id="modalmel" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header text-center">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <img class="img-circle speaker-mini" src="img/mel.jpg">
                        <h2>Melissa Devens</h2>
                    </div>
                    <div class="modal-body row text-center">
                        <p class="col-md-10 col-md-offset-1 col-xs-12">
                            Apaixonada pela web desde que era ainda menor,
                            escolheu fazer dela seu meio de trabalho.
                            Melissa Devens é formada em Comunicação Digital e
                            trabalhou como social media e web designer em
                            empresas como Grêmio FBPA e Grupo RBS. Voluntária
                            da Mozilla Brasil desde o começo de 2014, já faz
                            parte de diversos projetos, entre eles o Webmaker,
                            pelo qual organizou diversos eventos pelo Brasil.
                            Hoje luta por uma web aberta e pelo bem estar
                            animal, afinal, a web é feita de gatinhos!
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div id="modalpanaggio" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header text-center">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <img class="img-circle speaker-mini" src="img/panaggio.jpg">
                        <h2>Ricardo Panaggio</h2>
                    </div>
                    <div class="modal-body row text-center">
                        <p class="col-md-10 col-md-offset-1 col-xs-12">
                            Ricardo Panaggio é ativista de liberdade,
                            privacidade, software livre e afins. Membro da
                            comunidade Mozilla desde o início, acompanha vários
                            de seus projetos desde seu estágio embrionário.
                            Já proferiu diversas palestras e cursos sobre
                            assuntos relacionados com open web e
                            software livre. Atualmente em conflito interno, por
                            incompatibilidades entre sua ânsia por novas
                            tecnologias e sua vontade muito maior de se manter
                            livre. 
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div id="modalcynthia" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header text-center">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <img class="img-circle speaker-mini" src="img/cynthia.jpg">
                        <h2>Cynthia Zanoni</h2>
                    </div>
                    <div class="modal-body row text-center">
                        <p class="col-md-10 col-md-offset-1 col-xs-12">
                            Geek, fã de Schweppes, fundadora da Think Digital,
                            desenvolvedora e apaixonada por mobile. Trabalha
                            como voluntária na Mozilla Brasil nas áreas de
                            desenvolvimento, evangelização e WoMoz.
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div id="modalfabio" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header text-center">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <img class="img-circle speaker-mini" src="img/fabio.jpg">
                        <h2>Fabio Beneditto</h2>
                    </div>
                    <div class="modal-body row text-center">
                        <p class="col-md-10 col-md-offset-1 col-xs-12">
                            Desenvolvedor Web na i360 Tecnologia, entusiasta de
                            Software Livre, defende o uso de padrões abertos na
                            internet.  Aprecia muito PHP e JavaScript, assim
                            como Postgresql. Usuário GNU/Linux desde 1999,
                            membro das comunidades SoftwareLivre-VS ei
                            Mozilla Brasil.
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div id="modalwaters" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header text-center">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <img class="img-circle speaker-mini" src="img/waters.jpg">
                        <h2>Rodrigo Waters</h2>
                    </div>
                    <div class="modal-body row text-center">
                        <p class="col-md-10 col-md-offset-1 col-xs-12">Em breve</p>
                    </div>
                </div>
            </div>
        </div>

        <div id="modalemerson" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header text-center">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <img class="img-circle speaker-mini" src="img/firefox.png">
                        <h2>Émerson Engroff</h2>
                    </div>
                    <div class="modal-body row text-center">
                    <div class="modal-body row text-center">
                        <p class="col-md-10 col-md-offset-1 col-xs-12">Em breve</p>
                    </div>
                    </div>
                </div>
            </div>
        </div>

        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>

        <script src="js/scripts.js"></script>
        <script src="js/grids.js"></script>
        <script>
            ['.line4', '.line7', '.line9'].forEach(function(selector) {
                $(selector).responsiveEqualHeightGrid();
            });
        </script>

    </body>
</html>