-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathservicios.html
81 lines (81 loc) · 5.19 KB
/
servicios.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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="shortcut icon" href="./src/img/ini-ico.png">
<link rel="stylesheet" href="./src/css/style.css">
<link rel="stylesheet" href="./src/css/servicios.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Enriqueta">
<title>Casa Luisa</title>
</head>
<header>
<div id="header">
<div id="head">
<div id="h1"><h1><a href="./index.html">Casa Luisa</a></h1></div>
<div><button id="button"><hr><hr><hr></button></div>
</div>
<nav class="menu" id="menu">
<ul>
<li class="menu"><a href="./index.html">Inicio</a></li>
<li class="menu"><a href="./casa.html">Casa</a></li>
<li class="menu" id="selected"><a href="./servicios.html">Servicios</a></li>
<li class="menu"><a href="./reservas.html">Reservas</a></li>
<li class="menu"><a href="./contacto.html">Contacto</a></li>
</ul>
</nav>
</div>
<nav class="menu" id="despmenu">
<ul>
<li class="menu"><a href="./index.html">Inicio</a></li>
<li class="menu"><a href="./casa.html">Casa</a></li>
<li class="menu" id="selected"><a href="./servicios.html">Servicios</a></li>
<li class="menu"><a href="./reservas.html">Reservas</a></li>
<li class="menu"><a href="./contacto.html">Contacto</a></li>
</ul>
</nav>
</header>
<body>
<div class="contenido">
<h2>¿Que ofrecemos?</h2>
<p>Casa Luisa ofrece distintos servicios, desde rutas guiadas por las sendas del entorno, hasta vías de escalada de todos los niveles, pasando por paseos en kayak por el embalse. Nuestros guías y monitores estarán encantados de guiaros en vuestras actividades, y os recomendarán las que más se adapten a vosotros.</p>
<div>
<div>
<h3>· Senderismo</h3>
<div class="serv-div">
<img src="./src/img/senderismo/1.jpg" alt="" class="serv-img">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae, maiores. Veritatis blanditiis aut vero ullam soluta quia cum consectetur asperiores error vitae fugit impedit, facere cupiditate culpa aliquam odit numquam consequatur recusandae atque quis. Qui non iste distinctio nulla? Non nulla doloribus laborum ratione voluptates totam nostrum recusandae vero mollitia!</p>
</div>
</div>
<div>
<h3>· Kayak</h3>
<div class="serv-div">
<img src="./src/img/kayak/1.jpg" alt="" class="serv-img">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae, maiores. Veritatis blanditiis aut vero ullam soluta quia cum consectetur asperiores error vitae fugit impedit, facere cupiditate culpa aliquam odit numquam consequatur recusandae atque quis. Qui non iste distinctio nulla? Non nulla doloribus laborum ratione voluptates totam nostrum recusandae vero mollitia!</p>
</div>
</div>
<div>
<h3>· Escalada</h3>
<div class="serv-div">
<img src="./src/img/escalada/1.jpg" alt="" class="serv-img">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae, maiores. Veritatis blanditiis aut vero ullam soluta quia cum consectetur asperiores error vitae fugit impedit, facere cupiditate culpa aliquam odit numquam consequatur recusandae atque quis. Qui non iste distinctio nulla? Non nulla doloribus laborum ratione voluptates totam nostrum recusandae vero mollitia!</p>
</div>
</div>
<div>
<h3>· Piscina-Spa</h3>
<div class="serv-div">
<img src="./src/img/piscina/1.jpg" alt="" class="serv-img">
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae, maiores. Veritatis blanditiis aut vero ullam soluta quia cum consectetur asperiores error vitae fugit impedit, facere cupiditate culpa aliquam odit numquam consequatur recusandae atque quis. Qui non iste distinctio nulla? Non nulla doloribus laborum ratione voluptates totam nostrum recusandae vero mollitia!</p>
</div>
</div>
</div>
</div>
</body>
<footer>
<div class="footer">
<p>This is a mock page for a class project; do not attemp to make a reservation. This is made for edecutional purposes and does not make any revenue.</p>
</div>
<script src="./src/js/menu.js"></script>
</footer>
</html>