-
Notifications
You must be signed in to change notification settings - Fork 0
/
actividades.html
179 lines (176 loc) · 9.44 KB
/
actividades.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
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
<!DOCTYPE HTML>
<html lang="es">
<head>
<title>ConoceMadrid</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="description" content="Lugares de interés que debe visitar antes de irse de Madrid"/>
<meta name="keywords" content="Madrid, Lugares, Interes, Actividad">
<meta name="author" content="Alberto, Jaime, Ramon y Roberto"/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<!-- start top_js_button -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript" src="js/menu.js"></script>
<script type="text/javascript">
jQuery(document).ready(function ($) {
$(".scroll").click(function (event) {
event.preventDefault();
$('html,body').animate({
scrollTop: $(this.hash).offset().top
}, 1200);
});
});
</script>
</head>
<body>
<!-- start header -->
<div class="header_bg">
<div class="wrap">
<div class="header">
<div class="logo">
<a href="index.html" ><img src="images/madrid-logo.png" alt="Logo ConoceMadrid" height="50px" /> </a>
</div>
<div class="social-icons">
<ul>
<li>
<a href="https://es-es.facebook.com/ComunidadMadrid/" target="_blank" aria-label="Facebook"><div style="display: none">Facebook</div></a>
</li>
<li>
<a href="https://twitter.com/comunidadmadrid?lang=es" target="_blank" aria-label="Twitter"><div style="display: none">Twitter</div></a>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- start header -->
<div class="header_btm">
<div class="wrap">
<div class="header_sub">
<div class="h_menu">
<ul>
<li><a accesskey="1" href="index.html" >Inicio</a></li>
<li><a accesskey="2" href="lugares.html" >Lugares de interés</a></li>
<li><a accesskey="3" href="dondecomer.html" >Dónde comer</a></li>
<li class="active"><a accesskey="4" href="actividades.html" >Actividades</a></li>
<li><a accesskey="5" href="postal.html">Enviar Postal</a></li>
</ul>
</div>
<div class="menu">
<ul>
<li><a accesskey="1" href="index.html" >Inicio</a></li>
<li><a accesskey="2" href="lugares.html" >Lugares de interés</a></li>
<li><a accesskey="3" href="dondecomer.html" >Dónde comer</a></li>
<li class="active"><a accesskey="4" href="actividades.html" >Actividades</a></li>
<li><a accesskey="5" href="postal.html">Enviar Postal</a></li>
</ul>
</div>
<div class="sub-head">
<ul> <a href="#" id="menu" alt="Desplegar menú">Menu</a> </ul>
<div class="clear"></div>
</div>
<script type="text/javascript">
$(".menu,.search").hide();
$("#menu").click(function () {
$(".menu").toggle();
$(".search").hide();
$("#search").removeClass("active");
$("#menu").toggleClass("active");
});
$("#search").click(function () {
$(".search").toggle();
$(".menu").hide();
$("#menu").removeClass("active");
$("#search").toggleClass("active");
$(".text").focus();
});
</script>
<script type="text/javascript" src="js/script.js"></script>
<div class="clear"></div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- start top_bg -->
<div class="top_bg">
<div class="wrap">
<div class="top">
<h1>actividades culturales</h1> </div>
</div>
</div>
<!-- start main -->
<div class="wrap">
<div class="main">
<div class="blog">
<div class="blog_list">
<h2>Autobús Tour Centro</h2>
<div class="blog_para">
<p class="para">
<a href="autobus.html"><img src="images/blog1.jpg" alt="Autobús frente a Palacio Real"></a>Madrid City Tour es una de las formas más cómodas y sencillas de conocer la ciudad. Es tan fácil como comprar el billete, válido para uno o dos días según la tarifa elegida, montarse en el autobús, colocarse los auriculares para seguir la audioguía y disfrutar de las calles, los monumentos y los puntos de interés, con la posibilidad de bajarse donde más apetezca y volver a subir cuantas veces queramos.</p>
<div class="read_more"> <a class="btn" href="autobus.html" aria-label="Leer más de Autobús frente a Palacio Real">Leer más</a> </div>
<div class="clear"></div>
</div>
</div>
<div class="blog_list">
<h2>Pack Museos</h2>
<div class="blog_para">
<p class="para">
<a href="museos.html"><img src="images/blog2.jpg" alt="Galería Museo del Prado"></a>Hay muchas maneras de disfrutar de Madrid con niños, y una de ellas es conocer sus fantásticos museos y las acitividades que ofrecen para el público infantil. Con esta breve guía de 7 museos de Madrid para disfrutar con niños podréis haceros una idea de las posibilidades que las instituciones de la capital española ofrecen</p>
<div class="read_more"> <a class="btn" href="museos.html" aria-label="Leer más de Galería Museo del Prado">Leer más</a> </div>
</div>
<div class="clear"></div>
</div>
<div class="blog_list">
<h2>Vista Toledo </h2>
<div class="blog_para">
<p class="para">
<a href="toledo.html"><img src="images/blog3.jpg" alt="Vista Aérea Toledo"></a>Un día en Toledo siempre sabe a poco. La famosa “ciudad de las tres culturas” nos espera muy cerca de la capital de España, a escasos 70 kilómetros de Madrid. Su casco histórico, declarado Patrimonio de la Humanidad por la UNESCO, es apasionante, entre otros motivos, porque conserva tal cual el trazado que tenía en la Edad Media. El recorrido por sus estrechas calles nos descubrirá un conjunto monumental increíble y muy vivo, tanto por dentro como por fuera.</p>
<div class="read_more"> <a class="btn" href="toledo.html" aria-label="Leer más de Vista Aérea Toledo">Leer más</a> </div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- start footer -->
<div class="footer_bg1">
<div class="wrap">
<div class="footer1">
<!-- scroll_top_btn -->
<script type="text/javascript">
$(document).ready(function () {
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200
, easingType: 'linear'
};
$().UItoTop({
easingType: 'easeOutQuart'
});
});
</script> <a href="#" id="toTop" style="display: block;" aria-label="Volver al principio"><span id="toTopHover" style="opacity: 1;"><div style="display: none">Volver al principio</div></span></a>
<!--end scroll_top_btn -->
<div class="social-icons">
<ul>
<li>
<a href="https://es-es.facebook.com/ComunidadMadrid/" target="_blank" aria-label="Facebook"><div style="display: none">Facebook</div></a>
</li>
<li>
<a href="https://twitter.com/comunidadmadrid?lang=es" target="_blank" aria-label="Twitter"><div style="display: none">Twitter</div></a>
</li>
</ul>
</div>
<div class="copy">
<p class="link"><span>© 2017 Práctica Accesibilidad | Multimedia | Diseñado por: Alberto Álvarez, Jaime Álvarez, Roberto Pérez, Ramón Serrano</span></p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</body>
</html>