-
Notifications
You must be signed in to change notification settings - Fork 0
/
main_siguiendo.html
140 lines (125 loc) · 5.4 KB
/
main_siguiendo.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
<!DOCTYPE html>
<html lang="es">
<head>
<title>Siguiendo</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum.scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" href="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.blue-pink.min.css">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="css/main_style.css">
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script src="js/clientAPI.js"></script>
<script src="js/siguiendo.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
</head>
<body>
<!-- Modal -->
<div id="cdf" class="modal fade" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content-->
<div id="modal-mensaje" class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 id="mensaje" class="modal-title">Mensaje</h4>
</div>
<div class="modal-body">
<form role="form">
<div class="form-group">
<textarea class="form-control" rows="3" placeholder="escriba su mensaje aqui"></textarea>
</div>
<button id="btnMensaje" type="submit" class="btn btn-default">Enviar
<span class="glyphicon glyphicon-send"></span>
</button>
</form>
</div>
<div class="modal-footer">
<button id="btnCerrarMensaje" type="button" class="btn btn-default" data-dismiss="modal">Cerrar Mensaje</button>
</div>
</div>
</div>
</div>
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">Rapidín Espol</span>
<!-- Add spacer, to align navigation to the right -->
<div class="mdl-layout-spacer"></div>
<!-- Navigation. We hide it in small screens. -->
<nav class="mdl-navigation mdl-layout--large-screen-only">
<div id="followers-btn" onclick="location.href='main_seguidores.html'" class="icon material-icons">people</div>
<div class="mdl-tooltip" for="followers-btn">Seguidores</div>
<div id="driving" onclick="location.href='main.html'" class="icon material-icons">directions_car</div>
<div class="mdl-tooltip" for="driving">Ando en carro...</div>
<div id="walking" onclick="location.href='walk.html'" class="icon material-icons">directions_run</div>
<div class="mdl-tooltip" for="walking">No tengo carro...</div>
<div id="miPerfil" class="icon material-icons">account_circle</div>
<div class="mdl-tooltip" for="miPerfil">Mi Perfil</div>
</nav>
</div>
</header>
<div class="mdl-layout__drawer">
<span class="mdl-layout-title">Rapidín Espol</span>
<nav class="mdl-navigation">
<a class="mdl-navigation__link" href="perfil.html">Perfil</a>
<a class="mdl-navigation__link" href="walk.html">No tengo carro</a>
<a class="mdl-navigation__link" href="main_seguidores.html">Seguidores</a>
<a class="mdl-navigation__link" href="main_siguiendo.html">Siguiendo</a>
<a class="mdl-navigation__link" href="login.html">Cerrar Sesión</a>
</nav>
</div>
<main class="mdl-layout__content">
<div class="page-content">
<!-- Aqui empieza el contenido de la pagina -->
<div class="container-fluid">
<div class="row">
<div id="bus_seguidores" class="col-md-9">
<!-- Expandable Textfield -->
<form action="#">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable textfield-demo">
<label class="mdl-button mdl-js-button mdl-button--icon" for="sample6">
<i class="material-icons">search</i>
</label>
<div class="mdl-textfield__expandable-holder">
<input class="mdl-textfield__input" type="text" id="sample6" />
<label class="mdl-textfield__label" for="sample-expandable">Expandable Input</label>
</div>
</div>
</form>
<!-- fin del text field -->
</div>
</div>
</div>
<div class="container-fluid">
<div id="followersRow" class="row">
</div>
</div>
<div class="columna" style="height: 30%;width: 70%;">
<br>
<div class="row">
<div class="col-md-4 col-sm-4 ">
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<div id="custom-search-input">
<div class="input-group col-md-12">
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-12">
<div class="container-fluid">
</div>
</div>
</div>
</div>
</main>
</div>
</body>
</html>