-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
304 lines (263 loc) · 15.1 KB
/
Copy pathindex.html
File metadata and controls
304 lines (263 loc) · 15.1 KB
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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
<!DOCTYPE html>
<html lang="pt-br" ng-app="toWork">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Busque conhecimento - ToWork</title>
<!--<link rel="icon" href="imagens/favicon.png">-->
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="css/estilo.css" rel="stylesheet">
<!-- Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Angular JS -->
<script src="angular/angular.js"></script>
<script type="text/javascript">
angular.module("toWork", []);
angular.module("toWork").controller('toWorkCtrl', function($scope){
$scope.app = "To Work";
});
function Login(){
var usuario = document.getElementById('usuario').value;
var senha = document.getElementById('senha').value;
if (usuario){
window.location.replace("home_instrutor.html");
}else{
window.location.replace("home.html");
}
}
</script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body ng-controller="toWorkCtrl">
<nav class="navbar navbar-fixed-top navbar-inverse navbar-transparente">
<div class="container">
<!-- header -->
<div class="navbar-header">
<!-- botão toogle -->
<button type="button" class="navbar-toggle collapsed" data-toggle = "collapse" data-target="#barra_navegacao">
<span class="sr-only">alterna navegação</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">
<span class="texto-cor-branca" style="font-size: 50px;">ToWork</span>
</a>
</div>
<!-- navbar -->
<div class="collapse navbar-collapse" id="barra_navegacao">
<ul class="nav navbar-nav navbar-right">
<!--<li><a onclick="window.location = '#assinatura'" href="">Assinatura</a>-->
<li><a onclick="window.location = '#aprendiz_instrutor' " href="">Instrutor</a>
<li><a onclick="window.location = '#aprendiz_instrutor' " href="">Aprendiz</a>
<li class="divisor" role="separator"></li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Inscrever-se
</a>
<div class="dropdown-menu menu-drop" aria-labelledby="navbarDropdown">
<a class="item-drop dropdown-item" href="" data-toggle="modal" data-target=".cadastro">Aprendiz</a>
<a class="item-drop dropdown-item" href="" data-toggle="modal" data-target=".cadastro_instrutor">Instrutor</a>
</div>
</li>
<li><a href="" data-toggle="modal" data-target=".login">Entrar</a></li>
</ul>
</div>
</div> <!-- /container -->
</nav><!-- /nav -->
<div class="capa">
<div class="texto-capa">
<h1>Pergunte</h1>
<h1>Responda</h1>
<h1>Aprenda</h1>
<h1>Ganhe dinheiro</h1>
<a href="" class="botao-capa btn btn-primary btn-lg" data-toggle="modal" data-target=".cadastro" >Crie uma conta gratuita</a>
</div>
</div>
<!-- Instrutor -->
<div>
<section id="aprendiz_instrutor">
<div class="container">
<div class="row">
<!-- Imagem -->
<div class="col-md-6" >
<h2>Aprendiz</h2>
<h3>O que é um aprendiz?</h3>
<p>
Aprendiz é uma pessoa que envia uma pergunta, dúvida ou atividade e paga para alguma pessoa responder suas perguntas ou realizar suas tarefas.
</p>
<h3>Qual garantia de resposta correta?</h3>
<p>
Após você fazer uma pergunta um instrutor verificado responderá e quando você olhar a resposta dará uma classificação da resposta do instrutor, se a classificação for baixa a pergunta é enviada para outro instrutor com um nível melhor, já se for alta é apenas curtir o momento e quem sabe assinar esse instrutor.
</p>
<h3>Como funciona a assinatura mensal?</h3>
<p>Você pode assinar de duas maneiras, <strong>a primeira assinatura</strong> é de apenas um instrutor você paga um valor mensal a ele e pode enviar quantas dúvidas, perguntas e atividades que quiser.<strong> A segunda assinatura</strong> é a PREMIUM e você pode enviar quantas dúvidas, perguntas e atividades que quiser para qualquer instrutor e qualquer assunto.</p>
</div>
<!-- Textos -->
<div class="col-md-6">
<h2>Instrutor</h2>
<h3>O que é um instrutor?</h3>
<p>
Instrutor é a pessoa verificada que irá receber uma dúvida, um pedido de ajuda ou realização de alguma tarefa, após receber ele responderá detalhadamente ao aprendiz.
</p>
<h3>Como conseguir a verificação?</h3>
<p>
Para conseguir a verificação é simples, mande uma foto do seu diploma (formado) ou declaração (estudante) junto com o seu usuário, uma breve descrição sua e envie tudo isso para o email <strong>towork@contato.com</strong> depois é só aguarda que enviaremos um email mandando todas as informações e confirmaremos a verificação da sua conta .
</p>
<h3>Como irei receber o dinheiro?</h3>
<p>
Após ter seu usuário verificado, você receberá perguntas de aprendizes relacionada a sua área e depois de responde-las e o aprendiz dá uma classificação agrádavel você receberá pontos que vão lhe colocar acimar dos outros e terá o dinheiro depositado na sua conta com base no valor colocado do aprendiz.
</p>
</div>
</div>
</div>
</section>
</div>
<!--
<div >
<section id="assinatura">
<div class="container">
<div class="row">
<div class="col-md-12 texto-centro">
<h2 class="texto-cor-branca"><strong>Assine premium por R$ 59,90</strong></h2>
</div>
<div class="col-md-6">
<div >
<div class="col-md-12 box-assinatura box-assinatura-cartao" >
<div class="col-md-12 texto-centro" >
<h3>Assine com o cartão</h3>
<h5>Crédito ou débito</h5>
<p><a>Sujeito a termos e condições.</a></p>
<button class=" btn btn-primary btn-block" >Assina agora</button>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div >
<div class="col-md-12 box-assinatura box-assinatura-boleto" >
<div class="col-md-12 texto-centro">
<h3>Assine por boleto</h3>
<h5>Boleto</h5>
<p><a>Sujeito a termos e condições.</a></p>
<button class=" btn btn-primary btn-block">Gerar boleto</button>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>-->
<!-- MODALS -->
<div class="modal fade cadastro" style="margin-top: 10%;" data-toggle="modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content" >
<div class="modal-header texto-centro background-cinza">
<h3 class="modal-title texto-cor-branca" id="exampleModalLabel">Realizar cadastro</h3>
</div>
<div class="modal-body">
<form action="/add" method="POST">
<div class="form-group">
<label class="col-form-label">Usuário:</label>
<input type="text" name="usuario" class="form-control" placeholder="Digite o seu usuário" >
</div>
<div class="form-group">
<label class="col-form-label">Email:</label>
<input type="email" name="email" class="form-control" placeholder="Digite o seu email" >
</div>
<div class="form-group">
<label class="col-form-label">Senha:</label>
<input type="password" name="senha" class="form-control" placeholder="Digite a sua senha" >
</div>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
<button style="margin-left: 36.5%;" type="submit" class="btn btn-primary">Criar conta</button>
</form>
</div>
</div>
</div>
</div>
<!-- Modal Cadastro Instrutor -->
<div class="modal fade cadastro_instrutor" style="margin-top: 10%;" data-toggle="modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content" >
<div class="modal-header texto-centro background-cinza">
<h3 class="modal-title texto-cor-branca" id="exampleModalLabel">Realizar cadastro</h3>
</div>
<div class="modal-body">
<form action="/add_instrutor" method="POST">
<div class="form-group">
<label class="col-form-label">Usuário:</label>
<input type="text" name="usuario" class="form-control" placeholder="Digite o seu usuário" >
</div>
<div class="form-group">
<label class="col-form-label">Escolaridade: </label>
<select class="form-control" name="escolaridade" id="exampleFormControlSelect1">
<option>Estudante</option>
<option>Formado</option>
<option>Estudante e formado </option>
</select>
</div>
<div class="form-group">
<label class="col-form-label">CPF:</label>
<input type="text" name="cpf" class="form-control" placeholder="999.999.999-99" >
</div>
<div class="form-group">
<label class="col-form-label">Envie seu diploma ou declaração:</label>
<input type="text" name="senha" style="height:30px;width: 75%; " class=" col-md-10 " placeholder="C:\\Downloads\anexo.pdf" >
<button type="button"><i class="fa fa-paperclip col-md-1 font-anexo" style="margin-right: 0%;height: 24px;"></i></button>
</div>
<div class="form-group">
<label class="col-form-label">Email:</label>
<input type="email" name="email" class="form-control" placeholder="Digite o seu email" >
</div>
<div class="form-group">
<label class="col-form-label">Senha:</label>
<input type="password" name="senha" class="form-control" placeholder="Digite a sua senha" >
</div>
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
<button style="margin-left: 36.5%;" type="submit" class="btn btn-primary">Criar conta</button>
</form>
</div>
</div>
</div>
</div>
<!-- Modal login -->
<div class="modal fade login" style="margin-top: 10%;" data-toggle="modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
<div class="modal-dialog modal-sm">
<div class="modal-content" >
<div class="modal-header texto-centro background-cinza">
<h3 class="modal-title texto-cor-branca" id="exampleModalLabel">Realizar login</h3>
</div>
<div class="modal-body">
<form name="entrarForm">
<div class="form-group">
<label class="col-form-label">Usuário:</label>
<input type="text" class="form-control" placeholder="Digite o seu usuário" id="usuario" ng-model="usuario" ng-required="true" >
</div>
<div class="form-group">
<label class="col-form-label">Senha:</label>
<input type="password" class="form-control" placeholder="Digite o sua senha" id="senha" ng-model="senha" ng-required="true" >
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
<button type="button" class="btn btn-primary" onclick=" Login();" >Entrar</button>
</div>
</div>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>