-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
248 lines (238 loc) · 12 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
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="description" content="Nayara Marra é uma empresa de joias sofisticadas, com o intuito de surpreender as mulheres modernas com acessórios de luxo e beleza.">
<meta name="keywords" content="Joias, anéis, pulseiras, brincos e colares">
<meta name="author" content="Gregorio de Almeida Queiroz, GregMaster, gregmasterbr@gmail.com">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="js/lightwidget.js"></script>
<title>Nayara Marra - JÓIAS E SEMI-JÓIAS</title>
</head>
<body>
<section class="orders-signup">
<nav class="menu orders uppercase text-right">
<a href="#">Meus Pedidos</a>
<a href="#">Entrar</a>
<a href="#">/</a>
<a href="#">Cadastre-se</a>
</nav>
</section>
<header>
<section class="brand">
<div class="option-search">
<input class="search" type="search" q="Digite o que você procura..." placeholder="Digite o que você procura..." />
<img src="img/ico-busca.png" alt="" title=""/>
</div>
<div class="expositive">
<img src="img/logo-nayara-marra.svg" alt="" title="" />
</div>
<div class="more-opt">
<ul>
<li class="uppercase"><a href="#"><img src="img/wish.svg" alt="" title=""> Lista de Desejos</a></li>
<li class="uppercase"><a href="#"><img src="img/buy.svg" alt="" title=""> 02 Itens</a></li>
</ul>
</div>
</section>
<nav class="menu main uppercase text-center">
<a href="#">Novidades</a>
<a href="#">Anéis</a>
<a href="#">Brincos</a>
<a href="#">Colares</a>
<a href="#">Conjuntos</a>
<a href="#">Sales</a>
</nav>
</header>
<section class="slideshow">
<figure>
<span class="trs next"></span>
<span class="trs prev"></span>
<div id="slider">
<a href="#" class="trs"><img src="img/slide-1.png" alt="Legenda da imagem 1" title="" /></a>
<a href="#" class="trs"><img src="img/slide-2.jpg" alt="Legenda da imagem 2" title="" /></a>
<a href="#" class="trs"><img src="img/slide-3.jpg" alt="Legenda da imagem 3" title="" /></a>
</div>
<figcaption></figcaption>
</figure>
</section>
<section class="benefits">
<ul class="uppercase">
<li><img src="img/frete.svg" alt="" title=""> Frete grátis acima de R$<b>200,00</b></li>
<li><img src="img/money.svg" alt="" title=""> Até <b>10X</b> sem juros</li>
<li><img src="img/discount.svg" alt="" title=""> <b>10% OFF</b> à vista no cartão ou boleto</li>
<li><img src="img/security.svg" alt="" title=""> <b>Segurança</b> em todas etapas da compra</li>
</ul>
</section>
<main>
<section class="models-brand-01 uppercase">
<div class="model m1">
<figure class="container">
<img src="img/model-1.svg" alt="" title="" />
<figcaption>Claritas Irium</figcaption>
</figure>
</div>
<div class="model m2">
<figure class="container">
<img src="img/model-2.svg" alt="" title="" />
<figcaption>Ademas Ades</figcaption>
</figure>
</div>
<div class="model m3">
<figure class="container">
<img src="img/model-3.svg" alt="" title="" />
<figcaption>Domenico Dhe</figcaption>
</figure>
</div>
</section>
<section class="products uppercase">
<div class="prod p1">
<figure class="container">
<img src="img/anel.svg" alt="" title="" />
<figcaption class="name">Anéis</figcaption>
<figcaption class="cta">Shop Now</figcaption>
</figure>
</div>
<div class="prod p2">
<figure class="container">
<img src="img/brinco.svg" alt="" title="" />
<figcaption class="name">Brincos</figcaption>
<figcaption class="cta">Shop Now</figcaption>
</figure>
</div>
<div class="prod p3">
<figure class="container">
<img src="img/colar2.png" alt="" title="" />
<figcaption class="name">Colares</figcaption>
<figcaption class="cta">Shop Now</figcaption>
</figure>
</div>
</section>
<section class="launch">
<h1 class="uppercase text-center title"><hr />Lançamentos<hr /></h1>
<article class="lanc">
<img class="ads" src="img/lanc1.svg" alt="Anúncio" />
<div class="promotion"><span>50% <b>OFF</b></span></div>
<div class="espiar uppercase"><span><img src="img/eye.svg"> espiar</span></div>
<footer class="desc">
<p class="uppercase text-center text">LOREM IPSUM DOLOR SIT AMET claritas adhemase</p>
<div class="prices">
<span class="old">R$ 1040,00</span>
<span class="new">R$ 900,00</span>
<span class="condition">2x de R$ 450, sem juros</span>
<a href="#" class="uppercase btn">comprar</a>
</div>
</footer>
</article>
<article class="lanc">
<img class="ads" src="img/lanc1.svg" alt="Anúncio" />
<div class="espiar uppercase"><span><img src="img/eye.svg"> espiar</span></div>
<footer class="desc">
<p class="uppercase text-center text">LOREM IPSUM DOLOR SIT AMET claritas adhemase</p>
<div class="prices">
<span class="old">R$ 1040,00</span>
<span class="new">R$ 900,00</span>
<span class="condition">2x de R$ 450, sem juros</span>
<a href="#" class="uppercase btn">comprar</a>
</div>
</footer>
</article>
<article class="lanc">
<img class="ads" src="img/lanc1.svg" alt="Anúncio" />
<div class="espiar uppercase"><span><img src="img/eye.svg"> espiar</span></div>
<footer class="desc">
<p class="uppercase text-center text">LOREM IPSUM DOLOR SIT AMET claritas adhemase</p>
<div class="prices">
<span class="old">R$ 1040,00</span>
<span class="new">R$ 900,00</span>
<span class="condition">2x de R$ 450, sem juros</span>
<a href="#" class="uppercase btn">comprar</a>
</div>
</footer>
</article>
</section>
<section class="destaq">
<div>
<ul class="blocos uppercase text-center">
<li class="bl b1"> <img src="img/model4.svg" alt="" title="" /><span class="nm"><b>Claritas Irium</b></span></li>
<li class="bl b2"> <img src="img/model5.svg" alt="" title="" /><span class="nm"><b>Ademas Ades</b></span></li>
<li class="bl b3"> <img src="img/model6.svg" alt="" title="" /><span class="nm"><b>Domenico Dhe</b></span></li>
</ul>
</div>
</section>
<section class="social">
<div class="text-center">
<img src="img/instagram.svg" alt="" title="" />
<h2 class="uppercase text-center">@nayaramarra</h2>
<div>
<iframe src="http://lightwidget.com/widgets/27b50fc99e79566aae9eea7da0be35a6.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:80%;border:0;overflow:hidden;"></iframe>
</div>
</div>
</section>
<section class="contact-newslatter">
<ul>
<li class="op "><img src="img/email.svg"><span class="uppercase news"> cadastre-se e receba ofertas exclusivas</span></li>
<li class="op email"><input type="email" name="email" placeholder="E-mail"></li>
<li class="op rs"><img src="img/redessociais.svg"></li>
</ul>
</section>
</main>
<section class="sitemap">
<div class="attention bloco1">
<ul>
<li class="uppercase title"><a href="#"><b>central de ajuda</b></a></li>
<li class="more-info"><a href="#"><b>Central de Atendimento</b></a></li>
<li class="more-info"><a href="#"><b>Envio e Entrega</b></a></li>
<li class="more-info"><a href="#"><b>Navegando e Comprando</b></a></li>
<li class="more-info"><a href="#"><b>Trocas e Devoluções</b></a></li>
<li class="more-info"><a href="#"><b>Fale Conosco</b></a></li>
<li class="more-info"><a href="#"><b>Mapa do Site</b></a></li>
</ul>
</div>
<div class="attention bloco2">
<ul>
<li class="uppercase title"><a href="#"><b>Institucional</b></a></li>
<li class="more-info"><a href="#"><b>Quem Somos</b></a></li>
<li class="more-info"><a href="#"><b>Nossas Lojas</b></a></li>
<li class="more-info"><a href="#"><b>Política de Privacidade</b></a></li>
<li class="more-info"><a href="#"><b>Afiliados</b></a></li>
</ul>
</div>
<div class="attention bloco3">
<ul>
<li class="uppercase title"><a href="#"><b>Atendimento</b></a></li>
<li class="uppercase more-info" ><img src="img/phone.svg" alt="" title="" /> <a href="#"><b>Televendas 0800-0000 | SAC 0800-0000</b></a></li>
<li class="more-info"><a href="#"><b>Horário de Atendimento</b></a></li>
<li class="more-info"><a href="#"><b>De segunda a sexta das 00 ás 00</b></a></li>
</ul>
</div>
<div class="attention bloco4">
<ul>
<li class="uppercase title"><a href="#"><b>Certificados</b></a></li>
<li class="uppercase more-info" ><img src="img/godaddy.svg" alt="" title="" /> </li>
</ul>
</div>
</section>
<section class="opt-payments">
<ul class="payments">
<li class="title">FORMAS DE PAGAMENTO</li>
<li class="pay mastercard" title="Mastercard"><img src="img/payments/mastercard.png" alt="" title=""></li>
<li class="pay visa" title="Visa"><img src="img/payments/visa.png" alt="" title=""></li>
<li class="pay amex" title="American Express"><img src="img/payments/amex.png" alt="" title=""></li>
<li class="pay dinners" title="Dinners"><img src="img/payments/dinners.png" alt="" title=""></li>
<li class="pay elo" title="Elo"><img src="img/payments/elo.png" alt="" title=""></li>
<li class="pay boleto" title="Boleto"><img src="img/payments/boleto.png" alt="" title=""></li>
</ul>
</section>
<footer>
<div >
<p>
Nayara Marra - CNPJ 60.306.289/0007-99 - Av. Lorem Ipsum, 3103 – lj 74/74 a / Piso Campo Belo - CEP 04029-902 - Indianópolis - São Paulo - SP Nayara Marra. © 2018 - Todos os direitos reservados.
</p>
<img class="text-right" src="img/logo-rakuten-digital-commerce.svg" alt="Logo da Rakuten Digital Commerce" title="Logo da Rakuten Digital Commerce" />
</div>
</footer>
<script src="js/func-slider.js"></script>
</body>
</html>