-
Notifications
You must be signed in to change notification settings - Fork 0
/
listado.html
223 lines (201 loc) · 10.2 KB
/
listado.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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Favor X Favor</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="assets/plugins/prism/prism.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll">
<!---//Facebook button code-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- ******HEADER****** -->
<header id="header" class="header">
<div class="container">
<div class=" pull-left">
<img src="assets/images/logo_prin.png">
</div><!--//logo-->
<nav id="main-nav" class="main-nav navbar-right" role="navigation">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button><!--//nav-toggle-->
</div><!--//navbar-header-->
<div class="navbar-collapse collapse" id="navbar-collapse">
<ul class="nav navbar-nav">
<li class="nav-item"><a href="#">Necesito un Favor</a></li>
<li class="nav-item"><a href="#">Ofrezco un Favor</a></li>
<li class="dropdown nav-item">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><i class="glyphicon glyphicon-user"></i> Usuario <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Perfil</a></li>
<li class="divider"></li>
<li><a href="#">Cerrar Sesión</a></li>
</ul>
</li>
<!--
<li class="nav-item"><a class="scrollto" href="#">Registrate</a></li>
<li class="dropdown nav-item last">
<a class="dropdown-toggle" href="#" data-toggle="dropdown" id="navLogin">Iniciar Sesión</a>
<div class="dropdown-menu" style="padding:17px;">
<form class="form" id="formLogin">
<input name="username" id="username" type="text" placeholder="Usuario" style="padding:5px; margin:4px">
<input name="password" id="password" type="password" placeholder="Clave" style="padding:5px; margin:4px"><br>
<button type="button" id="btnLogin" class="btn">Ingresar</button>
<hr style="margin-bottom:5px; margin-top:10px">
<span style="color:black; font-size:12px;"><a href="#">¿Has olvidado tu clave?</a></span>
</form>
</div>
</li>
-->
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div>
</header><!--//header-->
<!-- ******ABOUT****** -->
<section id="what" class="about section">
<div class="container" style="margin-top:30px;">
<div class="row">
<div class="col-md-5">
<h2 style="color:black">En que te podemos servir?
<p class="lead">busca algún favor</p>
</h2>
</div>
<div class="col-md-7">
<div class="row">
<div class="col-sm-12">
<ul class="nav nav-tabs">
<li role="presentation" class="active"><a href="#">Bienes</a></li>
<li role="presentation"><a href="#">Servicios</a></li>
</ul>
<div class="" style="margin-top:10px;">
<div class="input-group">
<div class="input-group-btn">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Categoría <span class="caret"></span></button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Hogar</a></li>
<li><a href="#">Educación</a></li>
<li><a href="#">Salud</a></li>
<li><a href="#">Tecnología</a></li>
<li><a href="#">Otros</a></li>
</ul>
</div><!-- /btn-group -->
<input type="text" class="form-control" aria-label="..." style="padding: 18px;">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div><!-- /input-group -->
</div>
</div>
</div>
</div>
</div>
</div>
</div><!--/container-->
<!--main-->
<div class="container">
<div class="row">
<!--left-->
<div class="col-md-3" id="leftCol">
<ul class="nav nav-stacked" id="sidebar">
<li><h2>Categorias</h2></li>
<li><a href="#">Hogar</a></li>
<li><a href="#">Educación</a></li>
<li><a href="#">Salud</a></li>
<li><a href="#">Tecnología</a></li>
<li><a href="#">Otros</a></li>
</ul>
</div><!--/left-->
<!--right-->
<div class="col-md-9">
<div class="row">
<div class="col-md-12" style="
margin-top: 20px;"
>
<div class="panel panel-default">
<div class="panel-heading">
<h3>Prestamo de Herramientas de plomeria</h3>
<div style="float:right; margin-top:-40px"><i class="glyphicon glyphicon-user"></i> 5 Personas Ofrecen este Favor</div>
</div>
<div class="panel-body">
<b>Descripción: </b>Caja de herramientas en muy buen estado para trabajos de plomeria, llaves tubo, alicate, teflon, entre otros.
<br><br>
<b>Lugar: </b>Municipio Chacao, Pajarito (a 840mts)
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><h3>Bicicleta Rin 24</h3>
<div style="float:right; margin-top:-40px"><i class="glyphicon glyphicon-user"></i> 2 Persona Ofrece este Favor</div>
</div>
<div class="panel-body">
<b>Descripción: </b>Bicicleta Rin 24 de 14 cambios perfecta para montaña y ruta urbana, solo disponible entre semana.
<br><br>
<b>Lugar: </b>Municipio Chacao, Bucaral (a 1840mts)
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading"><h3>Motor Home.</h3></div>
<div style="float:right; margin-top:-40px"><i class="glyphicon glyphicon-user"></i> 1 Persona Ofrece este Favor</div>
<div class="panel-body">Perfecto vehiculo para ir de viaje con la familia o la pareja a la playita (Tucacas, Choroni, Cata, entre otros).
</div>
</div>
</div>
</div>
<hr>
</div><!--/right-->
</div><!--/row-->
</div><!--/container-->
</section><!--//about-->
<!-- ******FOOTER****** -->
<footer class="footer">
<div class="container text-center">
<small class="copyright">Desarrollado con <i class="fa fa-heart"></i> por Ciudadanos Empoderados</small>
</div><!--//container-->
</footer><!--//footer-->
<!-- Javascript -->
<script type="text/javascript" src="assets/plugins/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery-scrollTo/jquery.scrollTo.min.js"></script>
<script type="text/javascript" src="assets/plugins/prism/prism.js"></script>
<script type="text/javascript" src="assets/js/main.js"></script>
<script>
$(function () {
$('.dropdown-menu input').click(function (event) {
event.stopPropagation();
});
});
</script>
</body>
</html>