-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (82 loc) · 2.71 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="styles.css">
<link rel="icon" type="image/png" href="icon.png" />
<title>Viajaja</title>
</head>
<body>
<div class="todo">
<header class="header">
<figure class="logo">
<img src="images/logo.png" width="200" alt="logo" />
<div class="menu">
<a href="index.html" class="activo">Home</a>
<a href="index.html#top">Top semana</a>
<a href="reserva.html">Reserva</a>
<a href="destinos.html">Destinos</a>
<a href="precios.html">Precios</a>
<a href="contacto.html">Contacto</a>
</div>
</figure>
<div class="portada">
<h1>Viaja con una sonrisa ;)</h1>
<h3>Viajes felices de principio a fin y si es posible sin fin</h3>
<a href="destinos.html#des" class="button">Conoce más</a>
</div>
</header>
<section class="top" id="top">
<h2 class="des">Lo más buscado de la semana</h2>
<article class="london">
<a href="london.jpg"><img src="images/london.jpg" width="610px" height="420px" alt="London-Image" /></a>
<div class="cont-london">
<h2> London</h2>
<h4> Rázones de los usuarios:</h4>
<ol>
<li> Un ciudad imperial</li>
<li> Una arquitectura clásica</li>
<li> Un lugar donde nadie es igual</li>
</ol>
<br>
<a class="button" href="reserva.html#formulario">Reserva ya!!</a>
</div>
</article>
<article class="tokio">
<a href="tokio.jpg"><img src="images/tokio.jpg" width="560px" alt="Tokio-Image" /></a>
<div class="cont-tokio">
<h2>Tokio</h2>
<h4>Rázones de los usuarios:</h4>
<ol>
<li>La perla de Asia</li>
<li>Un ciudad extravagante</li>
<li>La ciudad de la tecnología</li>
</ol>
<br>
<a class="button" href="reserva.html#formulario">Reserva ya!!</a>
</div>
</article>
</section>
<br><br>
<footer class="footer">
<div class="cont-footer">
<div class="contacto">
<img src="images/footer.png" width="200" alt="logo">
<a href="tel:+34912919299"><strong>Telefono</strong><span>912919299</span></a>
<a href="mailto:[email protected]"><strong>Email</strong><span>[email protected]</span></a>
</div>
<div>
<iframe width="460" height="300" src="https://www.youtube.com/embed/ioYqFtr2D0Q" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>
</div>
<div class="comentarios">
<fieldset>
<legend><h2><strong>COMENTARIOS</strong></h2></legend>
<textarea name="comentarios" id="comentarios" cols="40" rows="11"></textarea><br>
<a href="index.html"><input type="submit" required value="Enviarlo" class="button" /></a>
</fieldset>
</div>
</div>
</footer>
</div>
</body>
</html>