-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (140 loc) · 5.22 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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!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" />
<link rel="preconnect" href="https://fonts.gstatic.com" />
<link rel="preconnect" href="https://cdnjs.cloudflare.com" />
<title>Eduardo Araujo | Backend Developer</title>
<link rel="icon" type="image/png" href="./assets/devfolio-logo.png" />
<meta name="theme-color" content="#36d1dc" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://eduardojs.com" />
<meta property="og:title" content="Eduardo Araujo | Developer" />
<meta
property="og:image"
content="https://devfolio.js.org/assets/devfolio.png"
/>
<link rel="preload" as="style" href="./css/main.css" />
<link rel="stylesheet" href="./css/main.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css"
integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<script defer src="./javascript/scrollreveal.min.js"></script>
<script
defer
type="text/javascript"
src="./javascript/scrollveal.js"
></script>
</head>
<body>
<div id="hero">
<section class="container">
<h1 class="hero-title">
Olá, meu nome é <span class="text-color-main name">Eduardo Araujo</span>
<br />
E eu sou um Desenvolvedor Backend.
</h1>
</section>
<a href="#about" class="scroll-down-link" aria-label="scroll-down">
<div class="scroll-down"></div
></a>
</div>
<section id="about">
<div class="container">
<h2 class="section-title">Sobre mim:</h2>
<div class="row about-wrapper">
<div class="about-wrapper__image">
<img
class="img-fluid"
src="./assets/eduardojs.png"
alt="Profile Image"
width="400"
height="400"
/>
</div>
<div class="about-wrapper__info">
<p class="about-wrapper__info-text">
Gosto de ficção científica, tanto no cinema quanto
na literatura. Além de ficção científica, também me interesso
por literatura gótica, russa, francesa, alemã e inglesa, sempre
em busca de boas histórias para enriquecer a alma.
Também sou interessado por Filosofia e, claro, não posso deixar
de mencionar meu interesse pelo conjunto de escritos mitopoiéticos
de J.R.R. Tolkien – quem não ama O Senhor dos Anéis? Além disso,
aprecio cafés e pimentas, que sempre dão um toque especial ao dia.
</p>
<p class="about-wrapper__info-text">
Aos 48 anos, estou em transição de carreira para a área de
tecnologia, com foco na programação do lado do servidor.
No decorrer do curso de Análise e Desenvolvimento de
Sistemas, tive a oportunidade de trabalhar com JavaScript e
Node.js, e me apaixonei por essas tecnologias. Meu objetivo
é continuar aprendendo e desenvolver soluções usando Node e
explorar novos frameworks que fazem parte desse ecossistema.
</p>
</div>
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<a href="#hero" class="back-to-top" aria-label="go back to top">
<i class="fa fa-angle-up fa-2x" aria-hidden="true"></i>
</a>
<div class="social-links">
<a
href="https://x.com/_eduardojs_"
target="_blank"
rel="noopener noreferrer"
aria-label="twitter"
title="Twitter"
>
<i class="fa-brands fa-twitter"></i>
</a>
<a
href="https://www.instagram.com/__eduardojs__/"
target="_blank"
rel="noopener noreferrer"
aria-label="instagram"
title="Instagram"
>
<i class="fa-brands fa-instagram"></i>
</a>
<a
href="https://www.linkedin.com/in/oeduardojs/"
target="_blank"
rel="noopener noreferrer"
aria-label="linkedin"
title="LinkedIn"
>
<i class="fa-brands fa-linkedin"></i>
</a>
<a
href="https://github.com/oeduardojs"
target="_blank"
rel="noopener noreferrer"
aria-label="github"
title="GitHub"
>
<i class="fa-brands fa-github"></i>
</a>
</div>
<hr />
<p class="footer__text">
© <span id="year"></span> Eduardo Araujo
</p>
</div>
</footer>
<script>
document.getElementById("year").textContent = new Date().getFullYear()
</script>
<script src="./javascript/vanilla-tilt.min.js"></script>
<script type="text/javascript" src="./javascript/valtilt.js"></script>
</body>
</html>