-
Notifications
You must be signed in to change notification settings - Fork 0
/
meusdados.html
106 lines (95 loc) · 4.59 KB
/
meusdados.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
<!doctype html>
<html lang="pt-BR">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- estilo -->
<link rel="stylesheet" href="./css/meusdados.css">
<title>Meus dados</title>
</head>
<body>
<!--NAV BAR-->
<nav class="navbar navbar-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="./images/clipboard-heart-fill.svg" alt="Health Track" width="30" height="24" class="d-inline-block align-text-top">
Health Track
</a>
</div>
</nav>
<!--FIM NAV BAR-->
<!--FORMULÁRIO LOGIN-->
<div class="container" id="infoForm">
<div class="row justify-content-center align-items-center vh-100">
<div class="col-10 col-sm-10 col-md-8 col-lg-6 col-xl-5 col-xxl-4">
<form class="border rounded" id="boxForm">
<div class="row">
<div class="col mb-2" id="mainContent">
<h1>Meus dados</h1>
<div class="birthdate mb-3" id="input-boxes">
<label for="birthdate">Data de nascimento</label>
<input type="date" class="birthdate">
</div>
<div class="bodyweight mb-3" id="input-boxes">
<label for="bodyweight">Peso atual</label>
<input type="number" class="bodyweight" placeholder="kgs">
</div>
<div class="userHeight mb-3" id="input-boxes">
<label for="userHeight">Altura</label>
<input type="number" class="userHeight" placeholder="m">
</div>
<div class="gender mb-3">
<label for="gender">Gênero</label>
<select class="form-select" aria-label="Default select example">
<option selected>Selecionar</option>
<option value="female">Feminino</option>
<option value="male">Masculino</option>
<option value="nonbinary">Não-binário</option>
<option value="none">Prefiro não informar</option>
</select>
</div>
<div class="activity-level mb-3">
<label for="activity-level">Nível de atividade</label>
<select class="form-select" aria-label="Default select example">
<option selected>Selecionar</option>
<option value="sedentary">Sedentário</option>
<option value="light-exercise">Exercícios leves (1-2 vezes/semana)</option>
<option value="moderate-exercise">Exercícios moderados (3-5 vezes/semana)</option>
<option value="heavy-exercise">Exercícios pesados (6-7 vezes/semana)</option>
<option value="athlete">Atleta (2 vezes/dia)</option>
</select>
</div>
<div class="objective mb-3">
<div class="heading">
<h2>Selecione seu objetivo</h2>
</div>
<label for="objetive">
<input type="radio" name="objetive" value="weightloss"> Perder peso
</label>
<label for="objetive">
<input type="radio" name="objetive" value="maintaining"> Manter peso
</label>
</div>
<label for="objetive">
<input type="radio" name="objective" value="improve"> Melhorar condicionamento físico
</label>
</div>
</div>
<div class="row mt-3">
<div class="col">
<a href="./dashboard.html" class="btn w-100" role="button" id="submitButton">Cadastrar</a>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!--FIM FORMULÁRIO LOGIN-->
<!-- Option 1: Bootstrap Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>