-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathsobre.html
134 lines (132 loc) · 6.19 KB
/
sobre.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
<!DOCTYPE html>
<html lang="pt - BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sobre nós</title>
<meta name="description" content="Aqui você encontra ofertas imperdíveis e ajuda o planeta!">
<link rel="shortcut icon" type="imagex/png" href="image/icon2.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" crossorigin="anonymous">
<style>
@import url(css/sobre.css);
</style>
</head>
<body>
<header>
<nav>
<div class="logo-supervalido">
<span class="logo">
<a href="home.html">
<img src="image/logoSupervalido.png" alt="Logo do Super Válido" width="240vw" height="60vh">
</a>
</span>
</div>
<ul class="menu">
<li><a href="sobre.html">Sobre</a></li>
<li><a href="">Ofertas</a></li>
<li><a href="parceiros.html">Parceiros</a></li>
<li><a href="ajuda.html">Ajuda</a></li>
</ul>
<div class="botao-perfil">
<a href="login.html" class="botao-perfil-icone">
<i class="fas fa-user"></i>
</a>
</div>
</nav>
</header>
<main>
<section class="sobre-inicio">
<div class="sobre-inicio-text">
<h1>Somos o maior site de divulgação de ofertas de São Paulo!</h1>
<p>Aqui você pode economizar e ajudar na causa do consumo consciente, evitando o desperdício de alimentos e outros produtos nos supermercados parceiros.</p>
<a class="botao-cadastro" href="cadastro.html">Quero economizar</a>
</div>
<div class="sobre-inicio-image">
<img src="image/img-pageSobre.svg" alt="Garota com carrinho de compras">
</div>
</section>
<section class="sobre-vantagem">
<h2>Qual a vantagem em utilizar o site?</h2>
<div class="vantagens-container">
<div class="sobre-vantagem-cliente">
<div class="sobre-cliente-image">
<img src="image/img-treePeople.svg" alt="Três pessoas">
</div>
<div class="sobre-cliente-text">
<h3>Como consumidor</h3>
<ul>
<li>Aqui você tem acesso às nossas Ofertas imperdíveis, com descontos maiores (nos mercados você pagará mais caro!).</li>
<li>Comodidade e praticidade em pesquisar ofertas sem ir em todos os mercados do bairro.</li>
<li>Benefícios com o nosso programa de recompensas onde poderá acumular pontos e obter mais descontos ainda!</li>
</ul>
</div>
</div>
<div class="sobre-vantagem-parceiro">
<div class="sobre-parceiro-image">
<img src="image/img-pageParceiro.svg" alt="Gerente de supermercado">
</div>
<div class="sobre-parceiro-text">
<h3>Como nosso parceiro</h3>
<ul>
<li>Maior visibilidade do seu negócio, aumentando o reconhecimento da marca e atraindo novos clientes.</li>
<li>Atração e retenção de consumidores.</li>
<li>Evite desperdícios oferecendo produtos próximos da data de validade com desconto, recuperando parte do investimento e contribuindo para a sustentabilidade.</li>
</ul>
</div>
</div>
</div>
<p>Não perca tempo, faça seu cadastro e comece a economizar já!</p>
<a class="botao-cadastro" href="cadastro.html">Quero economizar</a>
</section>
</main>
<footer>
<div class="footer-container">
<div class="footer-column large">
<a href="index.html"><img src="image/logoSupervalido.png" alt="Logo do Super Válido" class="footer-logo" width="360vw" height="90vh"></a>
<br>
<div class="social-icons">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-whatsapp"></i></a>
</div>
<br>
<p>© SUPER VÁLIDO, 2024. ALL RIGHTS RESERVED.</p>
<p>Desenvolvido com muito ♡ por DNA</p>
</div>
<div class="footer-column">
<h3>NAVEGUE PELO SITE</h3>
<ul>
<li><a href="sobre.html">Sobre</a></li>
<li><a href="ofertas.html">Ofertas</a></li>
<li><a href="login.html">Meus descontos</a></li>
<li><a href="login.html">Favoritos</a></li>
<li><a href="parceiros.html">Parceiros</a></li>
</ul>
<br><br>
<h3>AJUDA</h3>
<ul>
<li><a href="ajuda.html">Dúvidas frequentes</a></li>
<li><a href="ajuda.html">Contato</a></li>
</ul>
</div>
<div class="footer-column">
<h3>PRODUTOS</h3>
<ul>
<li><a href="#">Bebidas</a></li>
<li><a href="#">Doces</a></li>
<li><a href="#">Padaria</a></li>
<li><a href="#">Laticínio</a></li>
<li><a href="#">Massas</a></li>
<li><a href="#">Mercearia</a></li>
<li><a href="#">Bebê</a></li>
<li><a href="#">Higiene</a></li>
<li><a href="#">Beleza e perfumaria</a></li>
<li><a href="#">Limpeza</a></li>
<li><a href="#">Hortifruti</a></li>
</ul>
</div>
</div>
</footer>
</body>
</html>