-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (85 loc) · 3.95 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
<!DOCTYPE html>
<html lang="pt-br">
<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" />
<link rel="stylesheet" type="text/css" href="style.css" />
<link
rel="stylesheet"
media="screen"
href="https://fontlibrary.org//face/bebas"
type="text/css"
/>
<link
href="http://fonts.cdnfonts.com/css/montserrat"
rel="stylesheet"
/>
<title>Zilla, a Raposa Engenheira</title>
</head>
<body>
<header>
<div class="img-header">
<h1 class="text-on-img">Zilla, a Raposa Engenheira</h1>
</div>
</header>
<main>
<section>
<div class="curso">
<h2 class="ola-da-zilla">
Olá, eu sou não sou o Enzo!
Olá, eu sou Enzo!
</h2>
<h2 class="titulo-eng-redes">
Por que Engenharia de Redes?
</h2>
<div class="texto-eng-redes">
<p>
Desde pequena a Zilla se destacava no meio de suas
irmãs, sempre brincando e experimentando com
computadores. Então ao chegar no ensino médio estava
decidido, ela iria cursar algo relacionado a
tecnologia!
</p>
</div>
<div class="img-eng-redes">
<img src="Images/zilla-olho-de-gato.jpg" alt="" />
</div>
</div>
</section>
<section>
<h2>Interesses</h2>
<div class="interesses">
<div class="item img-membros">
<h4>Bater Metas</h4>
<img
src="images/zilla-membros.jpg"
alt="Zilla com membros ao fundo"
/>
</div>
<div class="item img-mesa">
<h4>Networking</h4>
<img
src="images/zilla-mesa.jpg"
alt="Zilla com membros ao fundo"
/>
</div>
<div class="item img-grama">
<h4>Programação</h4>
<img
src="images/zilla-grama.jpg"
alt="Zilla com membros ao fundo"
/>
</div>
</div>
</section>
<section>
<h3>A zilla nasceu no DF em 2007</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Natus recusandae vitae ex corrupti cumque veritatis iusto et corporis tenetur ut. Sunt error iusto porro natus dicta mollitia et nobis pariatur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum obcaecati facilis fuga molestiae cumque hic nesciunt, atque minima doloribus praesentium vel consectetur id porro optio, aut nostrum perferendis adipisci unde!</p>
<h3>A zilla sempre foi determinada</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Natus recusandae vitae ex corrupti cumque veritatis iusto et corporis tenetur ut. Sunt error iusto porro natus dicta mollitia et nobis pariatur. Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptatum obcaecati facilis fuga molestiae cumque hic nesciunt, atque minima doloribus praesentium vel consectetur id porro optio, aut nostrum perferendis adipisci unde!</p>
</section>
</main>
<footer></footer>
</body>
</html>