-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
174 lines (170 loc) · 6.44 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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<!doctype html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Seu programador de confiança para criação de sites, automações e ferramentas que fazem a diferença." />
<meta name="author" content="Eduardo Fidelis">
<title>FidelisCode | Criação de sites e ferramentas</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/media.css">
<link rel="stylesheet" href="css/scroll-reveal.css">
<script src="js/script.js" defer></script>
<script src="js/scrollReveal.js" defer></script>
<link rel="shortcut icon" href="https://github.com/dudufidelis.png" type="image/x-icon">
<!--Google Fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,200;0,400;0,600;0,700;1,200;1,400&display=swap"
rel="stylesheet">
<!--Scroll Reveal-->
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
</head>
<body>
<section id="main">
<div class="container">
<div class="main-content">
<div class="profile-img">
<img src="https://github.com/dudufidelis.png" alt="Eduardo Fidelis">
</div>
<div class="main-text">
<h1>Olá, sou Eduardo Fidelis</h1>
</div>
<div class="sub-text">
<p>seu programador de confiança para sites, automações e ferramentas que fazem a diferença.</p>
</div>
<div class="main-btn">
<a href="#projects" class="btn-outline">Projetos</a>
<a href="#contact" class="btn-fill">Fale Comigo</a>
</div>
</div>
</section>
<section id="about-me">
<div class="main-text">
<h1>Sobre mim</h1>
</div>
<div class="aboutme-content">
<div class="biography">
<h1>Apaixonado por <span class="underline">tecnologia!</span></h1>
<div class="bio-text">
<p>Desde a infância, minha curiosidade pela tecnologia moldou minha jornada. Como editor de vídeo, técnico de
informática e suporte de TI, mergulhei em várias facetas desse universo. Hoje, como programador, aplico essa
paixão para criar soluções inovadoras.</p>
</div>
<div class="carrer-text">
<p>Atualmente, exerço a função de gestor de TI em um renomado hospital de cirurgia plástica, enquanto também
desenvolvo websites e ferramentas inovadoras para aprimorar a eficiência do dia a dia.</p>
</div>
</div>
<div class="tecnologys">
<div class="social-midia">
<h1>Midias sociais</h1>
<div class="social-icons">
<a href="http://instagram.com/dudutricks" target="_blank">
<img src="assets/icons/instagram.png" alt="Instagram">
</a>
<a href="http://github.com/dudufidelis" target="_blank">
<img src="assets/icons/github2.png" alt="Github">
</a>
<img src="assets/icons/linkedin.png" alt="Linkedin">
</div>
</div>
<div class="tecnology">
<h1>Tecnologias</h1>
<div class="tecnology-icons">
<div>
<img src="assets/icons/python.png" alt="">
<img src="assets/icons/sql.png" alt="">
<img src="assets/icons/php.png" alt="">
</div>
<div>
<img src="assets/icons/html.png" alt="">
<img src="assets/icons/css.png" alt="">
<img src="assets/icons/js.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<section id="projects">
<div class="main-text">
<h1>Algumas Criações</h1>
</div>
<div class="projects-content">
<div class="projects">
<div class="project-description">
<h1>Gencode</h1>
<p>A Gencode é um ferramenta de geração de código de barra e codigo QR que foi criado para estudar adsense e
posicionamento em buscas da web.</p>
</div>
<div class="project-img">
<a href="https://gencode.online" target="_blank">
<img src="assets/projects/gencode.png" alt="gencode.online">
</a>
</div>
</div>
<div class="projects">
<div class="project-img">
<a href="https://bambudecor.com.br" target="_blank">
<img src="assets/projects/bambudecor.png" alt="bambudecor.com.br">
</a>
</div>
<div class="project-description">
<h1>BambuDecor</h1>
<p>A Bambu Decor foi uma landing page que sou muito apegado, todo o processo de criação me trouxe muito
aprendizado.</p>
</div>
</div>
<div class="projects">
<div class="project-description">
<h1>PumpedCraft</h1>
<p>Uma landing page para um servidor de Minecraft com algumas features
interessantes como tabela de contribuidores e lista de jogadores.</p>
</div>
<div class="project-img">
<a href="https://pumpedcraft.online" target="_blank">
<img src="assets/projects/pumpedcraft.png" alt="pumpedcraft.online">
</a>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="main-text">
<h1>Contato</h1>
</div>
<div class="contact-content">
<div class="contact">
<div class="phone-number">
<div class="wpp-btn">
<a href="https://api.whatsapp.com/send?phone=5544988336664&text=Ol%C3%A1,%20vim%20pelo%20seu%20site%20e%20gostaria%20de%20saber%20mais!"
target="_blank">
<img src="assets/icons/whatsapp.png" alt="Whatsapp">
<h1>Whatsapp</h1>
</a>
</div>
<img src="assets/icons/arrow.png" alt="Setinha" class="arrow">
<h3>(44) 9 8833-6664</h3>
</div>
<div class="email">
<div class="email-btn">
<a href="#" target="_blank">
<img src="assets/icons/email.png" alt="Email">
<h1>Email</h1>
</a>
</div>
<img src="assets/icons/arrow.png" alt="Setinha" class="arrow">
<h3>contato@fideliscode.com.br</h3>
</div>
</div>
</div>
</section>
</div>
<footer>
<h1>Copyright © 2023 Fideliscode</h1>
</footer>
</body>
</html>