-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
268 lines (245 loc) · 13.4 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
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
<!DOCTYPE html>
<html lang="pt-br">
<head>
<!-- Meta tags Obrigatórias -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="style.css" type="text/css">
<link rel="stylesheet" href="responsive.css" type="text/css">
<link href="/your-path-to-your-compiled-css-including-fontawesome/file.css" rel="stylesheet">
<link href="/your_path_to_version_6_compiled_files/css/fontawesome.css" rel="stylesheet">
<link rel="stylesheet" href="swiper-8-3-0/css/swiper-bundle.min.css"/>
<script src="function.js" type="text/javascript" defer></script>
<title>Omega Suprimentos - Toner, Tintas, Cartuchos, Produto para Recarga de Cartuchos, Produto para Recarga de Toner, Peças para Impressoras, Papeis</title>
</head>
<body>
<div class="image-wrapper">
<nav class="navbar navbar-expand-lg navbar-light navbar-custom">
<div class="container">
<div class="navbar-brand">
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#conteudoNavbarSuportado" aria-controls="conteudoNavbarSuportado" aria-expanded="false" aria-label="Alterna navegação">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="conteudoNavbarSuportado">
<ul class="navbar-nav ml-auto">
<li class="nav-item active color:#f8f9fa">
<a class="nav-link" href="#">Inicio<span class="sr-only">(Página atual)</span></a>
</li>
<li class="nav-item color:#f8f9fa">
<a class="nav-link" href="#empresa">Empresa</a>
</li>
<li class="nav-item color:#f8f9fa">
<a class="nav-link" href="#">Catálogo</a>
</li>
<li class="nav-item color:#f8f9fa">
<a class="nav-link" href="#">Contato</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="start-header">
<div class="img-header">
<img src="images/Imagem-Suprimentos-Impressão.png" alt="Imagem Suprimentos Impressão" class="waper-1">
</div>
<div class="text-header">
<h1>To company,</br>To you</h1>
<p>O que precisa para sua empresa ou assistência, aqui temos para o seu negócio!</p>
</div>
</div>
<svg class="waves" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path class="wave-1" fill="#ffff" fill-opacity="1" d="M0,0L40,0C80,0,160,0,240,10.7C320,21,400,43,480,69.3C560,96,640,128,720,128C800,128,880,96,960,90.7C1040,85,1120,107,1200,101.3C1280,96,1360,64,1400,48L1440,32L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"></path>
<path class="wave-2" fill="#ffff" fill-opacity="0.75" d="M0,128L30,154.7C60,181,120,235,180,234.7C240,235,300,181,360,160C420,139,480,149,540,144C600,139,660,117,720,90.7C780,64,840,32,900,42.7C960,53,1020,107,1080,144C1140,181,1200,203,1260,197.3C1320,192,1380,160,1410,144L1440,128L1440,320L1410,320C1380,320,1320,320,1260,320C1200,320,1140,320,1080,320C1020,320,960,320,900,320C840,320,780,320,720,320C660,320,600,320,540,320C480,320,420,320,360,320C300,320,240,320,180,320C120,320,60,320,30,320L0,320Z"></path>
<path class="wave-3" fill="#ffff" fill-opacity="0.5" d="M0,160L60,181.3C120,203,240,245,360,245.3C480,245,600,203,720,165.3C840,128,960,96,1080,74.7C1200,53,1320,43,1380,37.3L1440,32L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"></path>
</svg>
<main>
<section class="empresa" id="empresa">
<div class="b-empresa">
<h2>Empresa</h2>
</div>
<div class="h-empresa">
<p>A <b>Omega Suprimentos</b> está localizada de forma estratégica na cidade de Blumenau-SC para melhor atender os clientes de Santa Catarina bem como os demais estados do Brasil. Sempre em busca de novos produtos, marcas e soluções, nos orgulhamos de poder oferecer a cada dia os melhores suprimentos na linha de impressão para seu comércio e assistência técnica com ótimo custo benefício.</p>
</div>
<div class="image-label-right" data-anime="right">
<img src="images/Toners.png" alt="Toners para Impressora" class="img-right">
<p>Com as melhores marcas de compativeis, ofereçemos uma grandes variedades em toner para modelos HP, Samsung, Brother, Xerox, Kyocera e Lexmark.</p>
</div>
<div class="image-label-left" data-anime="left">
<img src="images/cartuchos.png" alt="Cartuchos para Impressora" class="img-left">
<p>Trabalhamos com cartuchos compativeis e originais HP, Epson, Canon</p>
</div>
<div class="image-label-right" data-anime="right">
<img src="images/Tintas Inkmax.png" alt="Tintas para Impressora" class="img-right">
<p>Somos distribuidor das tinta Inkmax, com tecnologia importada e produzida no Brasil, para grandes linhas de impressoras e plotter HP, Epson, Canon e Brother, como suprimento para recarga de cartuchos.</p>
</div>
<div class="image-label-left" data-anime="left">
<img src="images/Rolos.png" alt="Peças e Suprimentos para Impressora" class="img-left">
<p>Temos uma linha extensa de peças e acessórios para a manutenção e assitência de impressoras, como suprimentos para recarga de toners e cartuchos.</p>
</div>
<div class="image-label-right" data-anime="right">
<img src="images/Papeis.png" alt="Papeis" class="img-right">
<p>Papel é o principal elemento para uma boa impressão, temos uma gama de variedades de papeis fotográficos, sulfite, couche, kraft, sublimático, transfer e especiais para personalizados.</p>
</div>
<div class="image-label-left" data-anime="left">
<img src="images/Bobina.png" alt="Bobinas para Plotter" class="img-left">
<p>Hoje a comunicação visual é importante para um negócio e disponibilizamos de bobinas de papel couche, sulfite, sublimático e fotográfico.</p>
</div>
<div class="image-label-right" data-anime="right">
<img src="images/Sublimacao.png" alt="Sublimação" class="img-right">
<p>A arte de imprimir e estampar em peças esta a cada dia mais presente, temos uma vasta linha de produtos para a sublimação e transfer.</p>
</div>
<div class="catalogo">
<button id="btn" alt="Acesse nosso catálogo">Acesse nosso catálogo</button>
</div>
</section>
<section class="parallax">
<div class="img-parallax">
<span><b>Para a sua empresa ou assistência.</b></span>
<div class="logo-omega">
<img src="images/logo-omega.png" alt="logo-omega">
</div>
</div>
</section>
<section class="marcas">
<div class="titulo">
<h2>Marcas</h2>
</div>
<div class="logo">
<p>Trabalhamos com as principais marcas do mercado.</p>
</div>
<div class="swiper mySwiper">
<div class="swiper-wrapper">
<div class="swiper-slide" id="img">
<img src="images/chinamate.png" alt="Chinamate">
</div>
<div class="swiper-slide" id="img">
<img src="images/inkmax.png" alt="Inkmax">
</div>
<div class="swiper-slide" id="img">
<img src="images/high fusion.png" alt="High Fusion">
</div>
<div class="swiper-slide" id="img">
<img src="images/Canon.png" alt="Canon">
</div>
<div class="swiper-slide" id="img">
<img src="images/hp.png" alt="HP">
</div>
<div class="swiper-slide" id="img">
<img src="images/epson.png" alt="Epson">
</div>
<div class="swiper-slide" id="img">
<img src="images/microjet.png" alt="Microjet">
</div>
<div class="swiper-slide" id="img">
<img src="images/evolut.png" alt="Evolut">
</div>
<div class="swiper-slide" id="img">
<img src="images/Live Sub.png" alt="Live Sub">
</div>
<div class="swiper-slide" id="img">
<img src="images/suzano.png" alt="Suzano">
</div>
<div class="swiper-slide" id="img">
<img src="images/off paper.png" alt="Off Paper">
</div>
</div>
</div>
<div class="contato">
<button id="btn" alt="Entre em contato conosco"><a href="http://wa.me/5547992750880" target="_blank">Entre em contato conosco</a></button>
</div>
</section>
</main>
<footer class="rodape">
<div class="link-rodape">
<ul class="navbar-nav ml-auto">
<div class="logo-empresa">
<img src="images/logo-omega-mobile.png" alt="Logo Omega Suprimentos" id="logo">
</div>
<li class="nav-item active color:#f8f9fa">
<a class="nav-link" href="#">Home<span class="sr-only">(Página atual)</span></a>
</li>
<li class="nav-item color:#f8f9fa">
<a class="nav-link" href="#empresa">Sobre nós</a>
</li>
<li class="nav-item color:#f8f9fa">
<a class="nav-link" href="#">Politica de Frete</a>
</li>
<li class="nav-item color:#f8f9fa">
<a class="nav-link" href="#">Politica de Privacidade</a>
</li>
<li class="nav-item color:#f8f9fa">
<a class="nav-link" href="#">Politica de trocas e Devoluções</a>
</li>
</ul>
</div>
<div class="rodape-center">
<div class="andress">
<div class="endereco">
<h3>Endereço</h3>
</div>
<p>Curitibanos, 411 - Térreo</br>
Bairro: Vila Nova</br>
Blumenau-SC</p>
<div class="call">
<h3>Contato</h3>
</div>
<div class="tel">
<p><ion-icon name="call-outline"></ion-icon><a href="tel:+554733360765" target="_blank">(47) 3336-0765</a></br>
<ion-icon name="logo-whatsapp"></ion-icon><a href="http://wa.me/5547992750880" target="_blank">(47) 99275-0880</a></br>
<ion-icon name="mail-open-outline"></ion-icon><a href="mailto:vendas@omegasuprimentos.com.br" target="_blank">vendas@omegasuprimentos.com.br</a></p>
</div>
<div class="social">
<h3>Social</h3>
</div>
<div class="icon-social">
<a href="https://www.instagram.com/omegasuprimentos/" alt="Instagram"><ion-icon name="logo-instagram"></ion-icon></a>
<a href="https://www.facebook.com/omegasuprimentos.com.br/" alt="Facebook"><ion-icon name="logo-facebook"></ion-icon></a>
</div>
</div>
</div>
<div class="rodape-right">
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3557.845894695068!2d-49.091294184955125!3d-26.90838548312948!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94df18cffbe958d7%3A0x91aaf19bbc7ad7f3!2sOmega%20Suprimentos!5e0!3m2!1spt-BR!2sbr!4v1666053542388!5m2!1spt-BR!2sbr" width="365" height="315" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe></div>
</div>
</footer>
<div class="developer">
<a class="JB" href="https://jhonnyrbueno.github.io/site/" target="_blank">Desenvolvido por: Jhonny Bueno Developer - © Todos os direitos reservados. 2022</a>
</div>
<!-- JavaScript (Opcional) -->
<script src="swiper-8-3-0/js/swiper-bundle.min.js"></script>
<script type="text/javascript">
var swiper = new Swiper(".mySwiper", {
slidesPerView: 3,
spaceEvenly: 1,
slidesPerGroup: 3,
loop: true,
loopFillGroupWithBlank: true,
autoplay: true,
autoplayTimeout: 100000,
breakpoints: {
0: {
slidesPerView: 1,
slidesPerGroup:1,
},
992: {
slidesPerView: 3,
slidesPerGroup: 1,
},
}
});
</script>
<!-- jQuery primeiro, depois Popper.js, depois Bootstrap JS -->
<script src="https://smtpjs.com/v3/smtp.js"></script>
<script src="https://your-site-or-cdn.com/fontawesome/v6.1.1/js/all.js" data-auto-replace-svg="nest"></script>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>