-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (94 loc) · 4.8 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calculadora de Orçamentos</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="background-image">
<img src="img/fundo.jpg" alt="Imagem de Fundo">
</div>
</div>
<div class="container">
<div class="form-column">
<h2>Camisetas 1 a 10</h2>
<form id="form1" class="form">
<label for="quantity1">Quantidade de camisetas:</label>
<input type="number" id="quantity1" name="quantity1" min="1" max="10">
<label for="bolsop1">Estampa de Bolso (10x10 cm):</label>
<input type="number" id="bolsop1" name="bolsop1" min="0">
<label for="mangap1">Estampa Manga (5x5 cm):</label>
<input type="number" id="mangap1" name="mangap1" min="0">
<label for="meiacostasp1">Estampa Meia Costas (30x20 cm):</label>
<input type="number" id="meiacostasp1" name="meiacostasp1" min="0">
<label for="costasp1">Estampa Costas Inteira (30x40 cm):</label>
<input type="number" id="costasp1" name="costasp1" min="0">
<label for="nomep1">Estampa Nome (30x8 cm):</label>
<input type="number" id="nomep1" name="nomep1" min="0">
<div>
<label for="priceIndividual1">Preço Individual:</label>
<input type="text" id="priceIndividual1" name="priceIndividual1" readonly>
</div>
<div>
<label for="totalPrice1">Preço Total:</label>
<input type="text" id="totalPrice1" name="totalPrice1" readonly>
</div>
</form>
</div>
<div class="form-column">
<h2>Camisetas 11 a 20</h2>
<form id="form2" class="form">
<label for="quantity2">Quantidade de camisetas:</label>
<input type="number" id="quantity2" name="quantity2" min="11" max="20">
<label for="bolsop2">Estampa de Bolso (10x10 cm):</label>
<input type="number" id="bolsop2" name="bolsop2" min="0">
<label for="mangap2">Estampa Manga (5x5 cm):</label>
<input type="number" id="mangap2" name="mangap2" min="0">
<label for="meiacostasp2">Estampa Meia Costas (30x20 cm):</label>
<input type="number" id="meiacostasp2" name="meiacostasp2" min="0">
<label for="costasp2">Estampa Costas Inteira (30x40 cm):</label>
<input type="number" id="costasp2" name="costasp2" min="0">
<label for="nomep2">Estampa Nome (30x8 cm):</label>
<input type="number" id="nomep2" name="nomep2" min="0">
<div>
<label for="priceIndividual2">Preço Individual:</label>
<input type="text" id="priceIndividual2" name="priceIndividual2" readonly>
</div>
<div>
<label for="totalPrice2">Preço Total:</label>
<input type="text" id="totalPrice2" name="totalPrice2" readonly>
</div>
</form>
</div>
<div class="form-column">
<h2>Camisetas 20+</h2>
<form id="form3" class="form">
<label for="quantity3">Quantidade de camisetas:</label>
<input type="number" id="quantity3" name="quantity3" min="21">
<label for="bolsop3">Estampa de Bolso (10x10 cm):</label>
<input type="number" id="bolsop3" name="bolsop3" min="0">
<label for="mangap3">Estampa Manga (5x5 cm):</label>
<input type="number" id="mangap3" name="mangap3" min="0">
<label for="meiacostasp3">Estampa Meia Costas (30x20 cm):</label>
<input type="number" id="meiacostasp3" name="meiacostasp3" min="0">
<label for="costasp3">Estampa Costas Inteira (30x40 cm):</label>
<input type="number" id="costasp3" name="costasp3" min="0">
<label for="nomep3">Estampa Nome (30x8 cm):</label>
<input type="number" id="nomep3" name="nomep3" min="0">
<div>
<label for="priceIndividual3">Preço Individual:</label>
<input type="text" id="priceIndividual3" name="priceIndividual3" readonly>
</div>
<div>
<label for="totalPrice3">Preço Total:</label>
<input type="text" id="totalPrice3" name="totalPrice3" readonly>
</div>
</form>
</div>
</div>
<div class="mascara"></div>
<script src="script.js"></script>
</body>
</html>