-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (55 loc) · 2.23 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
<!doctype html>
<html lang="eng">
<head>
<meta charset="UTF-8">
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
<title>Ciudad gentrificada</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div id="big-wrapper">
<header id="top-header">
<div id="video-wrapper">
<video loop muted autoplay poster="img/videoframe.jpg">
<source src="video/gsv.mp4" type="video/mp4">
<source src="video/gsv.webm" type="video/webm">
<source src="video/gsv.ogv" type="video/ogg">
</video>
</div>
<nav id="top-menu">
<ul>
<a href= "index.html"><li>Home</li> </a>
<a href= "index.html"><li>Proyecto</li> </a>
<a href= "#map-carto"><li> Mapa de entradas</li> </a>
</ul>
</nav>
<div class="title">
<a href= "index.html"> <h1>A l t e r a c i o n e s U r b a n a s</h1> </a>
<h3>Descubre y captura transformaciones urbanas en México </p>
Ayudanos a visualizar los rasgos espaciales de la gentrificación</p> </h3>
<button type="button" onclick="location.href='colonias.html'">Explora</button>
</div>
</header>
<div id= "title2">
<ul>
<a href= "index.html"><li>¿Cómo funciona?</li> </a>
<a href= "colonias.html"><li>Explora</li> </a>
<a href= "index.html"><li> Comunidad </li> </a>
</ul>
</div>
<div id= "title3">
<ul>
<li>Cualquier persona puede capturar</p>imágenes de las transformaciones </p> urbanas utilizando GSV</li>
<li>Explora casos interesantes</p> de la Ciudad de México</li>
<li>Estamos preocupados por registrar y</p>denunciar las consecuencias sociales</p> de la mala urbanización </li>
</ul>
</div>
<div id="map-carto">
<h3> Los puntos muestran las colonias que ya han sido mapedas <a href= "index.html"> explora! </a></h3>
<iframe width="100%" height="520" frameborder="0" src="https://acadhe.cartodb.com/viz/1d58d982-bfe6-11e5-8558-0ef24382571b/embed_map" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>
</div>
<footer id="thefooter">
<a href=" https://acadhe.github.io/NDC_ba/index.html">© Arturo Cadena </a>
</footer>
</div>
</body>