This repository has been archived by the owner on Jul 7, 2021. It is now read-only.
forked from fcorona/BogotaData
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (127 loc) · 3.69 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
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>BogotaData</title>
<link rel="stylesheet" href="css/app.css" />
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<script src="bower_components/modernizr/modernizr.js"></script>
</head>
<body>
<header>
<div class="row">
<div class="large-4 columns">
<a href="index.html"><img class="logo" src="img/logo.svg" alt="BogotaData"></a>
</div>
<div class="large-2 large-push-2 columns">
<input type="text" name="user" placeholder="Usuario">
</div>
<div class="large-2 large-push-2 columns">
<input type="text" name="pass" placeholder="Password">
</div>
<div class="large-2 columns">
<input type="submit" class="button [tiny small large]" value="Entrar">
</div>
</div>
<div class="row">
<div class="large-11 large-centered columns">
<h2>Ciudadanos que participan y activan a Bogotá D.C.</h2>
</div>
<div class="large-7 large-centered columns"style="margin-bottom: 2em;">
<h3>Ahora es posible ver lo que pasa Bogotá!</h3>
</div>
</div>
</header>
<article class="row">
<div class="large-4 columns">
<ul class="ret anim">
<li>
<figure>
<div><img src="img/tiempo.jpg" width="300px" alt="img05"></div>
<figcaption>
<h4>Tiempo y clima</h4>
<span class="author">Rubén Avila</span>
<a href="ver.html">Vamos allá!</a>
</figcaption>
</figure>
</li>
</div>
<div class="large-4 columns">
<ul class="ret anim">
<li>
<figure>
<div><img src="img/museo.jpg" width="300px" alt="img05"></div>
<figcaption>
<h4>Deserción Educativa</h4>
<span class="author">Julian FigueroApi</span>
<a href="ver.html">Vamos allá!</a>
</figcaption>
</figure>
</li>
</div>
<div class="large-4 columns">
<ul class="ret anim">
<li>
<figure>
<div><img src="img/comida.jpg" width="300px" alt="img05"></div>
<figcaption>
<h4>Comida y Salud</h4>
<span class="author">Dani Molotov</span>
<a href="ver.html">Vamos allá!</a>
</figcaption>
</figure>
</li>
</div>
</article>
<article class="row" style="margin-bottom: 2em;">
<div class="large-4 columns">
<ul class="ret anim">
<li>
<figure>
<div><img src="img/educacion.jpg" width="300px" alt="img05"></div>
<figcaption>
<h4>Educacion y Politica</h4>
<span class="author">Ruben Avila</span>
<a href="ver.html">Vamos allá!</a>
</figcaption>
</figure>
</li>
</div>
<div class="large-4 columns">
<ul class="ret anim">
<li>
<figure>
<div><img src="img/fiesta.jpg" width="300px" alt="img05"></div>
<figcaption>
<h4>Festividades y Fiestas</h4>
<span class="author">Andrea Rojas</span>
<a href="ver.html">Vamos allá!</a>
</figcaption>
</figure>
</li>
</div>
<div class="large-4 columns">
<ul class="ret anim">
<li>
<figure>
<div><img src="img/transporte.jpg" width="300px" alt="img05"></div>
<figcaption>
<h4>Vehiculos y Residencias</h4>
<span class="author">Daniel</span>
<a href="ver.html">Vamos allá!</a>
</figcaption>
</figure>
</li>
</div>
</article>
<footer>
<div class="large-2 columns large-centered">
<a href="crear.html" class="button">Crear</a>
</div>
</footer>
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/foundation/js/foundation.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>