estrelasprogramacao/index.html at main · aguinaldool/estrelasprogramacao · 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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Estrelas da Programação - Dados sobre Estrelas da Programação 2024">
  <meta name="keywords" content="Estrelas, programação, professor, estudante, escola">
  <meta name="author" content="Aguinaldo José de Oliveira">
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Estrelas da Programação</title>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Cabin:ital,wght@0,400..700;1,400..700&family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

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

<body>
<header>
    <div class="test">
        <div class="logo">
         <img src="img/star.png" alt="Logo do programa Estrelas da Programação">
        </div>
        <div>
            <h1>Estrelas da Programação</h1>
        </div>
    </div>

    <div>
        <h2 id="title-secundary">Diretoria de Ensino - Região de Marília</h2>
    </div>
</header>

<main>
    <div class="main">
        <div class="card card1">
            <img src="img/Designer.png" alt="Escolas classificadas programação">
            <h1>Escolas Classificadas</h1>
            <p>Escolas com índice igual ou superior a 0,125 no BI</p>
            <a href="escolas.html" target="_blank" rel="noopener noreferrer">
            <button class="btn">Veja mais</button>
        </a>
        </div>


        <div class="card card2">
            <img src="img/camp.png" class="es">
            <h1>Professores Classificados</h1>
            <p>Professores que se destacaram em cada escola</p>
            <a href="professores.html" target="_blank" rel="noopener noreferrer">
            <button class="btn">Veja mais</button>
        </a>
        </div>


        <div class="card card3">
            <img src="img/student.svg" alt="">
            <h1>Estudantes Classificados</h1>
            <p>Estudantes que se  destacaram em cada escola</p>
            <a href="estudantes.html" target="_blank"  rel="noopener noreferrer">
            <button class="btn">Veja mais</button>
        </a>
        </div>


        <div class="card card4">
            <img src="img/GRAPHIC.svg" alt="">
            <h1>Status <br>no  BI</h1>

            <p>Status do BI <br>das escola</p>
            <a href="status.html" target="_blank" rel="noopener noreferrer">
            <button class="btn">Veja mais</button>
        </a>

        </div>


    </div><br><br></div>

    <section>
            <div id="parag" >
                <p>O programa Estrelas da Programação tem como objetivo reconhecer os esforços diários realizados por milhares de professores e estudantes no Estado de São Paulo, contemplando todas as escolas que alcançaram os índices esperados para o ano de 2024.</p>
                <p>Foram indicados professores e estudantes que se destacaram: um professor por unidade escolar e até dois estudantes por unidade. Os PECs de Tecnologia, em conjunto com os coordenadores, indicaram os professores de Tecnologia. Já os professores, em parceria com os CGPs, foram responsáveis por indicar os estudantes.</p>
                <p>Os professores de Tecnologia da Diretoria de Ensino de Marília, em especial, merecem destaque por seu empenho na disseminação do pensamento computacional. Esse trabalho tem sido desenvolvido por meio de diversas abordagens, como a programação em blocos no Scratch, a linguagem de marcação HTML, a linguagem de estilização CSS e a linguagem de programação JavaScript.</p>

            </div>

    </section>
</main>


<footer class="roda">
    <div class="para-italico">
        <h5> Diretoria de Ensino de Marília</h5>
        <p class="footer-p">PECs de Tecnologia:</p>
        <p class="footer-p">Aguinaldo José de Oliveira</p>
        <p class="footer-p">Thiago Ferreira da Silva</p>

    </div>

</footer>
</body>
</html>