-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
102 lines (96 loc) · 4.36 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
<!DOCTYPE html>
<html>
<head>
<title>Ramon Donadeu</title>
<link rel="stylesheet" href="./css/index.css" />
<link rel="stylesheet" href="./css/mainSection.css" />
<link rel="stylesheet" href="./css/aboutme.css" />
<link rel="stylesheet" href="./css/projects.css">
<link rel="icon" href="./img/R.png" type="image/icon type">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="hideBack" id="disableBack"></div>
<header>
<div class="mobile--nav" id="js--openNavbar">
<img src="./img/icon-menu.svg" alt="Open Menu" />
</div>
<nav class="headerContainer nav--closed">
<div class="mobile--nav" id="js--closeNavbar">
<img src="./img/icon-menu-close.svg" alt="Close Menu" />
</div>
<div class="headerElement"><a href="#main">Inicio</a> </div>
<div class="headerElement"><a href="#aboutme">Sobre Mí</a> </div>
<div class="headerElement"><a href="#projects">Proyectos</a> </div>
<div class="headerElement"><a href="#contactme">Contacto</a> </div>
</div>
</header>
<div class="mainContent"><section class="sectionContainer mainSection ancor" id="main">
<div class="infoContainer">
<div class="especializacion">FRONT END DEVELOPER</div>
<div class="nombre">Ramon Donadeu Caballero</div>
<a href="/others/Ramon_Donadeu_ES.pdf" download="Ramon_Donadeu_CV.pdf" target="_blank"> <button class="curriculum">
Descarga mi curriculum</button></a>
</div>
<div class="fotoAvatar">
<div class="fotoContainer">
<img style="height: inherit;" src="/img/me.jpeg" />
</div>
</div>
</section>
<section class="aboutme ancor" id="aboutme">
<div class="sectionContainer">
<h2>Sobre Mí</h2>
<div class="aboutme--content">
<span class="first--letter">D</span>urante mis dos primeros años trabajando exploré diferentes sectores de programación y encontré mi pasión en el <span>Frontend y la maquetación</span>, aunque he trabajado desarrollando aplicaciones <span>Full Stack</span>.
</div>
<div class="mainTech">
<div class="logos">
<img src="./img/react-logo.png" alt="React Logo" />
<img src="./img/nodejs-logo.png" alt="NodeJs Logo" />
<img src="./img/express-logo.png" alt="ExpressJs Logo" />
<img src="./img/postgres-logo.png" alt="Postgres Logo" />
</div>
</div>
<div class="otherTech">
<div class="logos">
<img src="./img/mongo-logo.png" alt="MongoDB Logo" />
<img src="./img/git-logo.png" alt="Github Logo" />
<img src="./img/docker-logo.png" alt="Docker Logo" />
<img src="./img/html-logo.png" alt="HTML Logo" />
<img src="./img/css-logo.png" alt="CSS Logo" />
<img src="./img/javascript-logo.png" alt="JS Logo" />
<img src="./img/python-logo.png" alt="Python Logo" />
</div>
</div>
</section>
<section class="projects ancor" id="projects">
<div class="sectionContainer">
<h2>Mis Proyectos</h2>
<div class="projectList">
<a class="project--item" href="https://ramondonadeu.github.io/frontendMentor">
<div class="imgContainer">
<img src="./img/frontendmentor-project.png" alt="">
<div class="description">Todos mis ejercicios hechos en Frontend Mentor.<br>Una pagina web que te proporciona diseños web y debes copiarlos lo mejor posible.</div>
</div>
<div class="title">My FrontendMentor</div>
</a>
</div>
</div>
</section>
<footer id="contactme" class="ancor">
<div class="sectionContainer" >
<div class="footer--info">
Ramon Donadeu Caballero <br>
Tarragona, España<br>
</div>
<div class="footer--links">
<a href="https://github.com/RamonDonadeu" target="_blank"><img src="./img/git-logo.png" alt=""></a>
<a href="https://www.linkedin.com/in/ramon-donadeu/" target="_blank"><img src="./img/linkedin-logo.png" alt=""></a>
</div>
</div></div>
</footer>
</body>
<script src="./scripts/script.js"></script>
</html>