-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
184 lines (153 loc) · 6.24 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
172
173
174
175
176
177
178
179
180
181
182
183
184
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Guia de gestion en diseño</title>
<link href="css/style.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<meta http-equiv="refresh" content="0; url=http://www.myfriendlisten.com/guias/clientes.html" />
</head>
<body>
<header>
<!-- <a href="index.html"><img src="img/logo-am.png"> <span>Pablo Iturra</span> <b>§</b> Designer & Front-End</a>-->
<a href="index.html"><img src="img/logo-am.png"> <span>Diseño y Gestión</span> <b>§</b> Esas locas cosas del diseño </a>
</header>
<div class="contenido">
<h1>Bienvenidos</h1>
<p>
En esta guia se podran encontrar trabajos escritos por
</p>
<section>
<article>
<h2>Titulo</h2>
<p>Descripcion</p>
<a href="#">Leer mas</a>
</article>
<article>
<h2>Titulo</h2>
<p>Descripcion</p>
<a href="#">Leer mas</a>
</article>
<article>
<h2>Titulo</h2>
<p>Descripcion</p>
<a href="#">Leer mas</a>
</article>
<article>
<h2>Titulo</h2>
<p>Descripcion</p>
<a href="#">Leer mas</a>
</article>
<article>
<h2>Titulo</h2>
<p>Descripcion</p>
<a href="#">Leer mas</a>
</article>
<article>
<h2>Titulo</h2>
<p>Descripcion</p>
<a href="#">Leer mas</a>
</article>
</section>
<aside>
<ul>
<li><a href="#">Bienvenido</a>
</li>
<li><a href="#">El fin de esta guia</a>
</li>
<li>
<a href="#">--------</a>
</li>
<li><a href="#">Cobrar (un proyecto)</a>
</li>
<li><a href="#">Cotizaciones y presupuestos</a>
</li>
<li><a href="#">Horas Hombre</a>
</li>
<li><a href="#">Valor del mercado</a>
</li>
<li><a href="#">Tamano de la empresa</a>
</li>
<li><a href="#">Valor del proyecto a Futuro</a>
</li>
<li><a href="#">Gestion</a>
</li>
<li><a href="#">Planificacion</a>
</li>
<li><a href="#">Planificacion anual</a>
</li>
<li>
<a href="#">--------</a>
</li>
<li><a href="#">Clientes</a>
</li>
<li><a href="#">Contratos</a>
</li>
<li>
<a href="#">--------</a>
</li>
<li><a href="#">Derechos de Autor</a>
</li>
<li>
<a href="#">--------</a>
</li>
<li><a href="#">Otros de Diseno</a>
</li>
<li><a href="#">IDEO User GuideLine</a>
</li>
<li><a href="#">Documentales</a>
</li>
</ul>
</aside>
</div>
<hr>
<section>
<div class="col_2">
<p>
Si cree que posee algun conocimiento/opinion/link que necesita ser compartido, no dude en colaborar en este guia.
<br> Las maneras de ayudar pueden ser por medio de
</p>
<ul>
<li>En los comentarios o via mail puede corregir faltas ortograficas y de redaccion.</li>
<li>Realizando pequenas donaciones como <a href="#">"Comprarme una cerveza".</a>
</li>
<li>Puede ayudar a escribir alguna guia o proponiendo alguna.</li>
<li>Mandando </li>
</ul>
</div>
<div class="col_2">
<p>
Tambien puede registrarse en el Newsletter para asi avisarle cuando publiquemos una nueva guia o se realicen grandes cambios/actualizaciones a alguna.
</p>
<label>
<input type="email" placeholder="mail@mailcom">
<button>Suscripcion</button>
</label>
</div>
</section>
<section class="colo">
<div class="col_2">
<b>Sobre mi</b> Me llamo Pablo Iturra, soy Diseñador de Interfaces Graficas y Diseño de Experiencias (UI/UX) con experiencia como Front-End Developer y director de proyectos. De Santiago de Chile para el mundo. Cheers.
</div>
<div class="col_2">
<b>Colophon</b> Diseñada, mantenida y programada por <a href="http://www.myfriendlisten.com/pablo">Pablo Iturra</a>. La Familia tipográfica utilizada es <a href="http://www.google.com/fonts" target="_blank">Merriweather</a> gracias a Google Fonts. También se utiliza <a href="http://fortawesome.github.io/Font-Awesome/" target="_blank">Font Awesome</a> para los iconos. Puede revisar los códigos y textos en <a href="http://github.com/openfunk/Guias" target="_blank">Github</a>. Esta guía posee solo <a href="http://creativecommons.org/licenses/by-sa/4.0/" target="_blank">algunos derechos reservados</a>. 2015.
</div>
</section>
<footer>
<!-- <a href="index.html"><img src="img/logo-am.png"> <span>Pablo Iturra</span> <b>§</b> Designer & Front-End</a>-->
<a href="index.html"><img src="img/logo-am.png"> Diseño y Gestión - Esas locas cosas del diseño</a>
</footer>
<a class="analy" title="Real Time Web Analytics" href="http://clicky.com/100787974"><img alt="Real Time Web Analytics" src="//static.getclicky.com/media/links/badge.gif" border="0" />
</a>
<script src="//static.getclicky.com/js" type="text/javascript"></script>
<script type="text/javascript">
try {
clicky.init(100787974);
} catch (e) {}
</script>
<noscript>
<p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/100787974ns.gif" />
</p>
</noscript>
</body>
</html>