computacaouva-site/membros.html at main · RcFarah/computacaouva-site · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<section class="secao-membros" style="padding-top: 40px;">
    <div class="container-centralizado">

        <h1 class="titulo-principal-vazado" style="font-size: 3.5rem; margin-bottom: 10px;">A NOSSA EQUIPE DEXTEMIDA</h1>

        <div style="display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px; margin-bottom: 60px;">
            <p class="texto-descricao" style="margin: 0;">Conheça as mentes por trás da Atlética de Computação.</p>

            <a href="https://docs.google.com/forms/d/e/1FAIpQLSdw0OIrqoZNd2JG78LDN_kw6ueo7tG3GyOhL3TQshhDHtwEQg/alreadyresponded" target="_blank" class="btn-sutil">
                Quero fazer parte!
            </a>
        </div>

        <h2 class="subtitulo-branco-glow" style="font-size: 2rem; text-align: left; border-bottom: 1px solid rgba(38, 228, 227, 0.3); padding-bottom: 10px; margin-bottom: 30px;">PRESIDÊNCIA</h2>
        <div class="grid-membros-horizontal" id="lista-presidencia"></div>

        <h2 class="subtitulo-branco-glow" style="font-size: 2rem; text-align: left; border-bottom: 1px solid rgba(38, 228, 227, 0.3); padding-bottom: 10px; margin-bottom: 30px; margin-top: 50px;">DIREÇÃO</h2>
        <div class="grid-membros-horizontal" id="lista-direcao"></div>

        <h2 class="subtitulo-branco-glow" style="font-size: 2rem; text-align: left; border-bottom: 1px solid rgba(38, 228, 227, 0.3); padding-bottom: 10px; margin-bottom: 30px; margin-top: 50px;">COORDENAÇÃO</h2>
        <div class="grid-membros-horizontal" id="lista-coordenacao"></div>

        <h2 class="subtitulo-branco-glow" style="font-size: 2rem; text-align: left; border-bottom: 1px solid rgba(38, 228, 227, 0.3); padding-bottom: 10px; margin-bottom: 30px; margin-top: 50px;">TÉCNICOS</h2>
        <div class="grid-membros-horizontal" id="lista-tecnicos"></div>

    </div>
</section>