-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
64 lines (58 loc) · 2.81 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
<!-- AVISO: no freecodecamp, o código não está sendo aceito para envio, mas está funcionando 100% -->
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Página de portfólio pessoal</title>
</head>
<body>
<header id="about">
<nav id="navbar">
<ul>
<li><a href="#inicio">Sobre</a></li>
<li><a href="#projects">Trabalho</a></li>
<li><a href="#contact">Contato</a></li>
</ul>
</nav>
<div id="welcome-section" class="container">
<h1 id="title">Portfólio pessoal</h1>
<p class="lead"><em>João Vitor Aguiar de Sousa</em></p>
</div>
</header>
<a id="inicio"></a>
<section id="projects">
<div class="project-tile">
<h1 id="caption">Algumas Informações:</h1><br>
<p>Lorem ipsum dolor sit amet. Qui quasi dolor et labore libero ad libero voluptates a dolor quia est quas nihil nam quasi quod. Sit repudiandae enim ut omnis dicta ea tenetur voluptatum eos fuga nostrum aut amet eveniet. Est aperiam commodi eos consequatur dolor in distinctio necessitatibus 33 unde consequatur qui impedit eligendi sit consequatur ducimus sit sint fugit. Et eius inventore At autem veniam qui soluta explicabo ut beatae doloremque et soluta facilis in Quis Quis.
Et deserunt molestias aut ipsum voluptas At autem recusandae sed assumenda adipisci ut adipisci quam. Et sapiente excepturi aut consectetur laborum sed rerum aspernatur ut recusandae libero. Ex ducimus incidunt aut suscipit dolores sed molestiae quia aut delectus error. Ea dolor voluptate in quia suscipit hic reprehenderit optio. A consectetur quidem eos necessitatibus dolorem qui ipsam maxime et excepturi temporibus. Qui asperiores officia ut enim aperiam cum quos quia id soluta porro et ipsa voluptatibus. Sit aspernatur soluta qui nihil dolorem aut quidem recusandae?</p>
<div id="bottom-line"></div>
<div class="projects">
<div class="box">
<a target="_blank" href="https://freecatphotoapp.com">
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="gato" class="project-img">
</a>
</div>
</section>
<section id="contact">
<div class="container">
<h1>CONTATO</h1>
<div class="social">
<div>
<a id="profile-link" target="_blank" href="https://github.com/vtraguiar">
<i class="github"></i>
Github
</a>
</div>
</div>
</div>
</section>
<footer id="main-footer">
<div class="container">
<p>Feito por João Aguiar</p>
<p id="creator">[email protected]</p>
</div>
</footer>
</body>
</html>