-
Notifications
You must be signed in to change notification settings - Fork 247
/
index.html
130 lines (124 loc) · 7.38 KB
/
index.html
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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Equipe Alura Start</title>
<link rel="stylesheet" href="style.css">
<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=Poppins&display=swap" rel="stylesheet">
</head>
<body>
<header class="cabecalho">
<img class="cabecalho-imagem" src="alurastart logo.png" alt="logo da alura start">
<ul class="cabecalho-lista">
<li class="cabecalho-lista-item"><a href="#escola">Escola</a></li>
<li class="cabecalho-lista-item"><a href="#estudante">Estudante</a></li>
</ul>
</header>
<section id="escola">
<div class="escola-div-conteudo">
<h2 class="escola-titulo">Sobre a Escola</h2>
<p class="escola-texto-um">A Escola Alura foi fundada em 2010 e tem como objetivo ensinar Pensamento
Computacional, através do ensino de Programação.</p>
<p class="escola-texto-dois">A turma mais estudiosa e famosa é a Segunda Série A. Nós somos super unidos e a
turma favorita por todos os professores e professoras que nos ajudam!</p>
</div>
<img class="escola-imagem" src="Formula-bro.png" alt="imagem que representa uma professora em sala de aula">
</section>
<section id="estudante">
<h2 class="estudante-titulo">Quem são nossos estudantes?</h2>
<div class="estudante-todos">
<span></span>
<div class="estudante-div">
<img class="estudante-imagem" src="Marcelo.jpeg" alt="foto do marcelo">
<h3 class="estudante-nome">Marcelo</h3>
<a href="https://github.com/marcelopaludetto"><img class="estudante-icone" src="github.png"
alt="icone github"></a>
<a href="https://linkedin.com/marcelopaludetto"><img class="estudante-icone" src="linkedin.png"
alt="icone linkedin"></a>
<a href="https://instagram.com/marcelopaludetto"><img class="estudante-icone" src="instagram.png"
alt="icone instagram"></a>
</div>
<div class="estudante-div">
<img class="estudante-imagem" src="Gabi.jpg" alt="foto da gabi">
<h3 class="estudante-nome">Gabriela</h3>
<a href="https://github.com/GabrielaM-L"><img class="estudante-icone" src="github.png"
alt="icone github"></a>
<a href="https://www.linkedin.com/in/gabriela-marcomini-de-lima/"><img class="estudante-icone"
src="linkedin.png" alt="icone linkedin"></a>
<a href="https://www.instagram.com/gabriela_marcomini/"><img class="estudante-icone" src="instagram.png"
alt="icone instagram"></a>
</div>
<div class="estudante-div">
<img class="estudante-imagem" src="Liz.jpg" alt="foto da lizandra">
<h3 class="estudante-nome">Lizandra</h3>
<a href="https://github.com/LizandraDuarte40"><img class="estudante-icone" src="github.png"
alt="icone github"></a>
<a href="https://www.linkedin.com/in/lizandrarlm-duarte/"><img class="estudante-icone"
src="linkedin.png" alt="icone linkedin"></a>
<a href="https://www.instagram.com/lizandrarlm"><img class="estudante-icone" src="instagram.png"
alt="icone instagram"></a>
</div>
<span></span>
<span></span>
<div class="estudante-div">
<img class="estudante-imagem" src="Joice.jpg" alt="foto da joice">
<h3 class="estudante-nome">Joice</h3>
<a href="https://github.com/JoiceAlura"><img class="estudante-icone" src="github.png"
alt="icone github"></a>
<a href="https://www.linkedin.com/in/joicebarbaresco/"><img class="estudante-icone" src="linkedin.png"
alt="icone linkedin"></a>
<a href="https://www.instagram.com/joicebarbaresco/"><img class="estudante-icone" src="instagram.png"
alt="icone instagram"></a>
</div>
<div class="estudante-div">
<img class="estudante-imagem" src="Maria.jpg" alt="foto da maria">
<h3 class="estudante-nome">Maria</h3>
<a href="https://github.com/MagePSR"><img class="estudante-icone" src="github.png"
alt="icone github"></a>
<a href="https://www.linkedin.com/in/mariageovanna"><img class="estudante-icone" src="linkedin.png"
alt="icone linkedin"></a>
<a href="https://www.instagram.com/magpsr/"><img class="estudante-icone" src="instagram.png"
alt="icone instagram"></a>
</div>
<div class="estudante-div">
<img class="estudante-imagem" src="Olivia.jpg" alt="foto da olhe">
<h3 class="estudante-nome">Olivia</h3>
<img class="estudante-icone" src="github.png" alt="icone github">
<a href="https://www.linkedin.com/in/olhe/"><img class="estudante-icone" src="linkedin.png"
alt="icone linkedin"></a>
<a href="https://github.com/olhe12"><img class="estudante-icone" src="instagram.png"
alt="icone instagram"></a>
</div>
<span></span>
<span></span>
<div class="estudante-div">
<img class="estudante-imagem" src="Rafa.jpg" alt="foto da rafa">
<h3 class="estudante-nome">Rafaela</h3>
<a href="https://github.com/rafaelamunhoz12"><img class="estudante-icone" src="github.png"
alt="icone github"></a>
<a href="http://linkedin.com/in/rafaela-felix-munhoz-oliveira-02160a10a"><img class="estudante-icone"
src="linkedin.png" alt="icone linkedin"></a>
<a href="https://www.instagram.com/rafafmo/"><img class="estudante-icone" src="instagram.png"
alt="icone instagram"></a>
</div>
<div class="estudante-div">
<img class="estudante-imagem" src="Thais.jpg" alt="foto da thais">
<h3 class="estudante-nome">Thais</h3>
<a href="https://github.com/Thaispianucci"><img class="estudante-icone" src="github.png"
alt="icone github"></a>
<a href="https://www.linkedin.com/in/thais-pianucci-benedicto-54a9a416/"><img class="estudante-icone"
src="linkedin.png" alt="icone linkedin"></a>
<a href="https://www.instagram.com/thaispianucci/"><img class="estudante-icone" src="instagram.png"
alt="icone instagram"></a>
</div>
</div>
</section>
<footer class="rodape">
<img class="rodape-imagem" src="alurastart logo.png" alt="logo da alura start">
</footer>
</body>
</html>