-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
162 lines (154 loc) · 7.32 KB
/
Copy pathindex.html
File metadata and controls
162 lines (154 loc) · 7.32 KB
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
<!DOCTYPE HTML>
<html>
<head>
<title>Eichenberger Charles Henry</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NCDP8CR6CC"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-NCDP8CR6CC');
</script>
</head>
<body class="is-preload">
<!-- Sidebar -->
<section id="sidebar">
<div class="inner">
<nav>
<ul>
<li><a href="#intro">Mis Vacaciones</a></li>
<li><a href="#one">El desierto de Huacachina</a></li>
<li><a href="#three">Contacto</a></li>
</ul>
</nav>
</div>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Intro -->
<section id="intro" class="wrapper style1 fullscreen fade-up">
<div class="inner">
<h1>Mis Vacaciones</h1>
<p>Esta vez me tocó recorrer el hermoso paisaje, calido, atrapante y alejado del DESIERTO DE HUACACHINA, en este, podemos toparnos con la deslumbrante vista de un OASIS, si como leyeron, un oasis en medio de tanta soledad y arena. Haz click en <a href="https://es.wikipedia.org/wiki/Huacachina">HUACACHINA</a><br />
para conocer mas sobre este desierto y tambíen pueden conocer mas de <a href="https://es.wikipedia.org/wiki/Geograf%C3%ADa_del_Per%C3%BA">Perú</a>.</p>
<ul class="actions">
<li><a href="#one" class="button scrolly">El desierto</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="wrapper style2 spotlights">
<section>
<a class="image"><img src="images/Huacachina.jpg" alt="desierto" data-position="center center"/></a>
<div class="content">
<div class="inner">
<h2>El desierto y el oasis de Huacachina</h2>
<p>Encontrarse un precioso desierto de inmensas dunas blancas en Perú es toda una sorpresa, más aún cuando descubres que existe un oasis natural color esmeralda en medio de esa immensidad. Hace unos años, en Huacachina había dos oasis, pero uno de ellos ha desaparecido prácticamente, debido a la sequía del desierto.</p>
</div>
</div>
</section>
<section>
<a class="image"><img src="images/oasis.jpg" alt="oasis" data-position="top center" /></a>
<div class="content">
<div class="inner">
<h2>Leyenda de Huacachina</h2>
<p>Huacca (llorar) y china (mujer) escrito en Quechua son las palabras que han dado nombre a Huacachina. “La mujer que llora” o “La que hace llorar” es lo que significa Huacachina y todo proviene de una leyenda….</p>
<blockquote>Hace siglos había una princesa Inca que estaba paseando por el desierto con su espejo, observando su precioso reflejo y cantando melodías a un amor imposible. La princesa, de ojos color esmeralda y pelo negro, estaba mirándose en el espejo cuando vio a un hombre reflejado detrás de ella. Al asustarse, dejó caer el espejo y éste se rompió en pequeños trocitos de vidrio que se convirtieron en la laguna de Huacachina.</blockquote>
<p>Algunos habitantes de Huacachina recomiendan a los turistas no bañarse en el Oasis, pues como cuenta la leyenda… cada año la sirena se lleva a alguien bajo sus aguas.</p>
</div>
</div>
</section>
<section>
<a class="image"><img src="images/aboutme.jpg" alt="persona" data-position="25% 25%" /></a>
<div class="content">
<div class="inner">
<h2>Acerca de Mi</h2>
<p>¿Quien es Charles?, ¿Hace cuanto programa?, ¿Que proyectos empezó?, estas y muchas mas preguntas te las voy a responder si haces un click en el siguiente botón.</p>
<ul class="actions">
<li><a href="biografia.html" class="button">Biografia</a></li>
</ul>
</div>
</div>
</section>
</section>
<section id="three" class="wrapper style1 fade-up">
<div class="inner">
<h2>Contacto</h2>
<p>Este es un formulario de prueba, solo esta para practicar, como realizar un form, no tiene una base de datos en este momento.</p>
<div class="split style1">
<section>
<form method="post" action="#">
<div class="fields">
<div class="field half">
<label for="name">Nombre</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Correo</label>
<input type="text" name="email" id="email" />
</div>
<div class="field">
<label for="message">Contame algo:</label>
<textarea name="message" id="message" rows="5"></textarea>
</div>
</div>
<ul class="actions">
<li><a href="https://www.linkedin.com/in/eichenbergerche/" class="button">Enviar mensaje</a></li>
</ul>
</form>
</section>
<section>
<ul class="contact">
<li>
<h3>Dirección</h3>
<span>Corrientes Capital<br />Corrientes<br />
Argentina</span>
</li>
<li>
<h3>Correo</h3>
<a href="mailto:eichenbergerche@gmail.com">eichenbergerche@gmail.com</a>
</li>
<li>
<h3>Teléfono</h3>
<span>(+54) 3795-083621</span>
</li>
<li>
<h3>Social</h3>
<ul class="icons">
<li><a href="https://github.com/eichenbergerche" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://www.instagram.com/orbita.publicidad.digital/" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/in/eichenbergerche/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
</ul>
</li>
</ul>
</section>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer" class="wrapper style1-alt">
<div class="inner">
<ul class="menu">
<li>© ORBITA Publicidad Digital. All rights reserved</li><li>Diseño: <a href="https://github.com/eichenbergerche/">Charles Henry Eichenberger</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101312869);</script>
<script async src="//static.getclicky.com/js"></script>
<noscript><p><img alt="Clicky" width="1" height="1" src="//in.getclicky.com/101312869ns.gif" /></p></noscript>
</body>
</html>