-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
212 lines (199 loc) · 8.83 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
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
<!DOCTYPE html>
<html lang="pt-br">
<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">
<title>Rodrigo Serrasqueiro | portfólio</title>
<link rel="stylesheet" href="./style.css">
<link rel="icon" href="./assets/favicon.png">
<script src="https://kit.fontawesome.com/ca14b9e588.js" crossorigin="anonymous"></script>
</head>
<body>
<section class="hero-container" id="index">
<header>
<nav>
<ul class="nav-menu">
<a class="list-item" href="#index">
<li>Início</li>
</a>
<a class="list-item" href="#profile">
<li>Apresentação</li>
</a>
<a class="list-item" href="#projects">
<li>Projetos</li>
</a>
<a class="list-item" href="#contact">
<li>Contato</li>
</a>
</ul>
</nav>
<div class="menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</header>
<h1>Procurando um desenvolvedor Full Stack?</h1>
<svg class="arrows">
<path class="a1" d="M0 0 L30 32 L60 0"></path>
<path class="a2" d="M0 20 L30 52 L60 20"></path>
<path class="a3" d="M0 40 L30 72 L60 40"></path>
</svg>
</section>
<section class="content-container" id="profile">
<div class="profile-container">
<div class="profile-content">
<div class="profile-card">
<img class="profile-image" src="./assets/foto-perfil.jpg" />
<span class="name-text">Rodrigo Serrasqueiro</span>
<span class="profile-text">“É em meio à dificuldade que se
encontra a oportunidade. As maiores lições da vida são aprendidas em momentos de extrema dor”.</span>
<div class="social-media">
<a href="https://www.facebook.com/rodrigoserrasqueiro" target="_blank">
<button class="profile-button" id="facebook"></button>
</a>
<a href="https://www.instagram.com/rodrigoserrasqueiro/" target="_blank">
<button class="profile-button" id="instagram"></button>
</a>
<a href="https://www.linkedin.com/in/rodrigoserrasqueiro/" target="_blank">
<button class="profile-button" id="linkedin"></button>
</a>
<a href="https://github.com/RodrigoSerrasqueiro" target="_blank">
<button class="profile-button" id="github"></button>
</a>
</div>
<div class="divider"></div>
<h4>Tecnologias: Javascript, React, Node, Mongo DB, Git, GitHub</h4>
<div class="tecnologies-container">
<div class="tecnologies-content">
<div class="tecnologies" id="java-script"></div>
<div class="tecnologies" id="react"></div>
<div class="tecnologies" id="node"></div>
</div>
<div class="tecnologies-content">
<div class="tecnologies" id="mongo"> </div>
<div class="tecnologies" id="git"> </div>
<div class="tecnologies" id="github2"></div>
</div>
</div>
</div>
</div>
<div class="profile-sinopse">
<h1 id="profile-h1">Sobre mim...</h1>
<br>
<p>
Atuando como desenvolvedor web full stack desde abril de 2023, já desenvolvi vários projetos dos quais os
principais estão presentes aqui nesse portfólio. Atualmente sou parte integrante de um projeto voltado ao
marketing digital. Nesse projeto tenho aplicado minhas habilidades em Javascript, React, Node, banco de dados.
e consumo de API´s. Além disso, também tenho a expertise de integrar aplicações a serviços de pagamento como
Stripe, sincronização de dados com Google Calendar e integração com automações de marketing como Active
Campaign. Fui destaque em meio a mais de 7000 alunos do curso de programação full stack
sendo o único selecionado para a vaga de estágio e em menos de 3 meses já promovido a desenvolvedor.
</p>
<br>
<p>
Durante toda a minha trajetória profissional sempre busquei superar as expectativas ao meu respeito, não me
contentando em fazer somente o que é pedido. Uma das minhas características mais marcantes é a busca pela
excelência. Além do projeto que eu atuo tenho vários outros projetos desenvolvidos paralelamente que
demonstram minhas habilidades e evolução como desenvolvedor full stack.
</p>
<br>
<p>
Considerero que tenho bastante facilidade em aprender coisas novas e me comunicar com meu time. Procuro ao
máximo entender o que está sendo pedido antes de executar algo. Para mim, é extremamente importante ter a
compreensão não só dos requisitos técnicos, mas também das necessidades do cliente e experiência do usuário.
</p>
<br>
Caso queira conhecer mais a fundo minha trajetória, bem como minhas habilidades e cursos que
realizei, disponibilizei aqui o meu CV. Basta clicar no botão abaixo para realizar o download. Grato!
<a href="./assets/RODRIGOSERRASQUEIRO-CV.pdf" download="RODRIGOSERRASQUEIRO-CV.pdf">
<button id="cv-button">Baixar CV</button>
</a>
</div>
</div>
</section>
<section class="content-container" id="projects">
<div class="project-container">
<div class="slider">
<div class="slides-img">
<a href="https://github.com/RodrigoSerrasqueiro/youtube-clone" target="_blank">
<div class="projects-img">
<img src="./assets/projeto-clone-youtube.JPG" alt="imagem do projeto">
</div>
</a>
<a href="https://github.com/RodrigoSerrasqueiro/Rseries" target="_blank">
<div class="projects-img">
<img src="./assets/projeto-rseries.png" alt="imagem do projeto">
</div>
</a>
<a href="https://github.com/RodrigoSerrasqueiro/Tempo-Agora" target="_blank">
<div class="projects-img" id="current-img">
<img src="./assets/projeto-tempo-agora.png" alt="imagem do projeto">
</div>
</a>
<a href="https://github.com/RodrigoSerrasqueiro/Star-Wars-Characters" target="_blank">
<div class="projects-img">
<img src="./assets/projeto-star-wars-characters.jpg" alt="imagem do projeto">
</div>
</a>
<a href="https://github.com/RodrigoSerrasqueiro/Portfolio" target="_blank">
<div class="projects-img">
<img src="./assets/projeto-portfolio.JPG" alt="imagem do projeto">
</div>
</a>
</div>
</div>
<div class="btn-container">
<div class="slides-btn" id="btn-back">
<i class="fas fa-chevron-left"></i>
</div>
<div class="slides-btn" id="btn-next">
<i class="fas fa-chevron-right"></i>
</div>
</div>
<span class="projects-description">
*Ao clicar no projeto você será redirecionado ao GitHub. Caso queira visualizar
a aplicação em seu navegador, vá até o arquivo README.md e lá você encontrará o link.
</span>
</div>
</section>
<section class="content-container" id="contact">
<div class="contact-content">
<form action="https://formspree.io/f/mjvdkpvr" method="POST" id="contact-form" target="_blank">
<h3>Entre em contato comigo. Responderei o mais breve possível.</h3>
<label>
Seu nome:*
<input class="inputs" type="text" name="name" style="display: block;" placeholder="Nome Sobrenome"
id="input-name" required>
</label>
<label>
Seu e-mail:*
<input class="inputs" type="email" name="email" style="display: block;" placeholder="[email protected]"
id="input-email" required>
</label>
<label>
Seu telefone:
<input class="inputs" type="tel" name="fone" id="input-fone" style="display: block;"
placeholder="(11) 98888-8888" minlength="15" maxlength="15">
</label>
<label>
Assunto:*
<select name="subject" id="select-subject" style="display: block;">
<option value="orçamento">Orçamento</option>
<option value="recrutamento">Recrutamento</option>
</select>
</label>
<label>
Sua mensagem:*
<textarea name="message" style="display: block;" placeholder="Digite sua mensagem" id="input-textarea"
required></textarea>
</label>
<h6>* Campos obrigatórios</h6>
<button type="submit" id="send-button">Enviar</button>
</form>
</div>
</section>
<script src="./script.js"></script>
</body>
</html>