-
Notifications
You must be signed in to change notification settings - Fork 0
/
info.html
116 lines (91 loc) · 5.23 KB
/
info.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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="Info · Juan Carlos Prada · Digital Graphic Designer">
<meta name="description" content="Information about me">
<meta name="author" content="Juan Carlos Prada">
<meta name="keywords" content="graphic design, illustration, UI, UX, visual design, interface">
<meta property="og:title" content="Juan Carlos Prada · Digital Graphic Designer">
<meta property="og:description" content="Graphic designer from Bogotá, Colombia">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Juan Carlos Prada · Digital Graphic Designer">
<meta property="og:url" content="https://juanprada.co">
<meta property="og:image" content="https://juanprada.co/assets/images/og.png">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="icon" type="image/png" href="assets/images/favicon.png">
<title>Info · Juan Carlos Prada · Digital Graphic Designer</title>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/css3-mediaqueries.min.js"></<script>
<![endif]-->
</head>
<body>
<div class="container">
<header>
<nav>
<a class="main-menu-link" href="work">Work</a>
<h1>
<a href="https://juanprada.co">
<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 active-link" href="#">Info</a>
</nav>
</header>
<section class="info">
<img class="info-photo" src="assets/images/juan.png" alt="Juan, 2021">
<div class="info-content">
<div class="top-info">
<h4>Hello, I'm Juan.</h4>
<p>I’m a graphic designer from Bogotá, Colombia. Over the years, I've worked on online campaigns for a variety of clients, creating banner ads, social media content and e-mails. Now, I'm shifting my career to focus on user interface design. Here’s my <strong><a target="_blank" href="assets/pdf/cv_en.pdf">CV</a></strong> in case you want to know more about my experience and studies.</p>
</div>
<div class="list-info">
<div>
<h5>Skills</h5>
<ul>
<li>Graphic Design</li>
<li>User Interface Design</li>
<li>Illustration</li>
<li>Wireframing</li>
<li>Prototyping</li>
</ul>
</div>
<div>
<h5>Tools I use</h5>
<ul>
<li>Adobe Illustrator</li>
<li>Adobe Photoshop</li>
<li>Adobe XD</li>
<li>Affinity Designer</li>
<li>Figma</li>
</ul>
</div>
<div>
<h5>Clients I've worked for</h5>
<ul>
<li>General Mills</li>
<li>Nestlé</li>
<li>IOC</li>
<li>NBA</li>
<li>Sanofi</li>
</ul>
</div>
</div>
<div class="bottom-info">
<p>I’m always open to new opportunities. If you think we can work together, feel free to <strong><a href="mailto:[email protected]">contact me</a></strong>. You can also find me on <strong><a target="_blank" href="https://linkedin.com/in/juanprada/">LinkedIn</a></strong><!-- and <strong><a target="_blank" href="https://www.behance.net/juanprada">Behance</a></strong> -->. Thank you for stopping by!</p>
<p>✱ This site is powered by <strong><a target="_blank" href="https://pages.github.com/">Github Pages</a></strong>. Typeset in <strong>Neue Machina</strong> and <strong>Monument Extended</strong> from <strong><a target="_blank" href="https://pangrampangram.com/">Pangram Pangram</a></strong>, and <strong>Inge</strong> from <strong><a target="_blank" href="https://fercozzi.com/">Fernanda Cozzi</a></strong>. ✱</p>
</div>
</div>
</section>
<footer>
<nav>
<a href="mailto:[email protected]">[email protected]</a>
<a href="es">Sitio en español</a>
</nav>
</footer>
</div>
</body>
</html>