|
@@ -0,0 +1,700 @@
|
|
|
|
|
+<!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 - Câmpus 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>Coffe 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>Coffe 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 especilí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>Coffe 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>Coffe 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 dificil? Nem faz ideia de quantas linhas de código você teria que escrever para criar um app 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 especilí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-4 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>
|
|
|
|
|
+ </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&layer=mapnik&marker=-29.899791353426973%2C-51.150498390197754" style="border: 1px solid black"></iframe>
|
|
|
|
|
+ <br/>
|
|
|
|
|
+ <small><a href="http://www.openstreetmap.org/?mlat=-29.89979&mlon=-51.15050#map=17/-29.89979/-51.15050&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">Dicourse 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>
|
|
|
|
|
+
|
|
|
|
|
+ <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>
|
Ricardo Panaggio
