-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
229 lines (204 loc) · 18.6 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
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
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Ecommerce - Loja Virtual</title>
<link href="https://fonts.cdnfonts.com/css/neck-l-sans" rel="stylesheet">
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/flex.css" rel="stylesheet" type="text/css" />
<link href="css/utils.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/png" href="images/favicon.png" />
</head>
<body>
<!--
########
HEADER
########
-->
<!-- CABEÇALHO -->
<header class="header">
<div class="container">
<div class="display-flex justify-content-space-between align-items-center pt-16 pb-16">
<a class="logo" href="/">
<img src="images/loja.png" alt="">
</a>
<div class="opcoes display-flex align-items-center gap-32">
<div class="display-flex align-items-center gap-8">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g>
<path d="M256,0C114.841,0,0,114.841,0,256s114.841,256,256,256s256-114.841,256-256S397.159,0,256,0z M346.895,456.06c-27.716,12.642-58.497,19.695-90.895,19.695c-32.398,0-63.18-7.053-90.895-19.695v-88.595c0-24.969,20.313-45.281,45.281-45.281h91.228c24.968,0,45.281,20.313,45.281,45.281V456.06z M383.14,435.149v-67.684c0-44.953-36.572-81.526-81.526-81.526h-4.533c32.021-15.369,54.184-48.113,54.184-85.94c0-52.53-42.736-95.265-95.266-95.265c-52.53,0-95.266,42.736-95.266,95.265c0,37.828,22.164,70.571,54.184,85.94h-4.533c-44.953,0-81.526,36.572-81.526,81.526v67.684C72.847,395.282,36.245,329.834,36.245,256c0-121.173,98.582-219.755,219.755-219.755S475.755,134.827,475.755,256C475.755,329.834,439.153,395.282,383.14,435.149z M256,259.019c-32.544,0-59.021-26.477-59.021-59.021c0-32.544,26.477-59.02,59.021-59.02s59.021,26.477,59.021,59.02C315.021,232.544,288.544,259.019,256,259.019z"/></g></g></svg>
<a href="/">Entrar/Cadastrar</a>
</div>
<div class="display-flex align-items-center gap-8">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g>
<path d="M386.689,304.403c-35.587,0-64.538,28.951-64.538,64.538s28.951,64.538,64.538,64.538c35.593,0,64.538-28.951,64.538-64.538S422.276,304.403,386.689,304.403z M386.689,401.21c-17.796,0-32.269-14.473-32.269-32.269c0-17.796,14.473-32.269,32.269-32.269c17.796,0,32.269,14.473,32.269,32.269C418.958,386.738,404.485,401.21,386.689,401.21z"/></g></g><g><g><path d="M166.185,304.403c-35.587,0-64.538,28.951-64.538,64.538s28.951,64.538,64.538,64.538s64.538-28.951,64.538-64.538S201.772,304.403,166.185,304.403z M166.185,401.21c-17.796,0-32.269-14.473-32.269-32.269c0-17.796,14.473-32.269,32.269-32.269c17.791,0,32.269,14.473,32.269,32.269C198.454,386.738,183.981,401.21,166.185,401.21z"/></g></g><g><g><path d="M430.15,119.675c-2.743-5.448-8.32-8.885-14.419-8.885h-84.975v32.269h75.025l43.934,87.384l28.838-14.5L430.15,119.675z"/></g></g><g><g><rect x="216.202" y="353.345" width="122.084" height="32.269"/></g></g><g><g><path d="M117.781,353.345H61.849c-8.912,0-16.134,7.223-16.134,16.134c0,8.912,7.223,16.134,16.134,16.134h55.933c8.912,0,16.134-7.223,16.134-16.134C133.916,360.567,126.693,353.345,117.781,353.345z"/></g></g><g><g><path d="M508.612,254.709l-31.736-40.874c-3.049-3.937-7.755-6.239-12.741-6.239H346.891V94.655c0-8.912-7.223-16.134-16.134-16.134H61.849c-8.912,0-16.134,7.223-16.134,16.134s7.223,16.134,16.134,16.134h252.773v112.941c0,8.912,7.223,16.134,16.134,16.134h125.478l23.497,30.268v83.211h-44.639c-8.912,0-16.134,7.223-16.134,16.134c0,8.912,7.223,16.134,16.134,16.134h60.773c8.912,0,16.134-7.223,16.135-16.134V264.605C512,261.023,510.806,257.538,508.612,254.709z"/></g></g><g><g><path d="M116.706,271.597H42.487c-8.912,0-16.134,7.223-16.134,16.134c0,8.912,7.223,16.134,16.134,16.134h74.218c8.912,0,16.134-7.223,16.134-16.134C132.84,278.82,125.617,271.597,116.706,271.597z"/></g></g><g><g><path d="M153.815,208.134H16.134C7.223,208.134,0,215.357,0,224.269s7.223,16.134,16.134,16.134h137.681c8.912,0,16.134-7.223,16.134-16.134S162.727,208.134,153.815,208.134z"/></g></g><g><g><path d="M180.168,144.672H42.487c-8.912,0-16.134,7.223-16.134,16.134c0,8.912,7.223,16.134,16.134,16.134h137.681c8.912,0,16.134-7.223,16.134-16.134C196.303,151.895,189.08,144.672,180.168,144.672z"/></g></g></svg>
<a href="/">Rastrear Pedido</a>
</div>
<!-- CARRINHO -->
<div class="carrinho display-flex align-items-center gap-8">
<svg version="1.1" height="34" width="34" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.997 511.997" style="enable-background:new 0 0 511.997 511.997;" xml:space="preserve"><g><g><path d="M405.387,362.612c-35.202,0-63.84,28.639-63.84,63.84s28.639,63.84,63.84,63.84s63.84-28.639,63.84-63.84S440.588,362.612,405.387,362.612z M405.387,451.988c-14.083,0-25.536-11.453-25.536-25.536s11.453-25.536,25.536-25.536c14.083,0,25.536,11.453,25.536,25.536S419.47,451.988,405.387,451.988z"/></g></g><g><g><path d="M507.927,115.875c-3.626-4.641-9.187-7.348-15.079-7.348H118.22l-17.237-72.12c-2.062-8.618-9.768-14.702-18.629-14.702H19.152C8.574,21.704,0,30.278,0,40.856s8.574,19.152,19.152,19.152h48.085l62.244,260.443c2.062,8.625,9.768,14.702,18.629,14.702h298.135c8.804,0,16.477-6.001,18.59-14.543l46.604-188.329C512.849,126.562,511.553,120.516,507.927,115.875z M431.261,296.85H163.227l-35.853-150.019h341.003L431.261,296.85z"/></g></g><g><g><path d="M173.646,362.612c-35.202,0-63.84,28.639-63.84,63.84s28.639,63.84,63.84,63.84s63.84-28.639,63.84-63.84S208.847,362.612,173.646,362.612z M173.646,451.988c-14.083,0-25.536-11.453-25.536-25.536s11.453-25.536,25.536-25.536s25.536,11.453,25.536,25.536S187.729,451.988,173.646,451.988z"/></g></g></svg>
<a href="#">Carrinho</a>
</div>
</div>
</div>
</div>
</header>
<!-- MENU NAVEGAÇÃO -->
<nav>
<div class="container display-flex align-items-center justify-content-space-between pt-16 pb-16">
<a href="/">Categoria X</a>
<a href="/">Categoria Y</a>
<a href="/">Categoria Z</a>
<a href="/">Categoria W</a>
<a href="/">Categoria K</a>
</div>
</nav><!-- FIM DA NAVEGAÇÃO -->
<!-- MENU NAVEGAÇÃO -->
<div class="banner pt-32">
<div class="container">
<img src="images/banner.webp" alt="Banner">
</div>
</div>
<!-- DIFERENCIAIS -->
<div class="diferenciais pt-24 pb-64">
<div class="container">
<div class="display-flex align-items-center justify-content-space-between">
<div class="item">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"><g><g><path d="M386.689,304.403c-35.587,0-64.538,28.951-64.538,64.538s28.951,64.538,64.538,64.538c35.593,0,64.538-28.951,64.538-64.538S422.276,304.403,386.689,304.403z M386.689,401.21c-17.796,0-32.269-14.473-32.269-32.269c0-17.796,14.473-32.269,32.269-32.269c17.796,0,32.269,14.473,32.269,32.269C418.958,386.738,404.485,401.21,386.689,401.21z"/></g></g><g><g><path d="M166.185,304.403c-35.587,0-64.538,28.951-64.538,64.538s28.951,64.538,64.538,64.538s64.538-28.951,64.538-64.538S201.772,304.403,166.185,304.403z M166.185,401.21c-17.796,0-32.269-14.473-32.269-32.269c0-17.796,14.473-32.269,32.269-32.269c17.791,0,32.269,14.473,32.269,32.269C198.454,386.738,183.981,401.21,166.185,401.21z"/></g></g><g><g><path d="M430.15,119.675c-2.743-5.448-8.32-8.885-14.419-8.885h-84.975v32.269h75.025l43.934,87.384l28.838-14.5L430.15,119.675z"/></g></g><g><g><rect x="216.202" y="353.345" width="122.084" height="32.269"/></g></g><g><g><path d="M117.781,353.345H61.849c-8.912,0-16.134,7.223-16.134,16.134c0,8.912,7.223,16.134,16.134,16.134h55.933c8.912,0,16.134-7.223,16.134-16.134C133.916,360.567,126.693,353.345,117.781,353.345z"/></g></g><g><g><path d="M508.612,254.709l-31.736-40.874c-3.049-3.937-7.755-6.239-12.741-6.239H346.891V94.655c0-8.912-7.223-16.134-16.134-16.134H61.849c-8.912,0-16.134,7.223-16.134,16.134s7.223,16.134,16.134,16.134h252.773v112.941c0,8.912,7.223,16.134,16.134,16.134h125.478l23.497,30.268v83.211h-44.639c-8.912,0-16.134,7.223-16.134,16.134c0,8.912,7.223,16.134,16.134,16.134h60.773c8.912,0,16.134-7.223,16.135-16.134V264.605C512,261.023,510.806,257.538,508.612,254.709z"/></g></g><g><g><path d="M116.706,271.597H42.487c-8.912,0-16.134,7.223-16.134,16.134c0,8.912,7.223,16.134,16.134,16.134h74.218c8.912,0,16.134-7.223,16.134-16.134C132.84,278.82,125.617,271.597,116.706,271.597z"/></g></g><g><g><path d="M153.815,208.134H16.134C7.223,208.134,0,215.357,0,224.269s7.223,16.134,16.134,16.134h137.681c8.912,0,16.134-7.223,16.134-16.134S162.727,208.134,153.815,208.134z"/></g></g><g><g><path d="M180.168,144.672H42.487c-8.912,0-16.134,7.223-16.134,16.134c0,8.912,7.223,16.134,16.134,16.134h137.681c8.912,0,16.134-7.223,16.134-16.134C196.303,151.895,189.08,144.672,180.168,144.672z"/></g></g></svg>
<div>
<h6>Frete Grátis</h6>
<p>Compras acima de R$ 150,00</p>
</div>
</div>
<div class="item">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="_01" data-name="01"><path d="m18.22 2.25h-9.44c-3.141 0-4.3.921-4.491 3.641-2.517.367-3.039 1.909-3.039 4.389v6.99c0 3.392 1.1 4.48 4.53 4.48h9.44c3.138 0 4.3-.92 4.49-3.641 2.518-.367 3.04-1.91 3.04-4.389v-6.99c0-3.392-1.101-4.48-4.53-4.48zm.03 15.172c-.025 2.432-.45 2.828-3.03 2.828h-9.44c-2.605 0-3.03-.418-3.03-2.98v-3.914h15.5zm0-5.566h-15.5v-1.576c0-2.474.489-2.855 2.28-2.961.232-.009.481-.019.75-.019h9.44c2.6 0 3.03.418 3.03 2.98zm3 1.864c0 2.063-.34 2.671-1.5 2.877v-6.317c0-3.391-1.1-4.48-4.53-4.48h-9.442c.128-1.741.727-2.05 3-2.05h9.44c2.605 0 3.03.418 3.03 2.98zm-16.75 4.087a.75.75 0 0 1 .75-.75h1.715a.75.75 0 0 1 0 1.5h-1.719a.75.75 0 0 1 -.746-.75zm3.868 0a.75.75 0 0 1 .75-.75h3.439a.75.75 0 0 1 0 1.5h-3.443a.75.75 0 0 1 -.75-.75z"/></g></svg>
<div>
<h6>Parcele suas compras</h6>
<p>Em até 10x sem juros</p>
</div>
</div>
<div class="item">
<svg height="34" viewBox="-23 -21 682 682.66669" width="34" xmlns="http://www.w3.org/2000/svg"><path d="m544.386719 93.007812c-59.875-59.945312-139.503907-92.9726558-224.335938-93.007812-174.804687 0-317.070312 142.261719-317.140625 317.113281-.023437 55.894531 14.578125 110.457031 42.332032 158.550781l-44.992188 164.335938 168.121094-44.101562c46.324218 25.269531 98.476562 38.585937 151.550781 38.601562h.132813c174.785156 0 317.066406-142.273438 317.132812-317.132812.035156-84.742188-32.921875-164.417969-92.800781-224.359376zm-224.335938 487.933594h-.109375c-47.296875-.019531-93.683594-12.730468-134.160156-36.742187l-9.621094-5.714844-99.765625 26.171875 26.628907-97.269531-6.269532-9.972657c-26.386718-41.96875-40.320312-90.476562-40.296875-140.28125.054688-145.332031 118.304688-263.570312 263.699219-263.570312 70.40625.023438 136.589844 27.476562 186.355469 77.300781s77.15625 116.050781 77.132812 186.484375c-.0625 145.34375-118.304687 263.59375-263.59375 263.59375zm144.585938-197.417968c-7.921875-3.96875-46.882813-23.132813-54.148438-25.78125-7.257812-2.644532-12.546875-3.960938-17.824219 3.96875-5.285156 7.929687-20.46875 25.78125-25.09375 31.066406-4.625 5.289062-9.242187 5.953125-17.167968 1.984375-7.925782-3.964844-33.457032-12.335938-63.726563-39.332031-23.554687-21.011719-39.457031-46.960938-44.082031-54.890626-4.617188-7.9375-.039062-11.8125 3.476562-16.171874 8.578126-10.652344 17.167969-21.820313 19.808594-27.105469 2.644532-5.289063 1.320313-9.917969-.664062-13.882813-1.976563-3.964844-17.824219-42.96875-24.425782-58.839844-6.4375-15.445312-12.964843-13.359374-17.832031-13.601562-4.617187-.230469-9.902343-.277344-15.1875-.277344-5.28125 0-13.867187 1.980469-21.132812 9.917969-7.261719 7.933594-27.730469 27.101563-27.730469 66.105469s28.394531 76.683594 32.355469 81.972656c3.960937 5.289062 55.878906 85.328125 135.367187 119.648438 18.90625 8.171874 33.664063 13.042968 45.175782 16.695312 18.984374 6.03125 36.253906 5.179688 49.910156 3.140625 15.226562-2.277344 46.878906-19.171875 53.488281-37.679687 6.601563-18.511719 6.601563-34.375 4.617187-37.683594-1.976562-3.304688-7.261718-5.285156-15.183593-9.253906zm0 0" fill-rule="evenodd"/></svg>
<div>
<h6>Atendimento Whatsapp</h6>
<p>Segunda á sexta 9h às 18h</p>
</div>
</div>
<div class="item">
<svg enable-background="new 0 0 32 32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g id="Grid" display="none"/><g id="Credit_Card"/><g id="Receipt"/><g id="No_Balance"/><g id="Online_Payment"/><g id="Wallet_1_"/><g id="Balance_Limit"/><g id="Invoice"/><g id="Money"/><g id="Payment"/><g id="Coin"/><g id="Insert_Card"/><g id="Global_Payment"/><g id="Bill"/><g id="Transaction"/><g id="Payment_Method"/><g id="Secure_Payment"><path d="m26.75 3.158h-21.5c-2.288 0-4.15 1.862-4.15 4.15v13.97c0 2.288 1.862 4.15 4.15 4.15h11.87c.497 0 .9-.403.9-.9s-.403-.9-.9-.9h-11.87c-1.296 0-2.35-1.054-2.35-2.35v-7.23h26.2v1.54c0 .497.403.9.9.9s.9-.403.9-.9v-8.279c0-2.288-1.862-4.151-4.15-4.151zm-21.5 1.801h21.5c1.296 0 2.35 1.054 2.35 2.35v.855h-26.2v-.855c0-1.296 1.054-2.35 2.35-2.35zm-2.35 7.288v-2.282h26.2v2.282z"/><path d="m6.308 17.735h2.757c.497 0 .9-.403.9-.9s-.403-.9-.9-.9h-2.757c-.497 0-.9.403-.9.9s.403.9.9.9z"/><path d="m6.308 21.124h5.514c.497 0 .9-.403.9-.9s-.403-.9-.9-.9h-5.514c-.497 0-.9.403-.9.9s.403.9.9.9z"/><path d="m26 20.881-1.611 1.299-.35-.446c-.306-.389-.873-.46-1.264-.152-.391.307-.46.872-.153 1.264l.913 1.164c.149.189.367.312.606.339.034.004.068.006.102.006.205 0 .404-.07.565-.199l2.321-1.871c.387-.313.448-.879.136-1.266-.311-.389-.878-.449-1.265-.138z"/><path d="m29.831 18.416-4.012-2.017c-.547-.274-1.197-.275-1.743.001l-4.01 2.015c-.667.334-1.086 1.033-1.07 1.78.042 1.914.602 6.566 4.877 8.423.341.148.708.223 1.075.223s.733-.074 1.074-.223c4.275-1.856 4.835-6.509 4.877-8.422.018-.747-.402-1.446-1.068-1.78zm-4.526 8.552c-.227.098-.487.098-.715 0-3.322-1.442-3.761-5.244-3.795-6.812-.001-.057.028-.107.078-.133l4.009-2.015c.021-.01.043-.016.065-.016s.043.005.063.015l4.012 2.017c.049.024.078.074.077.132-.034 1.568-.473 5.369-3.794 6.812z"/></g><g id="Add_Payment"/><g id="Reduce_Payment"/><g id="ATM"/><g id="Transfer"/><g id="Bank"/><g id="Money_Bag"/><g id="Online_Payment_1_"/><g id="Online_Banking"/><g id="Banking"/></svg>
<div>
<h6>Compra Segura</h6>
<p>Ambiente super seguro</p>
</div>
</div>
</div>
</div>
</div>
<!-- CATEGORIAS -->
<div class="categorias pt-32 pb-64">
<div class="container">
<h3>Categorias</h3>
<div class="display-flex gap-8 text-align-center pt-16 pb-16">
<div>
<img src="https://fakeimg.pl/232x300/00fbdb/060707?text=IMAGEM+AQUI&font=bebas" alt="Categoria X">
<a href="/">Categoria X</a>
</div>
<div>
<img src="https://fakeimg.pl/232x300/00fbdb/060707?text=IMAGEM+AQUI&font=bebas" alt="Categoria X">
<a href="/">Categoria Y</a>
</div>
<div>
<img src="https://fakeimg.pl/232x300/00fbdb/060707?text=IMAGEM+AQUI&font=bebas" alt="Categoria X">
<a href="/">Categoria Z</a>
</div>
<div>
<img src="https://fakeimg.pl/232x300/00fbdb/060707?text=IMAGEM+AQUI&font=bebas" alt="Categoria X">
<a href="/">Categoria W</a>
</div>
<div>
<img src="https://fakeimg.pl/232x300/00fbdb/060707?text=IMAGEM+AQUI&font=bebas" alt="Categoria X">
<a href="/">Categoria K</a>
</div>
</div>
</div>
</div><!-- FIM DAS CATEGORIAS -->
<!-- PRODUTOS -->
<div class="produtos pt-32 pb-64">
<div class="container">
<h3>Produtos</h3>
<div class="lista-produtos display-flex align-items-center flex-wrap-wrap gap-16 pt-16">
<div class="produto">
<img src="https://fakeimg.pl/284x284/060707/00fbdb?text=IMAGEM+AQUI&font=bebas" alt="Categoria X">
<div class="detalhes">
<p class="nome-produto">Título do Produto</p>
<p class="categoria">Categoria</p>
<p class="preco">R$ 1929,59</p>
<button class="no-carrinho">Adicionado</button>
</div>
</div>
<div class="produto">
<img src="https://fakeimg.pl/284x284/060707/00fbdb?text=IMAGEM+AQUI&font=bebas" alt="Categoria X">
<div class="detalhes">
<p class="nome-produto">Título do Produto</p>
<p class="categoria">Categoria</p>
<p class="preco">R$ 1929,59</p>
<button class="carrinho">Adicionar ao Carrinho</button>
</div>
</div>
</div>
</div>
</div><!-- FIM DOS PRODUTOS -->
<!--
########
RODAPÉ
########
-->
<!-- BANNER RODAPÉ -->
<div class="banner-rodape pb-64">
<div class="container">
<img src="images/banner-rodape.webp" alt="Banner Rodapé">
</div>
</div>
<!-- NEWSLETTER -->
<div class="newsletter pt-32 pb-32">
<div class="container">
<div class="display-flex justify-content-space-between align-items-center">
<div class="titulo">
<p>CADASTRE-SE EM NOSSA NEWSLETTER</p>
<p>e receba novidades e promoções</p>
</div>
<div class="form display-flex align-items-center gap-8">
<input type="text" placeholder="Digite seu nome">
<input type="email" placeholder="Digite seu email">
<button>Inscreva-se</button>
</div>
</div>
</div>
</div>
<footer class="pt-32 pb-32">
<div class="container">
<div class="display-flex justify-content-space-between gap-32">
<div class="logo">
<img src="images/loja-rodape.png" alt="">
</div>
<div class="sobre">
<h4>Sobre</h4>
<p>Este projeto foi desenvolvido por os alunos do 4º perído de Sistemas de Informação na Disciplina de Frameworks Frontend, utilizando Vue.JS 3</p>
</div>
<div class="cartoes">
<h4>Formas de Pagamento</h4>
<img src="images/formas-cartoes.png">
</div>
</div>
</div>
</footer>
<div class="copyright text-align-center pt-16 pb-16">
<div class="container">
<small><strong>Desenvolvido por:</strong> Carlos Rangel, Rangel Xavier e Carlos Rangel Xavier - Uninassau - IV Período de Sistemas de Informação</small>
</div>
</div>
</body>
</html>