-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (87 loc) · 3.42 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
<!DOCTYPE html>
<html lang="pt">
<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" />
<meta name="author" content="Agostinho Soberano" />
<meta name="description" content="Olá este é o meu portfolio." />
<title>Portfolio | Agostinho Soberano</title>
<link rel="stylesheet" href="styles.css" />
<script src="https://kit.fontawesome.com/8215a2ae25.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<input class="menu-acesso" type="checkbox" id="menu-acesso" />
<label for="menu-acesso" class="label-menu-acesso"></label>
<nav class="navbar">
<ul class="nav-list">
<li><a href="#inicio">Início</a></li>
<li><a href="#sobre_mim">Sobre mim</a></li>
<li><a href="#projectos">Projectos</a></li>
<li><a href="#contactos">Contactos</a></li>
</ul>
</nav>
</header>
<main>
<section id="inicio">
<h1>Olá, eu sou Agostinho Soberano</h1>
<p>Um Desenvolvedor Web</p>
<div class="logo">
<img class="animatehtml" src="img/Htmllogo.png" alt="Html Logo" />
<img class="animatecss" src="img/Csslogo.png" alt="Css Logo" />
</div>
</section>
<section id="sobre_mim">
<h2>Sobre mim</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ut, in! Non
omnis in officia, ipsum recusandae delectus optio itaque impedit,
aspernatur id esse excepturi molestiae! Excepturi dolores omnis ipsum
dicta. Laudantium quia natus neque recusandae earum cum assumenda
debitis ullam dolorum amet illum vel quos, enim asperiores accusantium
reprehenderit eum. Quas dicta ipsum velit provident natus voluptatibus
accusamus magnam nam!
</p>
</section>
<section id="projectos">
<h2 class="projectos-titulo">Projectos</h2>
<div class="container">
<div class="inner-container">
<i class="fa-solid fa-hourglass-start fa-3x"></i>
</div>
<div class="inner-container">
<i class="fa-solid fa-hourglass-start fa-3x"></i>
</div>
<div class="inner-container">
<i class="fa-solid fa-hourglass-start fa-3x"></i>
</div>
</div>
</section>
<section id="contactos">
<div class="titulo-contactos">
<h2>Vamos Trabalhar Juntos?</h2>
</div>
<div class="links">
<a href="https://github.com/GutoAS" target="_blank"
><i class="fa-brands fa-github"></i>Github</a
>
<a href="https://twitter.com/yesagostinho" target="_blank"
><i class="fa-brands fa-twitter"></i>Twitter</a
>
<a href="mailto:[email protected]"
><i class="fa-solid fa-envelope"></i>Envie Email</a
>
<a
target="_blank"
href="https://www.linkedin.com/in/agostinho-soberano-91748a115?lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_view_base_contact_details%3BJK63MsfJTCW3wxi8q36EcQ%3D%3D"
><i class="fa-brands fa-linkedin"></i>Linkedin</a
>
</div>
</section>
</main>
<footer>
<p>©GCorporation</p>
</footer>
</body>
</html>