-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdoador.html
156 lines (133 loc) · 8.07 KB
/
doador.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
<!doctype html>
<html lang="pt-br">
<head>
<title>Donativa</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- CSS only -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<link rel="stylesheet" href="https://unpkg.com/swiper@8/swiper-bundle.min.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="icon" type="image/png" href="./img/icon.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.3/font/bootstrap-icons.css">
</head>
<body>
<header>
<nav id="header" class="navbar fixed-top navbar-expand-md">
<div class="container-fluid">
<a class="navbar-brand d-flex align-item-center" href="index.html">
<img class="logo" src="./img/logo-donativa.png" alt="logo Donativa">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-items" aria-controls="navbar-items" aria-expanded="false"aria-label="Toggle navigation">
<i class="bi bi-list"></i>
</button>
<div class=" collapse navbar-collapse container-fluid navbar-expand-md justify-content-end navbar-nav nav-menu" id="navbar-items">
<ul class="navbar-nav" id="ul-items">
<li class="nav-menu nav-item"><a class="nav-item nav-link nav-menu active" aria-current="page" href="index.html"> Home</a>
</li>
<li class="nav-menu nav-item">
<a class="nav-item nav-link" aria-current="page" href="#como-doar">Doar</a>
</li>
<li class="nav-menu nav-item">
<a class="nav-item nav-link" aria-current="page" href="#como-receber">Receber</a>
</li>
<li class="nav-menu nav-item">
<a class="nav-item nav-link" aria-current="page" href="contato.html">Contato</a>
</li>
<li class="nav-menu nav-item">
<a class="nav-item nav-link" aria-current="page" href="login.html">Login</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main id="main">
<Section id="cadastroBeneficiado">
<div class="form mb-3" id="cadastro">
<form method="post" action="index.php">
<h3 class="mt-3">Cadastro de doadores</h3>
<label for="Nome">Razão social ou nome completo</label>
<input type="text" size="40" placeholder="Razão social ou nome completo"><br>
<label for="cnpj">CNPJ:</label>
<input type="text" placeholder="XX.XXX.XXX/0001-XX."><br><br>
<label for="email">Email:</label>
<input type="text" size="40" placeholder="Email valido">
<label for="cpf">CPF:</label>
<input type="text" placeholder="XX.XXX.XXX-X"><br><br>
<label for="sexo">Sexo:</label>
<label for="mas">Masculino</label>
<input type="radio" name="opcao" id="op1">
<label for="fem">Feminino</label>
<input type="radio" name="opcao" id="op1">
<label for="outro">Outros</label>
<input type="radio" name="opcao" id="op1">
<h3 class="mt-3">Endereço</h3>
<label for="uf">Estado:</label>
<select name="estado" id="uf">
<option value="0">Escolha sua região</option>
<optgroup label="Norte">
<option value="1">Acre</option>
<option value="2">Amazonas</option>
<option value="3">Amapá</option>
<option value="4">Pará</option>
<option value="5">Rondonia</option>
<option value="6">Roraima</option>
<option value="7">Tocantins</option>
</optgroup>
<optgroup label="Nordeste">
<option value="8">Alagoas</option>
<option value="9">Bahia</option>
<option value="10">Ceara</option>
<option value="11">Maranhão</option>
<option value="12">Piaui</option>
<option value="13">Pernambuco</option>
<option value="14">Paraiba</option>
<option value="15">Rio Grande do Norte</option>
<option value="16">Sergipe</option>
</optgroup>
<optgroup label="Centro-Oeste"></optgroup>
<option value="17">Goias</option>
<option value="18">Mato Grosso</option>
<option value="19">Mato Grosso do Sul</option>
<option value="20">Distrito Federal</option>
<optgroup label="Sudeste">
<option value="21">Espirito Santo</option>
<option value="22">Minas Gerais</option>
<option value="23">Rio de Janeiro</option>
<option value="24">São Paulo</option>
</optgroup>
<optgroup label="Sul">
<option value="25">Paraná</option>
<option value="26">Rio Grande do Sul</option>
<option value="27">Santa Catarina</option>
</optgroup>
</select>
<label for="cidade">Cidade:</label>
<input type="text" placeholder="Cidade"><br><br>
<label for="cep">CEP:</label>
<input type="text" placeholder="XXXXX-XXX">
<label for="bairro">Bairro:</label>
<input type="text" placeholder="Bairro"><br><br>
<label for="rua">Rua</label>
<input type="text" size="30" placeholder="Logadouro">
<label for="nu">Numero:</label>
<input type="text" size="5" placeholder="xx"><br><br>
<label for="comp">Complemento:</label>
<input type="text" size="30" placeholder="Andar, Apartamento, Bloco"><br><br>
<input type="submit" value="Enviar">
<a href="./login.html" class="form-link">Fazer login</a>
</form>
</div>
</Section>
</main>
<footer id="footer">
<div class="container" id="rodape">
<div class="text-center">
<strong> Todos diretos reservados à <span> DONATIVA</span>© </strong>
</div>
</div>
</footer>
</body>
</html>