-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (150 loc) · 7.9 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lesly Paraguay</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open Sans">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel=icon href=favicon.jpg type="image/jpg">
<style>
h1,h2,h3,h4,h5,h6 {font-family: "Oswald"}
body {font-family: "Open Sans"}
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-7927110595823834",
enable_page_level_ads: true
});
</script>
</head>
<body class="w3-light-grey">
<!-- Navigation bar with social media icons -->
<div class="w3-bar w3-write w3-hide-small">
<a href="index.html" class="w3-bar-item w3-button"> Lesly Paraguay</a>
<a href="https://www.behance.net/LeslyParaguay" target="_blank" class="w3-bar-item w3-button"><i class="fa fa-behance"></i></a>
<a href="https://www.linkedin.com/in/lesly-paraguay/" target="_blank" class="w3-bar-item w3-button"><i class="fa fa-linkedin"></i></a>
<!-- Float links to the right. Hide them on small screens -->
<div class="w3-right w3-hide-small">
<a href="index.html" class="w3-bar-item w3-button">Inicio</a>
<a href="ikigai.html" class="w3-bar-item w3-button">ikigai</a>
<a href="contact.html" class="w3-bar-item w3-button">Contactos</a>
</div>
</div>
<!-- w3-content defines a container for fixed size centered content,
and is wrapped around the whole page content, except for the footer in this example -->
<div class="w3-content" style="max-width:960px;">
<!-- Header -->
<header class="w3-container w3-center w3-padding-40">
<br>
<h1 class="w3-xxxlarge"><b>Hola, soy Lesly. ;)</b></h1><br>
<h6><span class="w3-tag">Bienvenid@</span></h6>
<p>Esta plataforma fue creada con el objetivo de poder crecer juntos y estar al tanto <br> de las nuevas tendencias del <b>diseño y web</b>.</p>
<p>Siéntase libre de echar un vistazo <br> a mis proyectos <b><span style="color: #13ace0">más recientes</span></b> en mi <br> página de trabajo.</p>
</header>
<!-- Grid -->
<div class="w3-row w3-padding ">
<!-- Grid -->
<!-- Project Section -->
<header class="w3-container" style="padding-top:22px">
<h5><b style="color: #02ccba;"><i class="fa fa-desktop"></i> Intereses</b></h5>
</header>
<div class="w3-row-padding w3-margin-bottom">
<div class="w3-quarter">
<div class="w3-container w3-border w3-hover-shadow w3-padding-15">
<div class="w3-clear"></div>
<a href="content.html" style="text-decoration: none;"><h4>Principios del diseño</h4></a>
</div>
</div>
<div class="w3-quarter">
<div class="w3-container w3-border w3-hover-shadow w3-padding-15">
<div class="w3-clear"></div>
<a href="d-producto.html" style="text-decoration: none;"><h4>Diseño de producto</h4></a>
</div>
</div>
<div class="w3-quarter">
<div class="w3-container w3-border w3-hover-shadow w3-padding-15">
<div class="w3-clear"></div>
<a href="ux.html" style="text-decoration: none;"><h4>Experiencia del usuario</h4></a>
</div>
</div>
<div class="w3-quarter">
<div class="w3-container w3-border w3-hover-shadow w3-padding-15">
<div class="w3-clear"></div>
<a href="front-end.html" style="text-decoration: none;"><h4>Diseño de front-end</h4></a>
</div>
</div>
</div>
<div class="w3-panel w3-center">
<h1><b>Los más recientes...</b></h1>
</div>
<!-- Promo Section - "We know design" -->
<div class="w3-container w3-light-grey" style="padding:20px 16px">
<div class="w3-row-padding">
<div class="w3-col m6">
<h3><span style="color: #8c68b9;">Construyendo confianza en el color</span></h3>
<h6 class="w3-opacity">Principios de diseño gráfico</h6>
<p>El color es una poderosa forma de comunicación. Estamos tan atraídos por el color y tan repelidos por él que incluso si se nos presentara el diseño más cool, si no nos gusta el color, no nos gustaría en absoluto.</p>
<p><a href="content.html" class="w3-button w3-black" style="background:linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);"><i class="fa fa-arrow-right"> </i> Ver mas</a></p>
</div>
<div class="w3-col m6">
<img class="w3-image w3-round-large" src="http://leslywebd.esy.es/images/color-002.png" alt="Color" width="700" height="394">
</div>
</div>
</div>
<div class="w3-container w3-light-grey" style="padding:20px 16px">
<div class="w3-row-padding">
<div class="w3-col m6">
<img class="w3-image w3-round-large" src="http://leslywebd.esy.es/images/front-end.png" alt="tipografia" width="700" height="394">
</div>
<div class="w3-col m6">
<h3><span style="color: #8c68b9;">Diseñando con código</span></h3>
<h6 class="w3-opacity">Diseño de front-end</h6>
<p>Algunos diseñadores tienen miedo de tocar el código y otros simplemente prefieren otras herramientas. Sin embargo, muchos de los que lo prueban descubren que las tecnologías web no son solo para implementar aplicaciones de calidad de producción: son inmensamente poderosas en las etapas de diseño, ya sea para construir algo desde cero o para crear un prototipo de una visión existente.</p>
<p><a href="front-end.html" class="w3-button w3-black" style="background:linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);"><i class="fa fa-arrow-right"> </i> Ver mas</a></p>
</div>
</div>
</div>
<div class="w3-container w3-light-grey" style="padding:20px 16px">
<div class="w3-row-padding">
<div class="w3-col m6">
<h3><span style="color: #8c68b9;">Una introducción al diseño de la experiencia del usuario</span></h3>
<h6 class="w3-opacity">Experiencia del usuario</h6>
<p>Le tomó a nuestra industria varios años entender completamente cuán importante es la experiencia del usuario (UX) para todo lo que construimos. Ahora que podemos medir y confirmar la relación entre un buen UX y sitios web exitosos, las habilidades de UX tienen una gran demanda: PayScale muestra un salario medio de aproximadamente. .</p>
<p><a href="ux.html" class="w3-button w3-black" style="background:linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);"><i class="fa fa-arrow-right"> </i> Ver mas</a></p>
</div>
<div class="w3-col m6">
<img class="w3-image w3-round-large" src="http://leslywebd.esy.es/images/ux.png" alt="ux" width="700" height="394">
</div>
</div>
</div>
<!-- END w3-content -->
</div>
<!-- Footer -->
<footer class="w3-container w3-padding-32 w3-light-grey w3-center">
<button class="w3-button w3-black w3-disabled w3-padding-large w3-margin-bottom">Anterior</button>
<a href="content.html"><button class="w3-button w3-black w3-padding-large w3-margin-bottom" style="background:linear-gradient(135deg, #42e695 0%,#3bb2b8 100%);">Siguiente »</button></a>
<p>@copyright 2017 <a href="https://www.behance.net/LeslyParaguay" title="W3.CSS" target="_blank" class="w3-hover-text-green">Leslyparaguay.com</a></p>
</footer>
<script>
// Toggle between hiding and showing blog replies/comments
document.getElementById("myBtn").click();
function myFunction(id) {
var x = document.getElementById(id);
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
function likeFunction(x) {
x.style.fontWeight = "bold";
x.innerHTML = "✓ Liked";
}
</script>
</body>
</html>