index.html

<!doctype html>

<html lang="pt-br">

<head>
  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-123501686-2"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'UA-123501686-2');
  </script>
  <meta charset="utf-8">

  <title>Afropython Conf 2025</title>
  <meta name="author" content="Afropython">
  <meta content="width=device-width, initial-scale=1" name="viewport" />

  <meta name="description"
    content="A AfroPython Conf é uma conferência a nível Brasil que visa reunir os eventos de cada região para empoderar pessoas negras através da tecnologia." />
  <meta property="og:description"
    content="A AfroPython Conf é uma conferência a nível Brasil que visa reunir os eventos de cada região para empoderar pessoas negras através da tecnologia." />

  <meta property="og:title" content="AfroPython Conf" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="http://afropythonconf.org/" />

  <meta property="og:image" content="http://afropython.org/images/afropython-image.png" />
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="1200" />
  <meta property="og:image:height" content="630" />

  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="http://afropythonconf.org/" />
  <meta name="twitter:title" content="AfroPython Cpnf" />
  <meta name="twitter:description"
    content="A AfroPython Conf é uma conferência a nível Brasil que visa reunir os eventos de cada região para empoderar pessoas negras através da tecnologia." />

  <meta name="twitter:image" content="http://afropython.org/images/afropython-image.png" />

  <meta name="keywords"
    content="afropython, python, desenvolvimento de software, inclusão, código, afropython.org, negritude, conferência, tecnologia, palestras, programação" />

  <link href="https://fonts.googleapis.com/css?family=Lato:300,400&display=swap" rel="stylesheet">
  <script src="https://kit.fontawesome.com/dc26bd2d61.js"></script>

  <link rel="stylesheet" href="css/reset.css">
  <link rel="stylesheet" href="css/index-structure.css">
  <link rel="stylesheet" href="css/index-typography.css">

  <link rel="icon" href="img/favicon.ico" />

</head>

