-
Notifications
You must be signed in to change notification settings - Fork 0
/
es.html
74 lines (57 loc) · 3.31 KB
/
es.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
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="Juan Carlos Prada · Diseñador Gráfico Digital">
<meta name="description" content="Diseñador gráfico de Bogotá, Colombia">
<meta name="author" content="Juan Carlos Prada">
<meta name="keywords" content="diseño gráfico, ilustración, UI, UX, visual design, diseño de interfaces">
<meta property="og:title" content="Juan Carlos Prada · Diseñador Gráfico Digital">
<meta property="og:description" content="Diseñador gráfico de Bogotá, Colombia">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Juan Carlos Prada · Diseñador Gráfico Digital">
<meta property="og:url" content="https://juanprada.co/es">
<meta property="og:image" content="https://juanprada.co/assets/images/og_es.png">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="icon" type="image/png" href="assets/images/favicon.png">
<title>Juan Carlos Prada · Diseñador Gráfico Digital</title>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/css3-mediaqueries.min.js"></<script>
<![endif]-->
</head>
<body class="viewport-size">
<!-- Background Video -->
<video class="background-video" playsinline loop muted autoplay poster="assets/images/cover_home_static.png" class="background-video">
<source src="assets/videos/cover_home_slideshow.mp4" type="video/mp4">
</video>
<div class="container">
<header>
<nav>
<a class="main-menu-link esp-link" href="es/proyectos">Proyectos</a>
<h1>
<a href="es">
<svg width="100%" height="100%" viewBox="0 0 86 86" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<path d="M86,0L0,0L0,86L86,86L86,0ZM52.916,71.727L59.27,71.727L59.27,62.978L64.846,62.978L67.689,60.134L67.689,14.144L52.916,14.144L52.916,71.727ZM59.27,19.216L61.388,19.216L61.388,57.906L59.27,57.906L59.27,19.216ZM33.905,68.884L33.91,14.146L27.611,14.146L27.611,66.657L25.494,66.657L25.494,43.994L19.195,43.994L19.195,71.729L31.066,71.729L33.905,68.884ZM47.957,14.147L50.792,16.982L50.792,41.88L44.444,41.88L44.444,19.219L42.384,19.219L42.384,66.658L44.444,66.658L44.444,43.997L50.792,43.997L50.792,71.73L38.87,71.73L36.033,68.892L36.033,14.147L47.957,14.147Z"/>
</svg>
</a>
</h1>
<a class="main-menu-link esp-link" href="es/acerca-de">Acerca de</a>
</nav>
</header>
<section class="intro-home">
<h2>
<span>¡Bienvenidx! Me llamo</span>
Juan Carlos Prada
<span>Diseñador Gráfico Digital</span>
</h2>
</section>
<footer>
<nav>
<a href="mailto:[email protected]">[email protected]</a>
<a href="https://juanprada.co">Site in english</a>
</nav>
</footer>
</div>
</body>
</html>