formulatejs
Version:
Framework para projetos SSR node.js
126 lines (109 loc) • 5.47 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>titulo da aplicação</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer"
/>
<link rel="stylesheet" href="./src/css/novoCadastro.css">
</head>
<body>
<div class="container-sm card">
<div class="row headerX">
<IMG src="" class="imgS"></IMG>
<p>
<Span>titulo</Span>
</p>
</div>
<div class="form-group">
<label for="nome">Nome/Razão</label>
<input id="nome" name="nome" type="text" class="form-control">
</div>
<!-- <div class="form-group">
<label for="pf_pj">Pessoa Física ou Jurídica</label>
<div>
<select id="pf_pj" name="pf_pj" class=" form-select custom-select">
<option value="Selecione">Selecione</option>
<option value="Pessoa Fisica">Pessoa Física</option>
<option value="Pessoa Juridica">Pessoa Jurídica</option>
</select>
</div>
</div> -->
<div class="form-group">
<label for="CPF_CNPJ">CPF/ CNPJ</label>
<input id="cnpjInput" name="cnpjInput" maxlength="18" type="text" class="form-control">
</div>
<div class="form-group">
<label for="Telefone">Telefone:</label>
<input id="telefone" name="telefone" type="text" class="form-control">
</div>
<div class="form-group">
<label for="email">e-Mail</label>
<input id="email" name="email" type="mail" class="form-control">
</div>
<div class="form-group">
<label for="contato">Nome do Contato:</label>
<input id="contato" name="contato" type="text" class="form-control">
</div>
<div class="form-group groupX">
<div class="left col-8">
<label for="pass">Senha</label>
<input id="pass" name="pass" type="password" class="form-control">
</div>
<div class="rigth col-2">
<button class=" btn btn-default" onclick="viewPass(1,'pass','visualizarsenha')" id="visualizarsenha">
<i class="fa-solid fa-eye"></i>
</button>
</div>
</div>
<div class="row space">
<br/>
</div>
<div class="form-group">
<label for="termUse">Aceita os termos de Uso?</label>
<input id="termUse" name="termUse" onclick="aceitTerm('1')" type="checkbox" data-toggle="modal" data-target="#modelId" value="Sim" class="custom-form-control">
</div>
<div class="form-group">
<button id="Cadastrar" disabled class="btn btn-primary">Cadastrar</button>
<a name="Voltar" class="btn btn-default" href="/">Já possuo Cadastro</a>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="modelId" tabindex="-1" role="dialog" aria-labelledby="modelTitleId" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Temos de Uso e Politica de Privacidade</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body termUser">
<hr/>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Aceito</button>
<!-- <button type="button" class="btn btn-primary">Save</button> -->
</div>
</div>
</div>
</div>
<script src="./src/js/mask.js"></script>
<!-- Bootstrap core JavaScript-->
<script src="/src/vendor/jquery/jquery.min.js"></script>
<script src="/src/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="/src/vendor/jquery-easing/jquery.easing.min.js"></script>
<script src="http://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
<script src="./src/js/axios.js"></script>
<script src="./src/js/newCadastro.js"></script>
</body>
</html>