<body>

  <main>
    <section id="evento" class="event-section">
      <div class="information">
        <nav class="menu">
          <label for="hamburger">&#9776;</label>
          <input type="checkbox" id="hamburger" />
          <ul>
            <!-- <li class="item-separation"><a href="#evento">Evento</a></li> -->
            <li class="item-separation"><a href="#patrocinadores">Patrocinadores</a></li>
            <li><a href="#programacao">Programação</a></li>
            <!-- <li><a href="#local">Transmissão</a></li> -->
          </ul>
        </nav>

      <div class="information-logo">
        <img src="img/conf2025-vertical2.svg" alt="Afropython Conf escrito como estilo do logo do Afropython">

       
      </div>
      <p class="description">
        07.06.25 | Salvador, BA - Brasil
      </p>
      </div>

      <div id="side-image" class="side-image">
        <img src="img/snake.png" alt="Vetor de uma ilustração de cobra">
      </div>
    </section>

    <section id="patrocinadores" class="sponsors-section">
      <div class="header">
        <h2>PATROCINADORES</h2>
        <div class="div-button">
          <a href="https://forms.gle/byPfjiE56tN29u7g8" target="_blank" title="Seja um patrocinador">Seja um
            Patrocinador</a>

        </div>
        
      </div>

      <div class="placeholder texto-menor">
        <p>Ao patrocinar a AfroPython Conf 2025, sua empresa estará presente em um evento que oferece uma experiência completa, inclusiva e inesquecível para todos os participantes. Nossa estrutura foi planejada para garantir conforto, interação e aprendizado, permitindo que sua marca se conecte diretamente com talentos e influencie a comunidade tecnológica negra.
        </p>

        <h3>Porque sua marca deve se juntar a AfroPython Conf 2025?</h3>

        <div class="sponsors-benefits"> 
          <ul>
            <li>
              <div>
                <div class="header"><span>Apoio a um movimento de transformação</span></div>
                <div class="footer">
                  <p>Associe sua marca a um evento único, criado por e para pessoas negras, que promove inclusão e inovação na tecnologia.</p>
                </div>
              </div>
            </li>
            <li>
              <div>
                <div class="header"><span>Visibilidade e impacto direto</span></div>
                <div class="footer">
                  <p>Estande exclusivo, interação com mais de 250 participantes e exposição nas redes sociais e na mídia. </p>
                </div>
              </div>
            </li>
            <li>
              <div>
                <div class="header"><span>Fortalecimento da imagem da marca</span></div>
                <div class="footer">
                  <p>Reforce sua posição como uma empresa que valoriza a diversidade e a igualdade no mercado. </p>
                </div>
              </div>
            </li>
            <li>
              <div>
                <div class="header"><span>Diferenciação no mercado </span></div>
                <div class="footer">
                  <p>Seja reconhecido como um patrocinador que apoia a revolução digital e a inovação inclusiva.</p>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>

      <h3>Quem já está conosco:</h3>

      <div class="list">
        <div class="info">
          <img src="img/globo.png">
        </div>
        <!-- <div class="info">
          <img src="img/patrocinador_bv.png">
          <p>
            O BV trabalha para tornar mais tranquila a vida financeira de pessoas e empresas
          </p>
        </div> -->
      </div>
      
    </section>


    <section id="programacao" class="schedule-section">
      <h2>PROGRAMAÇÃO</h2>
      <br>

      <div class="placeholder">
        <p>A definir</p>
      </div>


      <div class="tables">
        <div class="day">
          <p class="info">Sala Ubunto</p>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">09h30</p>
            </div>
            <div id="important" class="description">
              <p> Credenciamento + Café da Manhã </p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">10h30</p>
            </div>
            <div class="description">
              <p class="speaker">Abertura Oficial</p>
              <p>Convidado a ser anunciado</p>
            </div>
          </div>
          
          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">11h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras A</p>
              <p>Convidado 1 + Convidado 2</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">12h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras B</p>
              <p>Palestrante 1 + Palestrante 2</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">13h00</p>
            </div>
            <div id="important" class="description">
              <p>Intervalo para almoço</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">14h30</p>
            </div>
            <div id="important" class="description">
              <p>Espaço Patrocinador</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">15h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras C</p>
              <p>Convidado a ser anunciado</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">16h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras D</p>
              <p> Palestrante 1 + Palestrante 2</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">17h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestra de Encerramento</p>
              <p>Convidado a ser anunciado</p>
              </a>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">18h00</p>
            </div>
            <div class="description">
              <p class="speaker">Coffe Break</p>
              <p>Momento de Networking + Acolhimento</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-ubunto" class="time-container">
              <p id="sala-ubunto" class="time">17h00</p>
            </div>
            <div id="important" class="description">
              <p>FIM</p>
            </div>
          </div>
        </div>    
        
        <div class="day">
          <p class="info">Sala Sankofa</p>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">09h30</p>
            </div>
            <div id="important" class="description">
              <p> Credenciamento + Café da Manhã </p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">10h30</p>
            </div>
            <div class="description">
              <p class="speaker">Abertura Oficial</p>
              <p>Convidado a ser anunciado</p>
            </div>
          </div>
          
          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">11h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras A</p>
              <p>Convidado 1 + Convidado 2</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">12h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras B</p>
              <p>Palestrante 1 + Palestrante 2</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">13h00</p>
            </div>
            <div id="important" class="description">
              <p>Intervalo para almoço</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">14h30</p>
            </div>
            <div id="important" class="description">
              <p>Espaço Patrocinador</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">15h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras C</p>
              <p>Convidado a ser anunciado</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">16h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras D</p>
              <p> Palestrante 1 + Palestrante 2</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">17h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestra de Encerramento</p>
              <p>Convidado a ser anunciado</p>
              </a>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">18h00</p>
            </div>
            <div class="description">
              <p class="speaker">Coffe Break</p>
              <p>Momento de Networking + Acolhimento</p>
            </div>
          </div>

          <div class="attraction">
            <div id="sala-sankofa" class="time-container">
              <p id="sala-sankofa" class="time">17h00</p>
            </div>
            <div id="important" class="description">
              <p>FIM</p>
            </div>
          </div>
        </div>
        
        <div class="day">
          <p class="info">Black Voices Stage</p>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">09h30</p>
            </div>
            <div id="important" class="description">
              <p> Credenciamento + Café da Manhã </p>
            </div>
          </div>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">10h30</p>
            </div>
            <div class="description">
              <p class="speaker">Abertura Oficial</p>
              <p>Convidado a ser anunciado</p>
            </div>
          </div>
          
          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">11h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras A</p>
              <p>Convidado 1 + Convidado 2</p>
            </div>
          </div>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">12h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras B</p>
              <p>Palestrante 1 + Palestrante 2</p>
            </div>
          </div>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">13h00</p>
            </div>
            <div id="important" class="description">
              <p>Intervalo para almoço</p>
            </div>
          </div>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">14h30</p>
            </div>
            <div id="important" class="description">
              <p>Espaço Patrocinador</p>
            </div>
          </div>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">15h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras C</p>
              <p>Convidado a ser anunciado</p>
            </div>
          </div>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">16h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestras D</p>
              <p> Palestrante 1 + Palestrante 2</p>
            </div>
          </div>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">17h00</p>
            </div>
            <div class="description">
              <p class="speaker">Palestra de Encerramento</p>
              <p>Convidado a ser anunciado</p>
              </a>
            </div>
          </div>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">18h00</p>
            </div>
            <div class="description">
              <p class="speaker">Coffe Break</p>
              <p>Momento de Networking + Acolhimento</p>
            </div>
          </div>

          <div class="attraction">
            <div id="black-voices-sala" class="time-container">
              <p id="black-voices-sala" class="time">17h00</p>
            </div>
            <div id="important" class="description">
              <p>FIM</p>
            </div>
          </div>
        </div>  

    </section>


    <!-- <section id="local" class="venue-section">
      <h2>TRANSMISSÃO</h2>

      <div class="information">
        <p class="address">
          A AfroPython Conf será realizada no canal oficial do AfroPython no Youtube
        </p>

        <div class="map">
          <iframe
            src="https://www.youtube.com/embed/UL0wCfVviD4"
            width="450" height="250" frameborder="0" style="border:0" allowfullscreen></iframe>
        </div>
      </div>
    </section> -->

    <footer>
      <div class="information">
        <h2>AFROPYTHON CONF 2025</h2>
        <p class="description">
          A AfroPython Conf é uma conferência a nível Brasil que visa
          reunir os eventos de cada região para empoderar pessoas
          negras através da tecnologia.
        </p>
        <p class="copyright">&copy;AfroPython 2025</p>
      </div>

      <div class="information">
        <h2>Código de conduta</h2>
        <p class="description">
          Este evento tem a intenção de ser acolhedor onde as pessoas se sintam confortáveis no ambiente. Por isso
          participantes, palestrantes, representantes de empresas e pessoas voluntárias do evento precisam concordar com
          este código de conduta.
          <br>
          <a href="https://afropython.org/codigo-de-conduta/" target="_blank"
            class="conduct-code" title="Código de conduta AfroPython"> Leia nosso código aqui </a>
        </p>
      </div>

      <div class="links">
        <div class="social">
          <a href="https://www.facebook.com/AfroPython/" target="_blank" title="Facebook AfroPython">
            <i class="fab fa-facebook-f"></i>
          </a>
          <a href="https://www.instagram.com/afropython/" target="_blank" title="Instagram AfroPython">
            <i class="fab fa-instagram"></i>
          </a>
          <a href="https://twitter.com/afropython/" target="_blank" title="Twitter AfroPython">
            <i class="fab fa-twitter"></i>
          </a>
          <a href="https://www.linkedin.com/company/afropythonbr/" target="_blank" title="Linkedin AfroPython">
            <i class="fab fa-linkedin"></i>
          </a>
          <a href="https://youtube.com/afropythonbr" target="_blank" title="YouTube AfroPython">
            <i class="fab fa-youtube"></i>
          </a>
          <a href="mailto:afropython@gmail.com" target="_blank" title="E-mail AfroPython">
            <i class="far fa-envelope"></i>
          </a>
        </div>

      </div>

    </footer>
  </main>

</body>

</html>