-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
136 lines (112 loc) · 4.88 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
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>MySpace</title>
<link rel="stylesheet" href="./css/style.min.css">
<link rel="shortcut icon" href="img/natiedtions00 (85).png" type="image/x-icon">
</head>
<body>
<header class="header">
<div class="logo">
<a href="/index.html"><img src="img/Waffer.svg" alt="WafferLogo"></a>
</div>
<nav>
<ul class="menu">
<li><a href="#experiencia">Expeciencia</a></li>
<li><a href="#formacao">Formacao</a></li>
<li><a href="#contacto">Contacto</a></li>
<li><button class="btnHello">Say Hi!</button></li>
</ul>
</nav>
</header>
<main class="introducao">
<div class="intro">
<h1>Olá, Seja Bem Vindo!</h1>
<p>Eu me chamo Waffer,<br> Sou Engenheiro de Software e <br>Desenvolvedor Full Stack.</p>
</div>
</main>
<section id="experiencia" class="experiencia">
<h2 class="subtitulo">Experiência</h2>
<div>
<p class="experiencia-txt">Desenvolvo pequenos projetos usando tecnologias como <strong>HTML, CSS e JavaScript.</strong> Para aplicativos WEB como a rede social Dogs, trabalhei no <strong>UX e UI</strong> do Design do projeto.</p>
<div class="empresa">
<span class="empresa-ano">2045</span>
<h3 class="empresa-titulo">BikCraft</h3>
<span class="empresa-titulo">Desenvolvedor Junior</span>
<p class="empresa-txt">Desenvolvo pequenos projetos como o BikCraft usando apenas <strong>HTML, CSS e JS.</strong></p>
<ul class="empresa-habilidades">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>UX Design</li>
<li>UI Design</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">2046</span>
<h3 class="empresa-titulo">Surfbot</h3>
<span class="empresa-titulo">Desenvolvedor Junior</span>
<p class="empresa-txt">No projeto Surfbot eu trabalhei no desenvolvimento completo do HTML, CSS e JavaScript do site. Alem disso, tambem prestei consultoria no design.</p>
<ul class="empresa-habilidades">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>UX Design</li>
<li>UI Design</li>
</ul>
</div>
<div class="empresa">
<span class="empresa-ano">2055</span>
<h3 class="empresa-titulo">Z-Coffee</h3>
<span class="empresa-titulo">Desenvolvedor Junior</span>
<p class="empresa-txt">No projeto Z-Coffee eu trabalhei no desenvolvimento completo do HTML, CSS e JavaScript do site. Alem disso, tambem prestei consultoria no design.</p>
<ul class="empresa-habilidades">
<li>HTML</li>
<li>CSS</li>
<li>JAVASCRIPT</li>
<li>UX Design</li>
<li>UI Design</li>
</ul>
</div>
</div>
</section>
<section class="formacao" id="formacao">
<div class="formacao-container">
<h2 class="subtitulo">Formação</h2>
<div>
<p class="formacao-txt">Sou formado em Engenharia de Software pela Universidade ABC. Alem disso me mantenho sempre atualizado fazendo cursos intensivos online e vendo tutoriais na internet.</p>
<div class="formacao-extra">
<div class="cursos">
<h3>Cursos Intensivos</h3>
<ul>
<li>UX e UI Design</li>
<li>Front End</li>
</ul>
</div>
<div class="idiomas">
<h3>Idiomas</h3>
<ul>
<li>Ingles / Fluente</li>
<li>Espanhol / Intermediario</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<footer id="contacto" class="footer">
<div class="footer-container">
<p class="footer-txt">
Estou disponível para novos projetos. Entre em contacto comigo e marcamos uma conversa.
</p>
<ul class="footer-contacto">
<li>+258820000000</li>
<li>[email protected]</li>
</ul>
<p class="copy">Waffer, Alguns Direitos Reservados!</p>
</div>
</footer>
</body>
</html>