This repository was archived by the owner on Apr 28, 2023. It is now read-only.
Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
185 lines (178 loc) · 9.49 KB
/
Copy pathindex.html
File metadata and controls
185 lines (178 loc) · 9.49 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link href="https://fonts.googleapis.com/css?family=Halant:300,400,500,600,700|Nunito+Sans" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP" crossorigin="anonymous">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/style.css">
<title>MiCV</title>
</head>
<body>
<nav class="sidenav">
<ul class="menu-container">
<li><a href="#">Home</a></li>
<li><a href="#">Who I am</a></li>
<li><a href="#">Studies</a></li>
<li><a href="#">Experience</a></li>
<li><a href="#">About me</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<div class="main_wrapper">
<header>
<h1>Pere Pico <span><i class="fas fa-bars fa-sm menu-icon"></i></span></h1>
</header>
<section id="home">
<header>
<div class="title_wrapper">
<h2>My Curriculum</h2>
<p>Change is the end result of all true learning</p>
</div>
</header>
<div class="content_wrapper">
<p>My name is Pere, I'm 22 years old and I'm a software developer and free athlete.</p>
</div>
</section>
<section id="whoami">
<header>
<div class="title_wrapper">
<h2>Who I am</h2>
<p>Vires acquirit eundo</p>
</div>
</header>
<div class="content_wrapper">
<p>I consider myself a kind and generous person. I like to think I treat everybody in a respectful manner and I pay close attention to what I can learn from them. I'm also an ambitious person who loves great challenges, thus are the ones that bring most growth. But what I love most are the opportunities to work in a team of motivated people from who I can learn and with whom I can grow professionally and personally.</p>
<p>I was born in Mallorca, and have lived here eversince. As I'm completing most of my studies, at the moment I'm living with my mother and younger brother in a flat near the sea.</p>
<p>I have also dedicated a part of my life volunteering in the scouts. Firstly as a lesiure time monitor, organizing trips for children in which they learned everydy lessons such as the value of recicling, gender equality and taking care of nature. Lately, I took place as Secretary of the organization.</p>
</div>
</section>
<section id="studies">
<header>
<div class="title_wrapper">
<h2>Studies & Formation</h2>
<p>Develop a passion for learning. If you do, you will never cease to grow.</p>
</div>
</header>
<div class="content_wrapper">
<p>My first attempt was videogame development at the EDIB, but then I discovered that I loved computer science, programming and designing software.</p>
<p>My regulated studies consist of:</p>
<article>
<h3>UOC</h3>
<p>Computer Science Degree</p>
</article>
<article>
<h3>KeepCoding</h3>
<p>Master Full Stack Developer</p>
</article>
<p>I have also taken many online courses from online platforms such as Udemy as plural as:</p>
<ul>
<li>Accounting</li>
<li>JAVA Programming</li>
<li>Fotography</li>
</ul>
</div>
</section>
<section id="experience">
<header>
<div class="title_wrapper">
<h2>Experience</h2>
<p>Work hard, be kind, and amazing things will happen.</p>
</div>
</header>
<div class="content_wrapper">
<p>At the moment I'm still looking for an opportunity that suits my desires of contributing to a great project to grow as a software developer.</p>
<p>But in the meantime, I teach Object Oriented Programming to undergrad students as a tutor.</p>
</div>
</section>
<section id="about">
<header>
<div class="title_wrapper">
<h2>About me</h2>
<p>mens sana in corpore sano</p>
</div>
</header>
<div class="content_wrapper">
<p>Two years ago I discovered the benefits of sport. I started practising fitness routines, and after three months I discovered a fantastic mobile App: Freelethics Bodyweight; so I switched to bodyweight training.</p>
<p>That is that you train only with the resistance of your own weight. This exercises demand much more patience and self-control, so it helps me deal with the stress of everyday's life, full of rush and nerves. I always try to make some time in the morning to practise calisthenia, so I feel calm and in peace the rest of the day.</p>
<p>But sports do not only make you feel better, and stronger. They also mean a way of connecting with people with shared interests and becoming a part of the community. Sport is a great way to learn that changing takes time and becoming better takes practise.</p>
<p>Here I'd like to share a video so you can see what I do. What it means to be a free athlete.</p>
<div class="media_wrapper">
<iframe src="https://www.youtube.com/embed/6ejJMqAeQCs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<address>Video by Freeletics ltd.</address>
</div>
</div>
</section>
<section id="contact">
<header>
<div class="title_wrapper">
<h2>Get in touch</h2>
<p>Eloquence is a painting of the thoughts</p>
</div>
</header>
<div class="content_wrapper">
<p>Please feel free to get in touch, fill out the form and I'll get back to you as soon as possible.</p>
<form action="">
<ul>
<li class="form_field_wrapper">
<label for="name">Name</label>
<input type="text" name="name" id="name" placeholder="Name">
</li>
<li class="form_field_wrapper">
<label for="email">Email Address</label>
<input type="email" name="email" id="email" placeholder="Email Address">
</li>
<li>
<label for="selection">How did you find me?</label>
<select name="selection" id="selection" aria-placeholder="How did you find me?">
<option value="social">Social</option>
<option value="personal">Personally</option>
<option value="other">Other</option>
</select>
</li>
<li class="form_field_wrapper">
<label for="other">Other</label>
<textarea name="other" id="other" cols="30" rows="10" placeholder="How did you find me?"></textarea>
</li>
<li class="form_field_wrapper">
<label for="tel">Phone Number</label>
<input type="tel" name="tel" id="tel" placeholder="Phone Number">
</li>
<li class="form_field_wrapper">
<label for="msg">Your Message</label>
<textarea name="msg" id="msg" cols="30" rows="10" placeholder="Message"></textarea>
</li>
<li>
<button type="submit">Send</button>
</li>
</ul>
</form>
</div>
</section>
<footer>
<aside>
<ul class="social">
<li class="social_item">
<i class="fab fa-twitter-square fa-2x">
<a href="https://twitter.com/buboDev"></a>
</i>
</li>
<li class="social_item">
<i class="fab fa-linkedin fa-2x">
<a href="https://www.linkedin.com/in/ppicom/"></a>
</i>
</li>
<li class="social_item">
<i class="fab fa-github-square fa-2x">
<a href="https://github.com/peremuntaner"></a>
</i>
</li>
</ul>
</aside>
<address>Copyright <i class="far fa-copyright fa-xs"></i> 2018 Pere Picó</address>
</footer>
</div>
</body>
</html>