-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathgallery.html
72 lines (64 loc) · 3.49 KB
/
gallery.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
<!DOCTYPE html>
<html>
<head>
<title>Sendas de África</title>
<meta charset="utf-8" />
<link href="sendasdeafrica.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="shortcut icon" href="images/sendasdeafrica.ico" />
</head>
<body>
<div class="menu">
<h1 class="title"><a href="index.html">Sendas de África</a></h1>
<hr />
<p class="quote1">“Quien vive ve mucho.</p>
<p class="quote2">Quien viaja ve más.”</p>
<p class="author">~Proverbio Árabe</p>
<div class="links">
<a href="gallery.html"><img src="images/camera.png" alt="Pictures" /><span class="overlay">Galería</span></a>
<a href="mailto:sendasdeafrica@hotmail.com"><img src="images/envelope.png" alt="Contact" /><span class="overlay">Contacto</span></a>
<a href="botswana.html"><img src="images/botswana.png" /><span class="overlay">Botsuana</span></a>
<a href="kenya.html"><img src="images/kenya.png" /><span class="overlay">Kenia</span></a>
<a href="namibia.html"><img src="images/namibia.png" /><span class="overlay">Namibia</span></a>
<a href="southafrica.html"><img src="images/southafrica.png" /><span class="overlay">Sudáfrica</span></a>
</div>
</div>
<div class="content">
<div class="gallery">
<ul class="thumbs">
<li class="thumb"><a href="#1"><img src="gallery/image_01_.jpg" alt="Image 1" /></a></li>
<li class="thumb"><a href="#2"><img src="gallery/image_02_.jpg" alt="Image 2" /></a></li>
<li class="thumb"><a href="#3"><img src="gallery/image_03_.jpg" alt="Image 3" /></a></li>
<li class="thumb"><a href="#4"><img src="gallery/image_04_.jpg" alt="Image 4" /></a></li>
<li class="thumb"><a href="#5"><img src="gallery/image_05_.jpg" alt="Image 5" /></a></li>
<li class="thumb"><a href="#6"><img src="gallery/image_06_.jpg" alt="Image 6" /></a></li>
</ul>
<ul class="slider">
<li class="slide" id="1">
<img src="gallery/image_01.jpg" alt="Image 1" />
<span class="description">Esto es un coche "escalando" una duna.</span>
</li>
<li class="slide" id="2">
<img src="gallery/image_02.jpg" alt="Image 2" />
<span class="description">Una cama estilosa con tres cojines rojos.</span>
</li>
<li class="slide" id="3">
<img src="gallery/image_03.jpg" alt="Image 3" />
<span class="description">¡Un coche! ¡Guay!</span>
</li>
<li class="slide" id="4">
<img src="gallery/image_04.jpg" alt="Image 4" />
<span class="description">Un baño realmente chulo.</span>
</li>
<li class="slide" id="5">
<img src="gallery/image_05.jpg" alt="Image 5" />
<span class="description">Esta es una habitación de ensueño que cualquiera adoraría. Lo malo es cuándo te das cuenta de que no importa que tenga una cortina para los mosquitos ya que pueden pasar por arriba sin ningún problema...</span>
</li>
<li class="slide" id="6">
<img src="gallery/image_06.jpg" alt="Image 6" />
<span class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</span>
</li>
</ul>
</div>
</div>
</body>
</html>