-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
152 lines (145 loc) · 8.66 KB
/
index.html
File metadata and controls
152 lines (145 loc) · 8.66 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
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RM-Pollo</title>
<link rel="stylesheet" href="/styless/style.css">
<link rel="stylesheet" href="/styless/reset.css">
<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="conteiner-header">
<header class="nav">
<!-- depois retirar o html -->
<a class="nav-logo" href="index.html">
<img class="logo" src="assets/RM_Pollo_LOGO.svg" alt="imagem_logo">
</a>
<nav class="nav-bar">
<div class="nav-links">
<ul class="nav-anchor">
<li class="nav-anchor-list"><a class="nav-caracters" href="#sobre-nos">Sobre Nós</a></li>
<li class="nav-anchor-list"><a class="nav-caracters" href="#produtos">Produtos</a></li>
<li class="nav-anchor-list"><a class="nav-caracters" href="#contato">Contato</a></li>
</ul>
</div>
</nav>
</header>
</div>
<div class="bar-responsive">
<i class="bTnIcon2 fa-solid fa-bars"></i>
</div>
<div class="drop-menu">
<li class="drop-menu-list"><a class="drop-nav-caracters" href="#sobre-nos">Sobre Nós</a></li>
<li class="drop-menu-list"><a class="drop-nav-caracters" href="#produtos">Produtos</a></li>
<li class="drop-menu-list"><a class="drop-nav-caracters" href="#contato">Contato</a></li>
</div>
<main class="conteiner-body">
<div class="conteiner background">
<section id="sobre-nos" class="alinhamento-sobre-nos">
<div class="alinhamento-conteudo">
<div class="animacao fadeInTop alinhamento-texto">
<h1 class="produto-titulo"><strong>Roupas Masculinas</strong></h1>
<p class="produto-texto">As Camisetas da RM Pollo possuem um ótimo caimento e são feitas com
materiais de alta qualidade para proporcionar conforto e estilo.</p>
</div>
<div class="grid-links animacao fadeInTop delay">
<a class="botao preto botao-grid-1" href="#">Saiba Mais</a>
<a class="botao verde botao-grid-2"
href="https://wa.me/5562993397162?text=bom+dia%2C+vim+pela+galeria+online"
target="_blank"><ion-icon name="logo-whatsapp"></ion-icon>Enviar Mensagem</a>
</div>
</div>
<div class="alinhamento-imagem">
<img class="produto-imagem animacao fadeInTop animacao-rapida" src="assets/imagem_1.jpg" alt="imagem_1">
</div>
</section>
</div>
<div class="conteiner">
<section id="produtos" class="alinhamento-produtos">
<div class="alinhamento-titulo">
<h2 class="produto-titulo"><strong>Nossos Produtos</strong></h2>
</div>
<ul class="alinhamento-retrato">
<li class="retrato alinhamento-produto-1 ">
<div class="alinhamento-item">
<img class="imagem-produto fadeInLeft" src="./assets/RM Pollo Mod1.svg" alt="imagem_produto_1">
<div class="alinhamento-conteudo-retrato">
<span class="tipo-produto">Camiseta Polo<br></span>
<span class="preco-produto">R$:79,90</span>
<span class="encaminha-loja"><a
href="https://api.whatsapp.com/send/?phone=5562993397162&text=bom+dia%2C+vim+pela+galeria+online&type=phone_number&app_absent=0"
target="_blank">veja
mais</a>
</span>
</div>
</div>
</li>
<li class="retrato alinhamento-produto-2">
<div class="alinhamento-item">
<img class="imagem-produto fadeInLeft" src="./assets/RM Pollo Mod2.svg" alt="imagem_produto_2">
<div class="alinhamento-conteudo-retrato">
<span class="tipo-produto">Conjunto Esporte Fino <br></span>
<span class="preco-produto">R$:159,90</span>
<span class="encaminha-loja"><a
href="https://api.whatsapp.com/send/?phone=5562993397162&text=bom+dia%2C+vim+pela+galeria+online&type=phone_number&app_absent=0"
target="_blank">veja
mais</a>
</span>
</div>
</div>
</li>
<li class="retrato alinhamento-produto-3">
<div class="alinhamento-item">
<img class="imagem-produto fadeInLeft" src="./assets/RM Pollo Mod3.svg" alt="imagem_produto_3">
<div class="alinhamento-conteudo-retrato">
<span class="tipo-produto">Suéter Tricô Degradê <br></span>
<span class="preco-produto">R$:129,90</span>
<span class="encaminha-loja"><a
href="https://api.whatsapp.com/send/?phone=5562993397162&text=bom+dia%2C+vim+pela+galeria+online&type=phone_number&app_absent=0"
target="_blank">veja
mais</a>
</span>
</div>
</div>
</li>
</ul>
<div class="grid-links-2 delay fadeInTop">
<a class="botao preto botao-grid-3" href="#">Ver Catálogo</a>
<a class="botao verde botao-grid-4"
href="https://wa.me/5562993397162?text=bom+dia%2C+vim+pela+galeria+online"
target="_blank"><ion-icon name="logo-whatsapp"></ion-icon>Enviar Mensagem</a>
</div>
</section>
</div>
<div class="conteiner contato">
<section id="contato" class="alinhamento-contato">
<div class="alinhamento-titulo-contato">
<h3 class="contato-titulo"><strong>Contatos</strong></h3>
</div>
<div class="borda-mapa">
<iframe class="contato-mapa"
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15289.30109186769!2d-49.2550685!3d-16.6605987!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x935ef37d232b9a19%3A0x3d9af7534f2d141a!2sRM%20Pollo%20-%20Shopping%20Mega%20Moda!5e0!3m2!1spt-BR!2sbr!4v1682472464542!5m2!1spt-BR!2sbr"
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="grid-links-3">
<a class="botao verde botao-grid-5"
href="https://wa.me/5562993397162?text=bom+dia%2C+vim+pela+galeria+online"
target="_blank"><ion-icon name="logo-whatsapp"></ion-icon>Whatsapp</a>
<a class="botao instagram botao-grid-6" href="https://www.instagram.com/" target="_blank"><ion-icon
name="logo-instagram"></ion-icon>Instagram</a>
<a class="botao preto botao-grid-7" href="https://goo.gl/maps/bX1n8iq4dKCuSQiNA"
target="_blank"><ion-icon class="localizacao-icone"
name="location-outline"></ion-icon>Localização</a>
</div>
</section>
</div>
</main>
<script src="/js/index.js"></script>
</body>
</html>