-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
143 lines (139 loc) · 7.06 KB
/
index.html
File metadata and controls
143 lines (139 loc) · 7.06 KB
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Nanas T-Shirt</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="/imagens/logo.png" type="image/x-icon">
</head>
<body>
<header class="reveal reveal-up">
<div class="container">
<div class="containerimg">
<img src="imagens/meninaCamisa.png" alt="Menina usando camisa" class="camisaTop">
</div>
<div class="info">
<p class="texto">Mais que uma roupa, uma declaração<br>de amor e esperança em Jesus.</p>
<h2 class="nomeLoja">Nanas T-shirt.</h2>
<a href="#compra" class="ancoratop">
<button class="botaoTop">Vista sua fé</button>
</a>
</div>
</div>
</header>
<main>
<!--Sobre-->
<div class="containerSobre reveal reveal-left">
<h2 class="titulo-sobre">Nosso Próposito</h2>
<p class="textosobre">Na Nanas T-shirt, acreditamos que a fé deve ser vivida e vista. Nossas camisetas são mais que peças de vestuário: são declarações de um amor maior e ferramentas poderosas para espalhar a esperança que carregamos.</p>
</div>
<!--Diferenciais-->
<div class="Diferenciais">
<h2 class="tlDiferencial reveal reveal-left">Diferenciais do Produto</h2>
<div class="containerDiferenciais reveal reveal-right">
<div class="topicos">
<div class="item">
<span class="estrela">⭐</span>
<span>Estampa — design exclusivo e inspirado</span>
</div>
<div class="item">
<span class="estrela">⭐</span>
<span>Qualidade — tecido premium e durável</span>
</div>
<div class="item">
<span class="estrela">⭐</span>
<span>Conforto — toque suave e caimento perfeito</span>
</div>
<a href="#compra" class="ancorainsta2"><button class="comprar">✨ Comprar Agora</button></a>
</div>
<img src="imagens/blusaYeshua.png" alt="fotoBlusa" class="blusaYeshua">
</div>
</div>
<!--Nossos produtos-->
<div class="produtos">
<h2 class="titulo-produtos reveal reveal-up">Nossos Produtos</h2>
<div class="container-produtos">
<div class="produto1 reveal" data-delay="0">
<img src="imagens/produto1.png" alt="Produto 1" class="imagem-produto">
<h3 class="nome-produto">Blusa YESHUA</h3>
<a href="#compra" class="ancorainsta2" target="_blank"><button class="botaoComprar">Comprar</button></a>
</div>
<!-------------------------------->
<div class="produto1 reveal" data-delay="80">
<img src="imagens/fotoJeovana.png" alt="Produto 2" class="imagem-produto2">
<h3 class="nome-produto">Conjunto Azul Básico</h3>
<a href="#compra" class="ancorainsta2" target="_blank"><button class="botaoComprar" >Comprar</button></a>
</div>
<!-------------------------------->
<div class="produto1 reveal" data-delay="100">
<img src="imagens/produto3.png" alt="Produto 3" class="imagem-produto">
<h3 class="nome-produto">Blusa Jesus</h3>
<a href="#compra" class="ancorainsta2" target="_blank"><button class="botaoComprar">Comprar</button></a>
</div>
<!-------------------------------->
</div>
</div>
<div class="avalicao reveal reveal-left">
<h2>FeedBack</h2>
<div class="cardContainer">
<div class="cart ">
<div class="clienteContainer">
<img src="imagens/fotocliente1.png" alt="fotoCliente" class="foto_cliente">
<p class="nome_cliente">Samuel Duarte<p>
</div>
<div class="texto">
<p class="comentario">Que qualidade !!<br>Um tecido que tem um caimento surreal estão de parabéns!!</p>
<p class="estrelas">⭐⭐⭐⭐⭐</p>
</div>
</div>
<!-------------------------------->
<div class="cart ">
<div class="clienteContainer">
<img src="imagens/cliente2.png" alt="fotoCliente" class="foto_cliente">
<p class="nome_cliente">Jeovana Barros</p>
</div>
<div class="texto">
<p class="comentario">Que blusa linda!!
Algo fora do comum pode comprar sem medo!!</p>
<p class="estrelas">⭐⭐⭐⭐⭐</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="compra reveal reveal-rigth" id="compra" >
<h2 class="titulo-compra">Onde comprar ?</h2>
<div class="compracontainer" >
<a href="https://www.instagram.com/nanas.tshirt?igsh=cHIxeWw3aDlnd3lt" class="botaocomprar" target="_blank"><button class="botao-compra-instagram"><img src="imagens/instagram.png" alt="instagram" class="logo_insta" >Instagram</button></a>
<a href="https://chat.whatsapp.com/DO76t1Omjlq9yEJHMaWpLx?mode=hqrt2" class="botaocomprar" target="_blank">
<button class="botao-compra-whatsapp"><img src="imagens/whatsapp.png" alt="whatsapp" class="logozap">WhatsApp</button>
</a>
</div>
</div>
</main>
<footer class="curved-footer">
<div class="footer-content">
<div class="containerFooter">
<div class="cot1">
<p>Nanas Tshirt<br>Telefone: 2499827-8331<br>
Email: nanastshirt@gmail.com <br>
Instagram: <a href="https://www.instagram.com/nanas.tshirt?igsh=cHIxeWw3aDlnd3lt" class="ancorainsta" target="_blank">Nanas T-shirt</a></p>
</div>
<div class="cont2">
<a href="Pagina_Suporte/suporteCompra.html" class="ancfooter" target="_blank">
<p>Como faço para comprar?<br></p>
</a>
<a href="/Pagina_Suporte/suporteEntrega.html" class="ancfooter" target="_blank">
<p>Qual o prazo de entrega?<br></p>
</a>
<a href="/Pagina_Suporte/suporteTamanho.html" class="ancfooter" target="_blank"><p>Quais os tamanhos disponíveis?</p></a>
</div>
</div>
<p class="footer-text">© 2025 Nanas T-shirt. Todos os direitos reservados.</p>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>