-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcadastro.html
110 lines (90 loc) · 5.07 KB
/
cadastro.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A-CADÊ-MIA</title>
<link rel="stylesheet" href="/cadastro.css" />
<link rel="icon" type="image/x-icon" href="./ASSETS/LOGO.png" />
</head>
<body>
<div id="background">
<img src="/assets/academia.jpg" alt="">
</div>
<div id="container" class="border">
<header class="border"></header>
<div id="left" class="border">
<div class="text">
<h1>ENCONTRE O QUE PROCURA, EM APENAS UM CLIQUE!</h1>
<div class="card">
<div class="card__date">
<span class="time">14:34</span>
<span class="date">Seg, 01/12/2024</span>
</div>
<div class="popup">
<p class="title"> <img src="/assets/LOGO.png" width="18px" alt=""> A(CADÊ)MIA</p>
<p>Produto reservado</p>
</div>
<br>
<div class="popup">
<p class="title"> <img src="/assets/LOGO.png" width="18px" alt=""> A(CADÊ)MIA</p>
<p>Academia disponível</p>
</div>
</div>
</div>
</div>
<div id="right" class="border">
<div class="card-login">
<h1>CADASTRO</h1>
<div class="inputs">
<div class="input">
<p><br>Nome:</p>
<input type="text" placeholder="Nome">
<p>Nº de telefone ou email:</p>
<input type="text" placeholder="Nº de celular ou Email">
<p>Crie uma senha:</p>
<input type="text" placeholder="Insira a senha novamente">
<p>Insira a senha novamente:</p>
<input type="text" placeholder="Insira a senha novamente">
</div>
<p>Cadastre-se com:</p>
<div class="options-login-api">
<button class="Google">
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 262">
<path fill="#4285F4" d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"></path>
<path fill="#34A853" d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"></path>
<path fill="#FBBC05" d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"></path>
<path fill="#EB4335" d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"></path>
</svg>
Google
</button>
<button class="Facebook">
<svg
viewBox="0 0 26 26"
fill="currentColor"
height="28"
width="28"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M12.001 2C6.47813 2 2.00098 6.47715 2.00098 12C2.00098 16.9913 5.65783 21.1283 10.4385 21.8785V14.8906H7.89941V12H10.4385V9.79688C10.4385 7.29063 11.9314 5.90625 14.2156 5.90625C15.3097 5.90625 16.4541 6.10156 16.4541 6.10156V8.5625H15.1931C13.9509 8.5625 13.5635 9.33334 13.5635 10.1242V12H16.3369L15.8936 14.8906H13.5635V21.8785C18.3441 21.1283 22.001 16.9913 22.001 12C22.001 6.47715 17.5238 2 12.001 2Z"
></path>
</svg>
<span>Facebook</span>
</button>
</div>
<a href="/index.html">
<button class="learn-more">
<span class="circle" aria-hidden="true">
<span class="icon arrow"></span>
</span>
<span class="button-text">Cadastre-se</span>
</button>
</a>
</div>
</div>
</div>
<footer class="border"></footer>
</div>
</body>
</html>