-
Notifications
You must be signed in to change notification settings - Fork 0
/
solicitacao.html
170 lines (156 loc) · 8.54 KB
/
solicitacao.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Alberto, ">
<title>Portal de Acesso à Informação</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="bootstrap/css/bootstrap-theme.min.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="geral.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">Portal de acesso à informação</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li><a href="index.html"><i class="fa fa-home" aria-hidden="true"></i> Início</a></li>
<li><a href="sobre.html"><i class="fa fa-info-circle" aria-hidden="true"></i> Sobre</a></li>
<li><a href="busca.html"><i class="fa fa-search" aria-hidden="true"></i> Buscar documento</a></li>
<li class="active"><a href="solicitacao.html"><i class="fa fa-envelope-open-o" aria-hidden="true"></i> Solicitar informação</a></li>
<li><a href="api.html"><i class="fa fa-desktop" aria-hidden="true"></i> Dados para desenvolvedores</a></li>
<li><a href="faq.html"><i class="fa fa-question-circle" aria-hidden="true"></i> Perguntas frequentes</a></li>
<li style="padding-left: 25px;"><a class="btn btn-primary font-resize" id="btn-decrease" href="#" role="button">A-</a></li>
<li><a class="btn btn-primary font-resize" id="btn-increase" href="#" role="button">A+</a></li>
<li><a class="btn btn-primary font-resize" id="btn-orig" href="#" role="button">A</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container-fluid" role="main">
<div class="row">
<div class="jumbotron">
<h1>Solicitação de informações</h1>
<p>Caso não tenha sido possivel localizar as informações desejadas no nosso portal você poderá solicitar a mesma diretamente a nós. </p>
</div>
<nav class="col-sm-2 col-md-2 hidden-xs-down bg-faded sidebar">
<div class="panel panel-primary">
<div class="panel-heading">
<h2 class="panel-title">Orientações</h2>
</div>
<div class="panel-body">
<ul style="padding-left: 10px;">
<li class="spaced-list-item">Para solicitar uma informação basta prencher o formulário abaixo. O preenchimento correto do formulário fará que a sua solicitação seja atendida mais rápidamente. </li>
<li class="spaced-list-item">Informe no pedido caso não possa arcar com os custos da cópia física. Comprovação da impossibilidade de arcar com os custos poderá ser solicitada.</li>
<li class="spaced-list-item">Caso você deseje uma cópia física dos documentos solicitados será necessário o pagamento de uma taxa referente a produção da cópia dos mesmos,
essa taxa varia de acordo com a quantidade de páginas a serem copiadas e seu valor será informado após a analise da solicitação. </li>
</div>
</div>
</nav>
<main class="col-sm-9 offset-sm-2 col-md-9 offset-md-2">
<div class="container">
<!-- FORMULÀRIO -->
<h2>Solicitação</h2>
<form>
<div class="form-group">
<label for="exampleInputPassword1">Nome</label>
<input class="form-control" type="text" value="" id="example-text-input">
</div>
<div class="form-group">
<label for="exampleInputEmail1">Email de contato</label>
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="">
<small id="emailHelp" class="form-text text-muted">Nós entraremos em contato para atender essa solicitação através deste email.</small>
</div>
<div class="form-group">
<label for="exampleInputPassword1">Documento</label>
<input class="form-control" type="text" value="" id="example-text-input">
</div>
<fieldset class="form-group">
<label>Tipo de documento</label>
<div class="form-check">
<label class="radio-inline">
<input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios1" value="option1" checked>
Carteira de Identidade
</label>
<label class="radio-inline">
<input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios2" value="option2">
C.P.F.
</label>
<label class="radio-inline">
<input type="radio" class="form-check-input" name="optionsRadios" id="optionsRadios3" value="option3">
Certidão de nascimento
</label>
</div>
</fieldset>
<div class="form-group">
<label for="exampleSelect1">Método de entrega da solicitação</label>
<select class="form-control" id="exampleSelect1">
<option>Cópia digital</option>
<option>Cópia fisica</option>
</select>
</div>
<div class="form-group">
<label for="exampleTextarea">Descrição da solicitação</label>
<textarea class="form-control" id="exampleTextarea" rows="3"></textarea>
</div>
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#confirmacaoModal">Solicitar</button>
</form>
<!-- FIM DO FORMULARIO -->
<!-- MODAL DE CONFIRMAÇÃO -->
<div class="modal fade" id="confirmacaoModal">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h2 class="modal-title">Solicitação enviada</h2>
</div>
<div class="modal-body">
<p>Sua solicitação foi enviada com sucesso. Em breve entraremos em contato com mais informações.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Fechar</button>
</div>
</div>
</div>
</div>
<!-- FIM DO MODAL DE CONFIRMAÇÃO-->
</div>
</main>
</div>
</div>
<!-- FOOTER -->
<footer class="footer">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 footerleft ">
<h4> Endereço:</h4>
<p><i class="fa fa-map-marker" aria-hidden="true"></i> Campus Universitário Morro do Cruzeiro</p>
<p><i class="fa fa-university" aria-hidden="true"></i> Ouro Preto - MG, Brasil</p>
<p><i class="fa fa-address-book" aria-hidden="true"></i> CEP 35400-000 </p>
</div>
<div class="col-md-4 col-sm-6 footerleft " id="contato">
<h4> Contato:</h4>
<p><i class="fa fa-phone" aria-hidden="true"></i> Telefone: 31 3559-1692</p>
<p><i class="fa fa-envelope" aria-hidden="true"></i> Email: contato@instituicao.gov.br </p>
<p><i class="fa fa-clock-o" aria-hidden="true"></i> Horário funcionamento: 08:00 - 12:00 / 13:00 - 17:00 </p>
</div>
</div>
</div>
</footer>
<!-- FIM DO FOOTER -->
<script src="js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/utils.js"></script>
</body>
</html>