-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
213 lines (199 loc) · 9.93 KB
/
Copy pathindex.html
File metadata and controls
213 lines (199 loc) · 9.93 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
<!DOCTYPE HTML>
<!--
Spectral by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Spectral by HTML5 UP</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="assets/css/main.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
</head>
<body class="landing">
<!-- Page Wrapper -->
<div id="page-wrapper">
<!-- Header -->
<header id="header" class="alt">
<h1><a href="index.html">Spectral</a></h1>
<nav id="nav">
<ul>
<li class="special">
<a href="#menu" class="menuToggle"><span>Menu</span></a>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="generic.html">Generic</a></li>
<li><a href="elements.html">Elements</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Log In</a></li>
</ul>
</div>
</li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="inner">
<h2>Spectral</h2>
<p>Another fine responsive
<br /> site template freebie
<br /> crafted by <a href="http://html5up.net">HTML5 UP</a>.</p>
<ul class="actions">
<li><a href="#" class="button special">Activate</a></li>
</ul>
</div>
<a href="#one" class="more scrolly">Aprender más</a>
</section>
<!-- One -->
<section id="one" class="wrapper style1 special">
<div class="inner">
<header class="major">
<h2>Redes sociales</h2>
<p>Descripción de las redes sociales más relevantes en tiempos actuales</p>
</header>
<ul class="icons major">
<li><span class="icon fa-diamond major style1"><span class="label">Lorem</span></span>
</li>
<li><span class="icon fa-heart-o major style2"><span class="label">Ipsum</span></span>
</li>
<li><span class="icon fa-code major style3"><span class="label">Dolor</span></span>
</li>
</ul>
</div>
</section>
<!-- Two -->
<section id="two" class="wrapper alt style2">
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div>
<div class="content">
<h2 class="icon fa-facebook major">
Facebook</h2>
<p>Es un sitio web de redes sociales creado por Mark Zuckerberg y fundado junto a Eduardo Saverin, Chris
Hughes y Dustin Moskovitz. Originalmente era un sitio para estudiantes de la Universidad de Harvard.</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic02.jpg" alt="" /></div>
<div class="content">
<h2 class="icon fa-twitter major">
Twitter</h2>
<p>es un servicio de microblogging, con sede en San Francisco, California, con filiales en San Antonio (Texas)
y Boston (Massachusetts) en Estados Unidos. Twitter, Inc. fue creado originalmente en California,
pero está bajo la jurisdicción de Delaware desde 2007 </p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic03.jpg" alt="" /></div>
<div class="content">
<h2 class="icon fa-youtube major">
Youtube</h2>
<p>es un sitio web en el cual los usuarios pueden subir y compartir vídeos. Aloja una variedad de clips
de películas, programas de televisión y vídeos musicales, así como contenidos amateur como videoblogs.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div>
<div class="content">
<h2 class="icon fa-github major">
Github</h2>
<p>es un sitio web en el cual los usuarios pueden subir y compartir vídeos. Aloja una variedad de clips
de películas, programas de televisión y vídeos musicales, así como contenidos amateur como videoblogs.
</p>
</div>
</section>
<section class="spotlight">
<div class="image"><img src="images/pic01.jpg" alt="" /></div>
<div class="content">
<h2 class="icon fa-linkedin major">
Linkedin</h2>
<p>es un sitio web en el cual los usuarios pueden subir y compartir vídeos. Aloja una variedad de clips
de películas, programas de televisión y vídeos musicales, así como contenidos amateur como videoblogs.
</p>
</div>
</section>
</section>
<!-- Three -->
<section id="three" class="wrapper style3 special">
<div class="inner">
<header class="major">
<h2>Servicio de correo electronico</h2>
<p>Sitios web y plataformas más utilizadas para manejo de correo electronico.</p>
</header>
<ul class="features">
<li class="icon fa-paper-plane-o">
<h3>Gmail</h3>
<p>Gmail es simple y fácil de usar. Cuenta con más de 10 GB de almacenamiento gratuito.</p>
</li>
<li class="icon fa-laptop">
<h3>Outlook</h3>
<p>Outlook.com es el nuevo, servicio de correo electrónico Hotmail.com reinventado.</p>
</li>
<li class="icon fa-envelope">
<h3>Zoho Mail</h3>
<p>Zoho Mail está dirigido a profesionales. Cuenta con calendario, administrador de tareas, notas y
chat instantáneo.</p>
</li>
<li class="icon fa-headphones">
<h3>Mail.com</h3>
<p>Mail.com ofrece la mayoría de las características importantes del email que podrías estar pensando</p>
</li>
<li class="icon fa-heart-o">
<h3>Yahoo</h3>
<p>El nuevo Yahoo! Mail se encuentra entre los mejores servicios de correo electrónico gratuitos disponibles
en la web y dispositivos móviles.</p>
</li>
<li class="icon fa-flag-o">
<h3>GMX</h3>
<p>GMX no es tan popular, pero ofrece servicios de correo electrónico muy fiable. El spam y los virus
son bien filtrados. </p>
</li>
</ul>
</div>
</section>
<!-- CTA -->
<section id="cta" class="wrapper style4">
<div class="inner">
<header>
<h2>Arcue ut vel commodo</h2>
<p>Aliquam ut ex ut augue consectetur interdum endrerit imperdiet amet eleifend fringilla.</p>
</header>
<ul class="actions vertical">
<li><a href="#" class="button fit special">Activate</a></li>
<li><a href="#" class="button fit">Learn More</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="#" class="icon fa-dribbble"><span class="label">Dribbble</span></a></li>
<li><a href="#" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
<li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li>
<li><a href="#" class="icon fa-youtube"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© Untitled</li>
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- 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/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
<script src="assets/js/main.js"></script>
</body>
</html>