-
Notifications
You must be signed in to change notification settings - Fork 1
/
produto.html
136 lines (133 loc) · 4.63 KB
/
produto.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/estilos.css">
<link rel="stylesheet" href="assets/css/produto.css">
<link rel="stylesheet" href="assets/css/jquery-ui.css">
<title>
Mirror Fashion
</title>
</head>
<body>
<header class="container">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js">
</script>
<![endif]-->
<h1>
Mirror Fashion
</h1>
<p class="sacola">
Nenhum item na sacola de compras
</p>
<nav class="menu-setores">
<ul>
<li>
<a href="#">Sua Conta</a>
</li>
<li>
<a href="#">Lista de Desejos</a>
</li>
<li>
<a href="#">Cartão Fidelidade</a>
</li>
<li>
<a href="sobre.html">Sobre</a>
</li>
<li>
<a href="#">Ajuda</a>
</li>
</ul>
</nav>
</header>
<div class="container produto">
<img src="assets/img/produto-detalhe1.png" class="foto">
<h1>
Fuzzy Cardigan
</h1>
<h2>
por apenas R$ 129
</h2>
<h3>
Escolha sua cor:
</h3>
<p class="cores">
Cores disponíveis:
<a href="assets/img/produto-detalhe1.png" class="verde">verde</a>
<a href="assets/img/produto-detalhe2.png" class="rosa">rosa</a>
e
<a href="assets/img/produto-detalhe3.png" class="azul">azul</a>
</p>
<a href="#" class="comprar">Comprar</a>
</div>
<section class="detalhes container">
<ul>
<li>
<a href="#tab-sobre">Sobre o produtos</a>
</li>
<li>
<a href="#tab-dicas">Dicas</a>
</li>
<li>
<a href="#tab-info">Detalhes</a>
</li>
</ul>
<p id="tab-sobre">
Esse é o melhor casaco de Cardigã que você já viu. Excelente material
italiano com estampa desenhada pelos artesãos da comunidade de Krotor nas
ilhas gregas. Compre já e receba hoje mesmo pela nossa entrega ajato.
</p>
<p id="tab-dicas">
O Fuzzy Cardigan é fantástico para a meia estação, quando o friozinho
começa a chegar. Seu estilo parisiense combina com o charme da estação.
</p>
<table id="tab-info">
<thead>
<th>Característica</th>
<th>Detalhe</th>
</thead>
<tbody>
<tr>
<td>Modelo</td>
<td>Cardigã 7845</td>
</tr>
<tr>
<td>Material</td>
<td>Algodão de poliester</td>
</tr>
<tr>
<td>Cores</td>
<td>Azul, Rosa e Verde</td>
</tr>
<tr>
<td>Lavagem</td>
<td>Lavar a mão</td>
</tr>
</tbody>
</table>
</section>
<footer>
<div class="container">
<h1>
Mirror Fashion
</h1>
<ul class="social">
<li>
<a href="http://facebook.com/mirrorfashion">Facebook</a>
</li>
<li>
<a href="http://twitter.com/mirrorfashion">Twitter</a>
</li>
<li>
<a href="http://plus.google.com/mirrorfashion">Google+</a>
</li>
</ul>
</div>
</footer>
<script type="text/javascript" src="assets/js/jquery.js"></script>
<script type="text/javascript" src="assets/js/jquery-ui.js"></script>
<script type="text/javascript" src="assets/js/produtos.js"></script>
</body>
</html>