-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (151 loc) · 7.56 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
<!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" type="text/css" href="./src/style/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="./src/style/config.css">
<title>Erick Porto</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("a").on('click',function(event){
if (this.hash!==""){
event.preventDefault();
var hash=this.hash;
$('html,body').animate({scrollTop:$(hash).offset().top},800,function(){window.location.hash=hash;});
}
});
});
</script>
</head>
<body>
<aside>
<div id="sidebar" class="cls">
<ul id="nav-menu">
<li><a href="#src-portfolio">Portfolio</a></li>
<li> ° </li>
<li> ° </li>
<li><a href="#src-about">Sobre</a></li>
<li> ° </li>
<li> ° </li>
<li><a href="#src-forms">Contatar</a></li>
</ul>
</div>
</aside>
<section id="src-hw">
<div class="centralizer ta-center">
<img src="./src/images/profile.jpeg" class="profile-image">
<span class="title">Olá, sou Erick. Seja bem-vindo ao meu portfolio.</span>
<br/>
<div class="buttons">
<a class="button" target="_blank" href="./src/pdf/curriculo-extenso.pdf">Currículo</a>
<a class="button" target="_blank" href="https://www.linkedin.com/in/erick-porto">LinkedIn</a>
<a class="button" target="_blank" href="https://github.com/Erick-Porto">GitHub</a>
</div>
</div>
<div class="work ta-center">
<a href="#src-portfolio">Conheça meu trabalho!</a>
</div>
</section>
<section id="src-portfolio" class="section-slide">
<div class="container">
<div class="slide-container swiper">
<div class="slide-content">
<div id="portfolio" class="card-wrapper swiper-wrapper"></div>
</div>
</div>
</div>
</section>
<section id="src-about" class="section-slide">
<div class="container">
<div class="about-card">
<img src="./src/images/profile.jpeg" class="about-image">
<div class="about">
<span class="title">Erick Ribeiro Porto</span>
<span class="subtitle">| Desenvolvedor Web</span>
<p class="paragraph">
Olá sou Erick, um desenvolvedor web júnior determinado e entusiasta, pronto para contribuir com sua energia e habilidades. Com 6 anos de experiência prática em desenvolvimento web, estou comprometido em aprender e crescer mais.
</p>
<br>
<p class="paragraph cls">
Carreira Profissional:<br/>
Atualmente estou cursando Sistemas de Computação pela Universidade Federal Fluminense, além de já ser Técnico em Informática pelo Instituto Federal do Rio de Janeiro, onde adquiri uma base sólida em programação e desenvolvimento de software. Desde então, busco oportunidades para aplicar os meus conhecimentos teóricos em novos desafios.
</p>
<p class="paragraph cls"> Desenvolvimento e Conquistas:<br/>
Tenho experiência no desenvolvimento de sites e aplicações web utilizando tecnologias como HTML, CSS e JavaScript. Participei ativamente em alguns projetos, contribuindo com ideias e soluções criativas.
</p>
<br/>
<p class="paragraph"> Tecnologias: <br/>
Linguagens: HTML5, CSS3, JavaScript, JAVA, C, C#<br/>
Frameworks: Bootstrap, jQuery<br/>
Ferramentas: Git<br/>
</p>
<br/>
<p class="paragraph cls">
Possuo também conhecimentos em bancos de dados relacionais e em versionamento.
Estou ansioso para expandir meus conhecimentos e habilidades em outras áreas, como frameworks de JavaScript (por exemplo, React.js, Vue.js) e em tecnologias de back-end (por exemplo, Node.js).
</p>
<a class="button vws" target="_blank" href="src/pdf/curriculo-extenso.pdf">Ver Currículo</a>
</div>
</div>
</div>
</section>
<section id="src-forms" class="section-slide">
<div class="container">
<span class="title">Contato</span>
<form action="https://formsubmit.co/decbdf33b3fea80245a15fc87c941833 " method="POST">
<input type="hidden" name="_next" value="https://erick-porto.github.io/portfolio/agradecimento">
<input type="hidden" name="_captcha" value="false">
<input type="hidden" name="_template" value="box">
<div class="form-row">
<div class="input-data">
<input name="remetente" id="name" type="text" required>
<div class="underline"></div>
<label for="name">Nome Completo</label>
</div>
</div>
<div class="form-row">
<div class="input-data">
<input name="email" id="email" type="text" required>
<div class="underline"></div>
<label for="email">Endereço de E-mail</label>
</div>
<div class="input-data">
<input name="_subject" id="subject" type="text" required>
<div class="underline"></div>
<label for="subject">Assunto</label>
</div>
</div>
<div class="form-row">
<div class="input-data textarea">
<textarea name="message" id="content" rows="8" maxlength="354" cols="80" required></textarea>
<br />
<div class="underline"></div>
<label for="content">Digite sua mensagem</label>
<br />
</div>
</div>
<div class="form-row">
<div class="input-data">
<input class="submit-button" type="submit" value="Enviar">
</div>
</div>
</form>
</div>
<footer>
<div>
<span class="subtitle">©Erick Porto</span>
<ul>
<li><a target="_blank" href="https://www.linkedin.com/in/erick-porto">LinkedIn</a></li>
<li><a target="_blank" href="https://github.com/Erick-Porto">GitHub</a></li>
</ul>
</div>
</footer>
</section>
</body>
<script src="src/js/api_consume.js"></script>
<script src="//cdn.jsdelivr.net/gh/freeps2/a7rarpress@main/swiper-bundle.min.js"></script>
<script src="src/js/slider.js"></script>
</html>