-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (110 loc) · 5.97 KB
/
index.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Trybewarts</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header class="header">
<img class="trybewarts-header-logo" src="images/trybewarts-header-logo.svg" alt="Logo Trybewarts">
<h1 id="trybewarts-header-title">Trybewarts</h1>
<form action="" class="trybewarts-login">
<input type="email" name="email" placeholder="Email" id="email-input">
<input type="password" name="password" placeholder="Senha" id="password-input">
<button id="login-button">Entrar</button>
</form>
</header>
<main>
<form action="" id="evaluation-form">
<h2>Formulário de Avaliação</h2>
<div id="name-container" class="form-box">
<input type="text" placeholder="Nome" id="input-name" class="form-info">
<input type="text" placeholder="Sobrenome" id="input-lastname" class="form-info">
</div>
<div id="house-container" class="form-box">
<input type="email" placeholder="Email" id="input-email" class="form-info">
<select name="" id="house" class="form-info">
<option id="gitnoria-house" value="Gitnória">Gitnória</option>
<option id="reactpuff-house" value="Reactpuff">Reactpuff</option>
<option id="corvinode-house" value="Corvinode">Corvinode</option>
<option id="pytherina-house" value="Pytherina">Pytherina</option>
</select>
</div>
<div id="family-container" class="form-box input-forms">
<label for="" id="label-family" >Qual sua família?</label>
<div class="inline">
<input id="frontend" class="family" type="radio" value="Frontend" name="family">
<label for="frontend">Frontend</label>
</div>
<div class="inline">
<input id="backend" class="family" type="radio" value="Backend" name="family">
<label for="backend">Backend</label>
</div>
<div class="inline">
<input id="fullstack" class="family" type="radio" value="FullStack" name="family">
<label for="fullstack">FullStack</label>
</div>
</div>
<div id="content-container" class="form-box input-forms">
<label for="agreement" id="label-content">Qual conteúdo você está com mais vontade de aprender?</label>
<div class="input-inline">
<input type="checkbox" id="jest-checkbox" class="subject" value="Jest">
<label for="jest-checkbox">Jest</label>
<input type="checkbox" id="promises-checkbox" class="subject" value="Promises">
<label for="promises-checkbox">Promises</label>
<input type="checkbox" id="hofs-checkbox" class="subject" value="HoFs">
<label for="hofs-checkbox">HoFs</label>
<input type="checkbox" id="react-checkbox" class="subject" value="React">
<label for="react-checkbox">React</label>
<input type="checkbox" id="sql-checkbox" class="subject" value="SQL">
<label for="sql-checkbox">SQL</label>
<input type="checkbox" id="python-checkbox" class="subject" value="Python">
<label for="python-checkbox">Python</label>
</div>
</div>
<div id="rate-container" class="form-box input-forms">
<label id="label-rate">Como você avalia a Trybewarts?</label>
<div class="input-inline">
<input type="radio" id="rate1" value="1" name="rate">
<label for="rate1">1</label>
<input type="radio" id="rate2" value="2" name="rate">
<label for="rate2">2</label>
<input type="radio" id="rate3" value="3" name="rate">
<label for="rate3">3</label>
<input type="radio" id="rate4" value="4" name="rate">
<label for="rate4">4</label>
<input type="radio" id="rate5" value="5" name="rate">
<label for="rate5">5</label>
<input type="radio" id="rate6" value="6" name="rate">
<label for="rate6">6</label>
<input type="radio" id="rate7" value="7" name="rate">
<label for="rate7">7</label>
<input type="radio" id="rate8" value="8" name="rate">
<label for="rate8">8</label>
<input type="radio" id="rate9" value="9" name="rate">
<label for="rate9">9</label>
<input type="radio" id="rate10" value="10" name="rate">
<label for="rate10">10</label>
</div>
</div>
<div id="textarea-container" class="form-box">
<label class="textarea" for="">Deixe seu comentário:</label>
<textarea name="" id="textarea" class="textarea input-forms" cols="30" rows="10" maxlength="500"></textarea>
<p id="counter">500</p>
</div>
<div id="agreement-container" class="form-box">
<input type="checkbox" name="" id="agreement">
<label for="agreement" id="label-infos">Você concorda com o uso das informações acima?</label>
<button type="submit" id="submit-btn">Enviar</button>
</div>
</form>
<img id="trybewarts-forms-logo" src="images/trybewarts-colored.svg" alt="">
</main>
<footer>
<p>Direitos reservados à Trybewarts©</p>
</footer>
</body>
<script src="script.js"></script>
</html>