-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
86 lines (78 loc) · 4.09 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Martín Pierangeli - Portfolio</title>
<meta name="description" content="Martin Pierangeli portfolio curriculum cv ingenieria biomedica frontend unsam argentina">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
<!--FUENTES-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Jura:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css">
</head>
<body>
<div id="menu">
<a id="to-top" href="#presentacion">Portfolio</a>
<input type="checkbox" id="hamb-i">
<label id="hamb-l" for="hamb-i"><i class="fas fa-bars"></i></label>
<nav id="navbar">
<a id="menu-about" href="#about">QUIÉN SOY</a>
<a id="menu-proyectos" href="#proyectos">PROYECTOS</a>
<a id="menu-contacto" href="#contacto">CONTACTAME</a>
</nav>
</nav>
</div>
<div id="presentacion">
<video autoplay loop>
<source src="presentancion-back_v2.mp4" type="video/mp4">
</video>
<div class="overlay"></div>
<header>
<h1>Martín Pierangeli</h1>
<h2>Estudiante Ingeniería Biomédica</h2>
<h2>Web Developer Trainee</h2>
</header>
</div>
<div id="about">
<div class="fotoside">
<img id="foto" src="mifoto.jpg" alt="Martín Pierangeli">
</div>
<section id="resumen">
<h3>Quién soy</h3>
<p>De El Palomar, Buenos Aires, me recibí de Técnico Electrónico en la Base Aérea. Actualmente curso mis últimos años de Ingeniería Biomédica en la Universidad de San Martín. Simultaneamente estudio desarrollo web, inversiones en bolsa, criptomonedas y teoría musical.
</p>
<a src="https://drive.google.com/file/d/1wrg428bQPlZj7ZVjOtgC7rJVc5_hisEk/view?usp=sharing" target="_blank">Mi CV</a>
</section>
</div>
<div id="proyectos">
<div id="p1" class="proyecto">
<h2>Proyecto 1</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sunt quae perferendis incidunt voluptatibus rerum veritatis ducimus beatae minus alias iure quas laboriosam sa</p>
<a href="#">VER</a>
</div>
<div id="p2" class="proyecto">
<h2>Proyecto 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dignissimos aperiam atque quos aliquid dolore accusamus, rerum doloremque sequi porro quis inv</p>
<a href="#">VER</a>
</div>
<div id="p3" class="proyecto">
<h2>Proyecto 3</h2>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tempora magnam nam rerum nemo quia nobis odio quas quae amet quam</p>
<a href="#">VER</a>
</div>
</div>
<div id="contacto">
<h2>CONTACTAME</h2>
<nav id="menu-contacto">
<a href="mailto:marespierangeli@gmail.com" target="_blank"><i class="far fa-envelope"></i></a>
<a href="https://www.facebook.com/martin.pierangeli.1" target="_blank"><i class="fab fa-facebook-square"></i></a>
<a href="https://www.linkedin.com/in/martin-pierangeli-821677190/" target="_blank"><i class="fab fa-linkedin"></i></a>
<a href="https://github.com/mpierangeli" target="_blank"><i class="fab fa-github-square"></i></a>
</nav>
<footer>
<a href="#presentacion">Portfolio - Martín Pierangeli</a>
</footer>
</div>
</body>
</html>