-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
formulario.html
434 lines (434 loc) · 30.5 KB
/
formulario.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
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
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pt-br" xml:lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>e-Comerce Compra Certa - Cadastre-se</title>
<link rel="stylesheet" type="text/css" media="screen" href="css/reset.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/rvfs.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/font-awesome.min.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap-theme.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/default.css" />
<link rel="stylesheet" type="text/css" media="screen" href="css/default-contraste.css" />
</head>
<body>
<div class="row" id="barra_acessibilidade"><!--inicio barra acessibilidade-->
<div class="container" id="funcionalidades" title="Barra de acessibilidade">
<div class="row">
<div class="col-lg-6">
Você está em: <em>Formulário de cadastro</em>
</div>
<div class="col-lg-6">
<ul class="in-line pull-right">
<li title="Ir para conteúdo [1]"><a href="#conteudo" accesskey="1">Ir para conteúdo [1]</a></li>
<li title="Ir para menu principal [2]"><a href="#menu" accesskey="2">Ir para Menu [2]</a></li>
<li title="Ir para campo de busca [3]"><a href="#txt-busca" accesskey="3">Ir para Busca [4]</a></li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div id="rvfs-controllers" class="fontsize-controllers group"></div>
</div>
</div>
</div>
</div><!--fim barra acessibilidade-->
<div class="row" id="barra-do-usuario">
<div class="container">
<div class="col-lg-2">
<div class="row">
<div class="col-xs-3">
<img src="img/receptionist.png" alt="Para tele atendimento ligue para o telefone 4005-5000" title="Para tele atendimento ligue para o telefone 4005-5000" />
</div>
<div class="col-xs-9">
<a href="#formulario-contato" class="texto" title="Envie-nos uma mensagem">Tele vendas 4005-5000</a>
</div>
</div>
</div>
<div class="col-lg-8">
<form id="form_login" method="post" action="#autenticacao" class="form-inline" title="Formulário para autenticação no site.">
<div class="form-group">
<label class="texto" for="usuario">Usuário</label>
<input class="form-control" type="text" id="usuario" name="usuario" />
</div>
<div class="form-group">
<label class="texto" for="senha">Senha</label>
<input class="form-control" type="password" id="senha" name="senha" />
</div>
<div class="form-group bt-user-submit">
<input type="submit" class="btn btn-success texto" title="Acessar sua conta" value="Acessar sua conta" />
</div>
</form>
</div>
<div class="col-lg-2">
<a href="formulario.html" class="btn btn-info texto" title="Novo usuário? Cadastre-se">Cadastre-se</a>
</div>
</div>
</div>
<div class="row" id="topo"><!--inicio topo-->
<div class="container">
<div class="col-lg-4" id="logo">
<div id="santa-hat"> </div>
<h1>
<a href="index.html" class="texto" title="e-Comerce Compra Certa">e-Comerce Compra Certa</a>
</h1>
</div>
<div class="col-lg-6">
<div class="col-sm-10" id="produto-destaque">
<div class="col-md-12 text-center"><h5 class="texto">Oferta destaque</h5></div>
<div class="col-md-6 text-center">
<img src="img/climatizador.gif" title="Climatizador de Ar Consul Bem Estar Frio" alt="Climatizador de Ar Consul Bem Estar Frio" />
</div>
<div class="col-md-6">
<div class="col-sm-12 destaque-titulo texto">Climatizador de Ar Consul Bem Estar Frio</div>
<div class="col-sm-12 destaque-de texto"><i>de: R$ 479,00</i></div>
<div class="col-sm-12 destaque-por texto">por: <strong>R$ 337,00</strong></div>
<div class="col-sm-12 destaque-economia texto">Economize R$ 142,00</div>
<div class="col-sm-12 destaque-comprar texto"><a href="#" class="btn btn-success texto" title="Produto destaque Climatizador de Ar Consul Bem Estar Frio de: R$ 479,00 por R$ 337,00">Comprar</a></div>
</div>
</div>
</div>
<div class="col-lg-2" id="carrinho-de-compras" title="Carrinho de compras - 5 Itens no carrinho">
<div class="row carrinho-descricao text-center"> Você possui</div>
<div class="row">
<div class="col-xs-4">
<img src="img/shopping_trolley.png" alt="Acessar itens do carrinho de compras" title="Acessar itens do carrinho de compras" width="80" />
</div>
<div class="col-xs-7 carrinho-quantidade text-center"> 5 </div>
</div>
<div class="row carrinho-descricao text-center"> Itens no carrinho </div>
<div class="row visualizar-carrinho text-center">
<a href="carrinho.html" class="btn btn-default btn-block texto" title="Acessar itens do carrinho de compras">Conferir <i class="fa fa-check-square-o"></i></a>
</div>
</div>
</div>
</div><!--fim topo-->
<div class="row" id="menu"><!--incio menu-->
<div class="navbar navbar-default">
<div class="container">
<ul class="nav navbar-nav text-center">
<li class="active text-center"><a href="#para_casa" title="Para sua casa"><i class="fa fa-home fa-3x"></i><br />Para sua casa</a></li>
<li class="text-center"><a href="#informatica" title="Informática"><i class="fa fa-laptop fa-3x"></i><br />Informática</a></li>
<li class="text-center"><a href="#telefonia" title="Telefonia"><i class="fa fa-mobile fa-3x"></i><br />Telefonia</a></li>
<li class="text-center"><a href="#passagens_aereas" title="Passagens Aéreas"><i class="fa fa-plane fa-3x"></i><br />Passagens Aéreas</a></li>
<li class="text-center"><a href="#utilidades" title="Utilidades"><i class="fa fa-gift fa-3x"></i><br />Utilidades</a></li>
<li class="text-center"><a href="#jogos" title="Jogos"><i class="fa fa-gamepad fa-3x"></i><br />Jogos</a></li>
<li class="text-center"><a href="#alimentacao" title="Alimentação"><i class="fa fa-cutlery fa-3x"></i><br />Alimentação</a></li>
<li class="text-center"><a href="#fotografia" title="Fotografia"><i class="fa fa-camera-retro fa-3x"></i><br />Fotografia</a></li>
<li class="text-center"><a href="#cinema" title="Cinema"><i class="fa fa-video-camera fa-3x"></i><br />Cinema</a></li>
<li class="text-center"><a href="#ingressos" title="Ingressos"><i class="fa fa-ticket fa-3x"></i><br />Ingressos</a></li>
<li class="text-center"><a href="#musica" title="Música"><i class="fa fa-music fa-3x"></i><br />Música</a></li>
</ul>
</div>
</div>
</div><!--fim menu-->
<div class="row">
<div class="container">
<ol class="breadcrumb">
<li><a href="index.html">Home</a></li>
<li><a href="carrinho.html">Meu carrinho</a></li>
<li class="active">Cadastro</li>
</ol>
</div>
</div>
<div class="row" id="conteudo"><!--inicio conteudo-->
<div class="container texto">
<h2>Quero ser cliente</h2>
<hr class="featurette-divider" />
<form id="form-cadastro" class="form-horizontal" action="#" method="post">
<div class="radio">
<label>
<input type="radio" name="tipo-pessoa" id="tipo-pessoa-fisica" alt="Tipo de pessoa física" value="pessoa-fisica" checked="checked" />
Pessoa física
</label>
</div>
<div class="radio">
<label>
<input type="radio" name="tipo-pessoa" id="tipo-pessoa-juridica" alt="Tipo de pessoa jurídica" value="pessoa-juridica" />
Pessoa jurídica
</label>
</div>
<fieldset>
<legend>Dados pessoais</legend>
<div class="form-group">
<label for="txt-nome" class="col-sm-2 control-label"><strong>Nome *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-nome" alt="Nome - Campo obrigatório" maxlength="250" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-sobrenome" class="col-sm-2 control-label"><strong>Sobre-nome *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-sobrenome" alt="Sobrenome - Campo obrigatório" maxlength="250" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-forma-tratamento" class="col-sm-2 control-label">Forma de tratamento</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-forma-tratamento" alt="Forma de tratamento - Campo opcional" maxlength="50" value="" />
<span class="help-block">Campo opcional</span>
</div>
</div>
<div class="form-group">
<label for="txt-cpf" class="col-sm-2 control-label"><strong>Cpf *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-cpf" alt="CPF - formato xxx.xxx.xxx-xx - Campo obrigatório" maxlength="14" value="" />
<span class="help-block">Formato xxx.xxx.xxx-xx - Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-dt-nascimento" class="col-sm-2 control-label"><strong>Data de nascimento *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-dt-nascimento" alt="Data de nascimento - formato dd/mm/aaaa - Campo obrigatório" maxlength="10" value="" />
<span class="help-block">Formato dd/mm/aaaa - Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="sexo-masculino" class="col-sm-2 control-label"><strong>Sexo *</strong></label>
<label class="checkbox-inline">
<input type="radio" name="sexo" id="sexo-masculino" alt="Sexo masculino - Campo para seleção obrigatório" value="masculino" /> Masculino
</label>
<label class="checkbox-inline">
<input type="radio" name="sexo" id="sexo-feminino" alt="Sexo feminino - Campo para seleção obrigatório" value="feminino" /> Feminino
</label>
</div>
</fieldset>
<fieldset>
<legend>Endereço</legend>
<div class="form-group">
<label for="txt-cep" class="col-sm-2 control-label"><strong>Cep *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-cep" alt="Cep - formato xxxxx-xxx - Campo obrigatório" maxlength="9" value="" />
<span class="help-block">Formato xxxxx-xxx - Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-endereco" class="col-sm-2 control-label"><strong>Endereço *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-endereco" alt="Endereço - Campo obrigatório" maxlength="250" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-numero" class="col-sm-2 control-label"><strong>Número *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-numero" alt="Número - Campo obrigatório" maxlength="10" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-complemento" class="col-sm-2 control-label">Complemento</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-complemento" alt="Complemento" maxlength="500" value="" />
<span class="help-block">Campo opcional</span>
</div>
</div>
<div class="form-group">
<label for="txt-bairro" class="col-sm-2 control-label"><strong>Bairro *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-bairro" alt="Bairro - Campo obrigatório" maxlength="100" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-cidade" class="col-sm-2 control-label"><strong>Cidade *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-cidade" alt="Cidade - Campo obrigatório" maxlength="100" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-estado" class="col-sm-2 control-label"><strong>Estado *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-estado" alt="Estado - Campo obrigatório" maxlength="100" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-pais" class="col-sm-2 control-label"><strong>País *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-pais" alt="País - Campo obrigatório" maxlength="100" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-referencia" class="col-sm-2 control-label">Informações de referência</label>
<div class="col-sm-10">
<textarea class="form-control" id="txt-referencia" name="txt-referencia" title="Informações de referência" rows="3" cols="7" ></textarea>
<span class="help-block">Campo opcional</span>
</div>
</div>
</fieldset>
<fieldset>
<legend>Dados de acesso</legend>
<div class="form-group">
<label for="txt-email" class="col-sm-2 control-label"><strong>Email *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-email" alt="Email - Campo obrigatório" maxlength="100" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-confirmar-email" class="col-sm-2 control-label"><strong>Confirme o Email *</strong></label>
<div class="col-sm-10">
<input type="text" class="form-control" id="txt-confirmar-email" alt="Confirmar o Email - Campo obrigatório" maxlength="100" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-senha" class="col-sm-2 control-label"><strong>Senha *</strong></label>
<div class="col-sm-10">
<input type="password" class="form-control" id="txt-senha" alt="Senha - Campo obrigatório" maxlength="100" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="txt-confirmar-senha" class="col-sm-2 control-label"><strong>Confirme a senha *</strong></label>
<div class="col-sm-10">
<input type="password" class="form-control" id="txt-confirmar-senha" alt="Confirmar a senha - Campo obrigatório" maxlength="100" value="" />
<span class="help-block">Campo obrigatório</span>
</div>
</div>
<div class="form-group">
<label for="select-conheceu" class="col-sm-2 control-label">Como nos conheceu</label>
<div class="col-sm-10">
<select id="select-conheceu" class="form-control">
<option value=""></option>
<option value="Internet">Internet</option>
<option value="Jornal">Jornal</option>
<option value="Folheto">Folheto</option>
<option value="indicacao">Indicação de amigos</option>
</select>
</div>
</div>
<div class="form-group">
<div class="col-sm-10 pull-right">
<div class="checkbox">
<label>
<input type="checkbox" name="receber-avisos" value="aviso" />Desejo receber avisos de ofertas de produtos e serviços
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" name="receber-ofertas" value="ofertas" />Desejo receber avisos de ofertas por SMS grátis no celular
</label>
</div>
</div>
</div>
</fieldset>
<div class="row" id="div-fechamento-cadastro">
<div class="col-lg-6">
<a href="#salvar-cadastro" class="btn btn-success btn-lg texto" title="Salvar cadastro">Salvar cadastro</a>
</div>
</div>
</form>
</div>
</div><!--fim conteudo-->
<div class="row" id="busca-central-interna" title="Buscar produtos"><!--inicio barra de busca-->
<div class="container">
<form id="form_busca-principal" action="#" method="post" title="Digite sua busca">
<div class="input-group form-group">
<span class="input-group-addon"><i class="fa fa-search fa-2x fa-fw"></i></span>
<input id="txt-busca" name="txt_busca" type="text" title="Campo para busca central no site" class="form-control input-lg" />
<span class="input-group-btn">
<button id="bt-busca" class="btn btn-default btn-lg" type="button">Buscar</button>
</span>
</div>
</form>
</div>
</div><!--fim barra de busca-->
<div class="row" id="rodape"><!--inicio rodape-->
<div class="container">
<div class="row">
<div class="col-lg-3">
<h3>Institucional</h3>
<ul>
<li><a title="Sobre o e-Comerce Compra Certa" href="#sobre">Sobre o e-Comerce Compra Certa</a></li>
<li><a title="Localizador de Lojas" href="#localizador">Localizador de Lojas</a></li>
<li><a title="Marcas Recomendadas" href="#marcas">Marcas Recomendadas</a></li>
<li><a title="Cartão Compra Certa" href="#cartao">Cartão Compra Certa</a></li>
<li><a title="Palavras mais buscadas" href="#palvras">Palavras mais buscadas</a></li>
<li><a title="Mapa do Site" href="#mapa">Mapa do Site</a></li>
<li><a title="Link externo - Programa Trainee" href="#treinee" target="_blank">Programa Trainee <i class="fa fa-external-link-square"></i></a></li>
<li><a title="Trabalhe conosco" href="#trabalhe">Trabalhe conosco</a></li>
<li><a title="Lista de casamento" href="#lista">Lista de casamento</a></li>
<li><a title="Venda no e-Comerce Compra Certa" href="#venda">Venda no e-Comerce Compra Certa</a></li>
</ul>
</div>
<div class="col-lg-3">
<h3>Dúvidas</h3>
<ul>
<li><a title="Meus Pedidos" href="#pedidos">Meus Pedidos</a></li>
<li><a title="Editar Meu Cadastro" href="#cadastro">Editar Meu Cadastro</a></li>
<li><a title="Atendimento Loja Física" href="#atendimento">Atendimento Loja Física</a></li>
<li><a title="Como Pagar" href="#pagar">Como Pagar</a></li>
<li><a title="Sobre Entrega" href="#sobre_entrega">Sobre Entrega</a></li>
<li><a title="Trocas e Devoluções" href="#trocas">Trocas e Devoluções</a></li>
<li><a title="Política de Privacidade" href="#politica">Política de Privacidade</a></li>
</ul>
</div>
<div class="col-lg-3">
<div class="col-md-12 texto">
<h3>Central de atendimento</h3>
<a href="#central_atendimento" title="Central de atendimento">
Dúvidas sobre Cadastro, Pedidos, Formas de pagamento e Prazo de entrega? Clique aqui e tire suas dávidas.
</a>
</div>
<div class="col-md-12 texto">
<h3>Televendas</h3>
<dl style="padding-top:0">
<dt><strong>4005-5000</strong></dt>
<dd>
Horário de funcionamento<br />
De segunda a sexta-feira das 8h às 22h,<br />
sábados, domingos e feriados das 8h às 20h.
</dd>
</dl>
</div>
</div>
<div class="col-lg-3">
<h3>Redes Sociais</h3>
<p>Acompanhe todas as ofertas e novidades do site do e-Comerce Compra Certa.</p>
<ul>
<li><a href="#facebook" title="Link externo - Facebook" target="_blank"><i class="fa fa-facebook-square fa-2x"></i> Facebook <i class="fa fa-external-link-square"></i></a></li>
<li><a href="#twitter" title="Link externo - Twitter" target="_blank"><i class="fa fa-twitter-square fa-2x"></i> Twitter <i class="fa fa-external-link-square"></i></a></li>
<li><a href="#google_mais" title="Link externo - Google+" target="_blank"><i class="fa fa-google-plus-square fa-2x"></i> Encontre-nos no Google+ <i class="fa fa-external-link-square"></i></a></li>
<li><a href="#youtube" title="Link externo - YouTube" target="_blank"><i class="fa fa-youtube-square fa-2x"></i> YouTube <i class="fa fa-external-link-square"></i></a></li>
</ul>
</div>
</div>
</div>
</div><!--fim rodape-->
<div class="row" id="fechamento-rodape"><!--inicio fechamento da pagina-->
<div class="container">
<div class="col-lg-6">
<h6>Formas de pagamento</h6>
<ul class="in-line">
<li><img src="img/visa_curved.png" alt="Cartão de crédito Visa" title="Cartão de crédito Visa" width="51" height="32" /></li>
<li><img src="img/mastercard_curved.png" alt="Cartão de crédito Master Card" title="Cartão de crédito Master Card" width="51" height="32" /></li>
<li><img src="img/paypal_curved.png" alt="Pagamento on-line Pay-pal" title="Pagamento on-line Pay-pal" width="51" height="32" /></li>
<li><img src="img/barcode.png" alt="Boleto bancário" title="Boleto bancário" width="64" height="64" /></li>
</ul>
</div>
<div class="col-lg-6" id="certificados">
<h6>Certificados</h6>
<ul class="in-line">
<li><a href="#premios"><img src="img/icon-premio.gif" alt="Ir para galeria de prêmios" title="Ir para galeria de prêmios" /></a></li>
<li><a href="#certificado"><img src="img/icon-certisign.gif" alt="Certificado Digital" title="Certificado Digital" /></a></li>
<li><a href="#internet"><img src="img/icon-internet-segura.gif" alt="Internet Segura" title="Internet Segura" /></a></li>
<li><a href="#site_blindado"><img src="img/icon-site-blindado.gif" alt="Site Blindado" title="Site Blindado" /></a></li>
<li><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a></li>
</ul>
</div>
</div>
</div><!--fim fechamento da pagina-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/store.min.js"></script>
<script type="text/javascript" src="js/rv-jquery-fontsize-2.0.3.js"></script>
<script type="text/javascript" src="js/acessibilidade.js"></script>
</body>
</html>