-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.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>