-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (122 loc) · 6.33 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
<!DOCTYPE html>
<html lang="en">
<!-- I can see you -->
<head>
<!--Basic-->
<meta charset="utf-8">
<title>Daniel Giménez López-Torres - Multimedia Engineer</title>
<meta name="description" content="Daniel Giménez's portfolio. Multimedia Engineer, currently working as a junior web developer.">
<meta name="author" content="Daniel Giménez López-Torres">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Styles-->
<link rel="stylesheet" href="style.css">
<!--Fonts-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&family=Nanum+Gothic&family=Nunito+Sans&family=Open+Sans&family=Rajdhani:wght@300;400&display=swap" rel="stylesheet">
<!--Favicons--><!--Code and icons generated with: https://realfavicongenerator.net/-->
<link rel="icon" type="image/png" sizes="16x16" href="icon/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="icon/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="icon/apple-touch-icon.png">
<link rel="manifest" href="icon/site.webmanifest">
<link rel="mask-icon" href="icon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#141B41">
<!--Twitter Cards-->
<meta name="twitter:title" content="Daniel Giménez López-Torres - Multimedia Engineer">
<meta name="twitter:url" content="https://dgltorress.github.io/">
<meta name="twitter:description" content="Daniel Giménez. Multimedia Engineer, currently working as a junior web developer.">
<meta name="twitter:image" content="icon/android-chrome-512x512.png">
<meta name="twitter:card" content="summary_large_image">
<!--Facebook Open Graph-->
<meta property="og:locale" content="en">
<meta property="og:site_name" content="Daniel Giménez López-Torres - Multimedia Engineer">
<meta property="og:title" content="Daniel Giménez López-Torres - Multimedia Engineer">
<meta property="og:url" content="https://dgltorress.github.io/">
<meta property="og:type" content="website">
<meta property="og:description" content="Daniel Giménez. Multimedia Engineer, currently working as a junior web developer.">
<meta property="og:image" content="icon/android-chrome-512x512.png">
<!--JavaScript-->
<script src="./projects.js" type="module"></script>
<script src="./experiences.js" type="module"></script>
<script src="./code.js" type="module"></script>
</head>
<body>
<!-- Header -->
<header>
<h1>Daniel Giménez López-Torres</h1>
<nav>
<ul>
<li style="display:none !important;"><a href="#experiences">Experience</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#educations">Education</a></li>
<li><a href="#cvs">CV</a></li>
<li><a href="#contacts">Contact</a></li>
<li><a href="es.html">ES</a></li>
<!-- Responsive dropdown -->
<li id="dropdown">
<label for="dropdownCheck">☰</label>
<input id="dropdownCheck" type="checkbox">
<ul>
<li style="display:none !important;"><a href="#experiences">Experience</a></li>
<li><a href="#projects">Projects</a></li>
<li><a href="#educations">Education</a></li>
<li><a href="#cvs">CV</a></li>
<li><a href="#contacts">Contact</a></li>
<li><a href="es.html">ES</a></li>
</ul>
</li>
</ul>
</nav>
</header>
<!-- Catchphrase -->
<p id="catch">I'm a Multimedia Engineer currently working as a junior web developer. I seek to continually test my development and design skills and keep growing professionally.</p>
<main>
<div>
<!-- Projects -->
<section id="projects">
<h2 class="afterline">Projects</h2>
<!-- <section>
<h3>Work</h3>
</section> -->
<section>
<h3>Student</h3>
</section>
<section>
<h3>Personal</h3>
</section>
</section>
<!-- Experience -->
<section id="experiences">
<h2 class="afterline">Experience</h2>
</section>
<!-- Education -->
<section id="educations">
<h2 class="afterline">Education</h2>
</section>
<!-- Resume -->
<section id="cvs">
<h2 class="afterline">Curriculum</h2>
<div>
<a class="alink aexternal" href="https://drive.google.com/file/d/1jqMPHza5BqBz2aX8KjlZqZT5bSTtdxTV" target="_blank">Download my CV</a>
</div>
</section>
</div>
</main>
<footer>
<!-- Contact information -->
<div id="contacts">
<ul>
<li><a id="clinkedin" href="https://www.linkedin.com/in/dgltorress/" target="_blank" rel="me" title="Daniel Giménez López-Torres on LinkedIn"></a></li>
<li><a id="cgithub" href="https://github.com/dgltorress" target="_blank" rel="me" title="Daniel Giménez López-Torres on GitHub"></a></li>
</ul>
<a href="mailto:dgltorress@gmail.com" rel="me" title="My email">dgltorress@gmail.com</a>
</div>
<p>©
<time id="curYear" datetime="2022">2022</time>
Daniel Giménez López-Torres
</p>
<a id="backTop" class="alink" href="#top" title="Back to top"></a>
</footer>
</body>
</html>