-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.php
189 lines (168 loc) · 6.91 KB
/
index.php
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
<html>
<head>
<title>STCP</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="files/css/animate.css"/>
<link rel="stylesheet" href="files/css/index.css"/>
<link rel="shortcut icon" type="image/png" href="files/images/icon.png"/>
</head>
<body>
<nav class="navbar navbar-inverse " role="navigation">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">STCP</a>
<ul class="nav navbar-nav">
<li>
<a href="#equipe">Equipe</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid banner">
<div class="row">
<div id="banner-texto" class="animated fadeIn">
<h1> STCP - Sistema de Transporte Coletivo Público </h1>
</div>
<div id="banner-background" class="animated fadeIn">
<img src="files/images/bg_vlt.jpg" >
</div>
</div>
</div>
<!--Home-->
<div class="container-fluid pagina" id="home">
<div class="row row-subtitle text-center subtitle wow fadeIn" data-wow-delay="0.5s" id="sqls-geradas">
<h2>Transporte sobre Trilhos no Rio de Janeiro</h2>
<h4>O que quer saber?</h4>
</div>
<!--Abre Selects-->
<div class="row conteudo">
<!--Esquerda-->
<div class="col-sm-6 coluna">
<div class="input-group wow fadeInLeft" data-wow-delay="0.5s">
<span class="input-group-addon">
<input type="radio" aria-label="teste1" id="sql1" name="sqls-geradas">
</span>
<div class="form-control">
Nomes de todas as linhas do metro
</div>
</div>
<div class="input-group wow fadeInLeft" data-wow-delay="0.6s">
<span class="input-group-addon">
<input type="radio" aria-label="teste3" id="sql3" name="sqls-geradas">
</span>
<div class="form-control">
Número de estações de VLT que possuem integração
</div>
</div>
<div class="input-group wow fadeInLeft" data-wow-delay="0.7s">
<span class="input-group-addon">
<input type="radio" aria-label="teste5" id="sql5" name="sqls-geradas">
</span>
<div class="form-control">
Estações que possuem elevador e seus respectivos bairros
</div>
</div>
<div class="input-group wow fadeInLeft" data-wow-delay="0.8s">
<span class="input-group-addon">
<input type="radio" aria-label="teste7" id="sql7" name="sqls-geradas">
</span>
<div class="form-control">
Média de kilometros por estação de trem
</div>
</div>
<div class="input-group wow fadeInLeft" data-wow-delay="0.9s">
<span class="input-group-addon">
<input type="radio" aria-label="teste9" id="sql9" name="sqls-geradas">
</span>
<div class="form-control">
Estações de metrô que possuem mais de 2 elevadores
</div>
</div>
</div>
<!--Direita-->
<div class="col-sm-6 coluna">
<div class="input-group wow fadeInRight" data-wow-delay="0.5s">
<span class="input-group-addon">
<input type="radio" aria-label="teste2" id="sql2" name="sqls-geradas">
</span>
<div class="form-control">
Estações do ramal Japeri
</div>
</div>
<div class="input-group wow fadeInRight" data-wow-delay="0.6s">
<span class="input-group-addon">
<input type="radio" aria-label="teste4" id="sql4" name="sqls-geradas">
</span>
<div class="form-control">
Estações da linha vermelha do metrô
</div>
</div>
<div class="input-group wow fadeInRight" data-wow-delay="0.7s">
<span class="input-group-addon">
<input type="radio" aria-label="teste6" id="sql6" name="sqls-geradas">
</span>
<div class="form-control">
Quantidade de estações de cada tipo de transporte
</div>
</div>
<div class="input-group wow fadeInRight" data-wow-delay="0.8s">
<span class="input-group-addon">
<input type="radio" aria-label="teste8" id="sql8" name="sqls-geradas">
</span>
<div class="form-control">
Estação de trem que possui a maior kilometragem, e a sua kilometragem
</div>
</div>
<div class="input-group wow fadeInRight" data-wow-delay="0.9s">
<span class="input-group-addon">
<input type="radio" aria-label="teste10" id="sql10" name="sqls-geradas">
</span>
<div class="form-control">
Estação com menor tempo de volta e seu respectivo tempo
</div>
</div>
</div>
<!--Fecha Selects-->
</div>
<!--Input que não sei para que serve-->
<div class="row">
<div class="col-sm-offset-2 col-sm-8">
<div class="input-group">
<!-- <span class="input-group-addon" id="basic-addon1">Dado para o sql</span>-->
<input type="hidden" class="form-control" placeholder="Dado para o sql" aria-describedby="basic-addon1" id="data" value="olar">
</div>
</div>
</div>
<!--Área de resultados-->
<div class="row">
<div class="col-sm-offset-1 col-sm-10" id="response">
</div>
</div>
<div class="text-center subtitle wow fadeIn" data-wow-delay="1.5s" id="equipe">
<h2>Equipe</h2>
<h4 class="wow fadeIn" data-wow-delay="1.7s">Arthur Gonçalves</h4>
<h6 class="wow fadeIn" data-wow-delay="1.7s">Mineração de dados, Projeto Lógico e Desenvolvimento da Aplicação Web</h6>
<h4 class="wow fadeIn" data-wow-delay="1.9s">Daniel Atkinson</h4>
<h6 class="wow fadeIn" data-wow-delay="1.9s">Projeto Conceitual, Projeto Lógico e Autor do Artigo</h6>
<h4 class="wow fadeIn" data-wow-delay="2.1s">Diego Rodrigues</h4>
<h6 class="wow fadeIn" data-wow-delay="2.1s">Levantamento e organização de dados e Desenvolvimento da Aplicação Web</h6>
<h4 class="wow fadeIn" data-wow-delay="2.3s">Diego Souza</h4>
<h6 class="wow fadeIn" data-wow-delay="2.3s">Criação das Consultas em SQL</h6>
<h4 class="wow fadeIn" data-wow-delay="2.5s">Karine Cardozo</h4>
<h6 class="wow fadeIn" data-wow-delay="2.5s">Levantamento e organização de dados e Desenvolvimento da Aplicação Web</h6>
</div>
<div class="footer">
</div>
<!--Fecha a Home-->
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="files/js/wow.js"></script>
<script>
new WOW().init();
</script>
<script type="text/javascript" src="files/js/index.js"></script>
</body>
</html>