-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprodutos.html
163 lines (159 loc) · 7.83 KB
/
produtos.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
157
158
159
160
161
162
163
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pati Store - Produtos</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Pati Store</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="produtos.html">Produtos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="sobre.html">Sobre Nós</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contato.html">Contato</a>
</li>
</ul>
</div>
</nav>
<!-- Produtos -->
<section class="py-5">
<div class="container">
<h2 class="text-center mb-5">Nossos Produtos</h2>
<div class="row">
<!-- Card 1 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/camisa_polo.png" class="card-img-top" alt="Camisa Polo">
<div class="card-body">
<h5 class="card-title">Camisa Polo</h5>
<p class="card-text">Camisa 100% algodão</p>
<p class="card-text"><strong>R$ 119,90</strong></p>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/calca_jeans.png" class="card-img-top" alt="Calça Jeans">
<div class="card-body">
<h5 class="card-title">Calça Alfaitaria</h5>
<p class="card-text">Calça de malha confort.</p>
<p class="card-text"><strong>R$ 210,00</strong></p>
</div>
</div>
</div>
<!-- Card 3 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/jaqueta_de_couro.png" class="card-img-top" alt="Jaqueta de Couro">
<div class="card-body">
<h5 class="card-title">Jaqueta de Couro</h5>
<p class="card-text">Couro Legítimo</p>
<p class="card-text"><strong>R$ 318,99</strong></p>
</div>
</div>
</div>
<!-- Card 4 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/body.png" class="card-img-top" alt="Body">
<div class="card-body">
<h5 class="card-title">Body Alfaitaria</h5>
<p class="card-text">Body de malha confort.</p>
<p class="card-text"><strong>R$ 139,00</strong></p>
</div>
</div>
</div>
<!-- Card 5 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/calca_pantalona.png" class="card-img-top" alt="Calça Pantalona">
<div class="card-body">
<h5 class="card-title">Calça Alfaitaria Pantalona</h5>
<p class="card-text">Calça de malha confort.</p>
<p class="card-text"><strong>R$ 234,90</strong></p>
</div>
</div>
</div>
<!-- Card 6 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/jaqueta_feminina.png" class="card-img-top" alt="Jaqueta de Couro">
<div class="card-body">
<h5 class="card-title">Jaqueta de Couro</h5>
<p class="card-text">Couro Legítimo</p>
<p class="card-text"><strong>R$ 309,00</strong></p>
</div>
</div>
</div>
<!-- Card 7 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/scarpin.png" class="card-img-top" alt="Scarpin">
<div class="card-body">
<h5 class="card-title">Scarpin</h5>
<p class="card-text">Scarpin Social Confort</p>
<p class="card-text"><strong>R$ 189,99</strong></p>
</div>
</div>
</div>
<!-- Card 8 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/botina.png" class="card-img-top" alt="Botina">
<div class="card-body">
<h5 class="card-title">Botina Social</h5>
<p class="card-text">Botina de Couro Legítimo Envernizada</p>
<p class="card-text"><strong>R$ 379,00</strong></p>
</div>
</div>
</div>
<!-- Card 9 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/tenis_social.png" class="card-img-top" alt="Tenis Social">
<div class="card-body">
<h5 class="card-title">Tenis Social</h5>
<p class="card-text">Tenis de Couro Legítimo Envernizado</p>
<p class="card-text"><strong>R$ 299,90</strong></p>
</div>
</div>
</div>
<!-- Card 10 -->
<div class="col-md-4 mb-4">
<div class="card">
<img src="assets/img/sapatilha.png" class="card-img-top" alt="Mocassim Social">
<div class="card-body">
<h5 class="card-title">Mocassim Social</h5>
<p class="card-text">Mocassim de Couro Legítimo Envernizada</p>
<p class="card-text"><strong>R$ 102,00</strong></p>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="text-center mt-5 py-4 bg-light">
<p>© 2024 Pati Store - Todos os Direitos Reservados</p>
</footer>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>