123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- <!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.0">
- <title>Bankline</title>
- <meta name="description" content="Simgle page basic server optimized for speed and PWA">
- <!-- Above the fold styles -->
- <style></style>
- <!-- Non blocking styles -->
- <link rel="preload" href="style.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
- <noscript><link rel="stylesheet" href="style.css"></noscript>
-
- <!-- PWA stuff -->
- <link rel="manifest" href="manifest.json">
- <meta name="theme-color" content="white">
- <link rel="apple-touch-icon" href="apple-touch-icon.png">
- <link rel="preconnect" href="https://fonts.gstatic.com">
- <!-- Non blocking font -->
- <link rel="preload" href="https://fonts.googleapis.com/css2?family=Signika:wght@300&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
- <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Signika:wght@300&display=swap"></noscript>
- <link href="crop_square.svg" rel="shortcut icon" type="image/x-icon">
- </head>
- <body>
- <header>
- <p> Banco Fontineli </p>
- </header>
- <div class="container">
- <h1> Formulário de cadastro </h1>
- <section class ="wrapper">
- <div class ="name">
- <label for="name"><b>Nome</b></label>
- <input placeholder="Digite seu nome" name="nome" class="required">
- </div>
- <div>
- <label for="cpf"><b>CPF</b> <span>inválido</span></label>
- <input onkeydown="cpfMask()" maxlength="14" placeholder="Digite seu cpf" id="cpf"class="required">
- </div>
- <div>
- <label for="rg"><b>RG</b></label>
- <input placeholder="Digite seu RG" name="rg">
- </div>
- <div>
- <label for="sexo"><b>Sexo</b></label>
- <select id="sexo" class="w100">
- <option selected>Escolha seu sexo</option>
- <option value="feminino">Feminino</option>
- <option value="masculino">Masculino</option>
- <option value="outro">Outro</option>
- </select>
- </div>
- <div>
- <label for="cep"><b>CEP</b></label>
- <input placeholder="Digite seu CEP" name="cep" onblur="searchCep(this.value)">
- </div>
- <div>
- <label for="endereco"><b>Endereço</b></label>
- <input placeholder="Digite seu endereço" name="endereco" class="required" id="endereco">
- </div>
- <div>
- <label for="numero"><b>Número</b></label>
- <input placeholder="Digite o número" class="required">
- </div>
- <div>
- <label for="bairro"><b>Bairro</b></label>
- <input placeholder="Digite seu bairro" id="bairro">
- </div>
- <div>
- <label for="cidade"><b>Cidade</b></label>
- <input placeholder="Digite sua cidade" id="cidade">
- </div>
- <div>
- <label for="estado"><b>Estado</b></label>
- <input placeholder="Digite seu estado" id="estado">
- </div>
- <div>
- <label for="fixo"><b>Telefone fixo</b></label>
- <input placeholder="Digite o número do seu fixo" name="fixo">
- </div>
- <div>
- <label for="celular"><b>Telefone celular</b></label>
- <input onkeydown="phoneMask()" placeholder="Digite número do celular" maxlength="15"id="celular" class="required">
- </div>
- <div>
- <button onclick="return validate()" type="submit">Enviar</button>
- </div>
- </section>
- </div>
- <footer>
- <p>Direitos reservados a Gabriel Fontineli</p>
- </footer>
-
- <!-- Assync scripts -->
- <script type="text/javascript" src="script.js" async></script>
- </body>
- </html>
|