-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathquemSomos.html
165 lines (150 loc) · 6.68 KB
/
quemSomos.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="src/style.css">
<link rel="stylesheet" href="src/normalize.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<title>Quem Somos Doceria Gardenia</title>
</head>
<body>
<header id="header" class="header">
<a id="logo" class="logo" href="index.html">
<img id="logo" class="logo" src="src/img/logo-gardênia.png" alt="" />
</a>
<nav id="nav" class="nav">
<button
id="btn-mobile" class="btn-mobile"
aria-label="Abrir menu"
aria-haspopup="true"
aria-controls="menu"
aria-expanded="false"
>
<span id="hamburger" class="hamburguer"></span>
<script src="script.js"></script>
</button>
<ul id="menu" class="menu" role="menu">
<li><a href="index.html">inicio</a></li>
<li><a href="quemSomos.html">quem somos</a></li>
<li><a href="produtos.html">produtos</a></li>
<li><a href="promocao.html">promoção</a></li>
<li><a href="contato.html">contato</a></li>
<li>
<a href="carrinho.html"><img src="src/img/icon-carrinho.png" alt="" srcset="" /></a>
</li>
</ul>
</nav>
</header>
<br>
<h1 style="text-align: center;">Quem Somos</h1>
<br>
<section class="intro-quemsomos">
</section>
<br>
<section class="gardenia-quemsomos">
<div class="gardenia-somos">
<h2>Gardenia</h2>
<p>A Doceria Gardênia é uma micro-empresa que foi criada em outubro de 2019 e seu nome oficial foi dado em fevereiro de 2020. Em seu nascimento tiveram participação importante de seus amigos e parentes, que passaram a incentivar na produção e início de um próprio negócio.
A partir de uma pesquisa em sua comunidade, observou-se que seu produto tinha potencial para ganhar lugar no mercado. Seu objetivo foi verificar a qualidade de seus produtos primários (Donuts e Bolos) e após os positivos resultados, o produto que obteve mais destaque foi o donuts. Tornando-se o "Queridinho da casa".
</p>
</div>
<div class="gardenia-donuts">
<img src="src/img/quemsomos-donuts.png" alt="Donuts">
</div>
</section>
<section class="missao-quemsomos">
<div class="missao-img">
<img src="src/img/quemsomos-mousse.png" alt="mousse de limão">
</div>
<div class="missao-texto">
<h2>Missão</h2>
<p> Para entregar um produto nesses padrões, uso materiais de boa qualidade, faço uma boa higiene no local de trabalho e sempre faço pesquisa de preço p manter o custo-benefício dos clientes
</p>
</div>
</section>
<section class="visao-quemsomos">
<div class="visao-texto">
<h2>Visão</h2>
<p>Sucesso pra mim não é necessariamente ficar rica, vejo isso como a consequência de um bom trabalho. Sucesso para mim é fazer algo e ter pessoas satisfeitas com isso. Ter clientes satisfeitos não tem preço, é ótimo receber bons feedbacks e ver um cliente fidelizar.
</p>
</div>
<div class="visao-img">
<img src="src/img/quemsomos-biscoito.png" alt="Biscito amanteigado">
</div>
</section>
<section class="valores-quemsomos">
<div class="valores-img">
<img src="src/img/quemsomos-chocotone.png" alt="Chocotone">
</div>
<div class="valores-texto">
<h2>Valores</h2>
<p>Um produto artesanal de boa qualidade, com cuidado nos mínimos detalhes, ou seja, o produto é bonito visualmente, gostoso e com um ótimo custo-benefício para o cliente, sempre.
</p>
</div>
</section>
<footer>
<section class="container">
<div>
<h3>sobre</h3>
<p>A Doceria Gardênia é uma micro-empresa que foi criada em
outubro de 2019 com a participação importante de seus amigos
e parentes ao incentivar a produção e início de um próprio negócio. </p>
</div>
<div>
<h3>redes sociais</h3>
<div class="icons">
<a href=""><img src="src/img/icon-facebook.png" alt=""></a>
<a href=""><img src="src/img/icon-insta.png" class="icon-center" alt=""></a>
<a href=""><img src="src/img/icon-twt.png" alt=""></a>
</div>
</div>
<div>
<h3>pagamento</h3>
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
<img src="" alt="">
</div>
<div>
<h3>contato</h3>
<ol>
<li><a href="">(21) 9999-9999</a></li>
<li><a href="">(21) 9999-9999</a></li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
</ol>
</div>
</section>
</footer>
<!-- Final do footer -->
<!-- Começo do copy -->
<section class="copy">
<p><small>doceriagardenia - 2021 alguns direitos reservados</small></p>
<a href="./Doceria Gardenia ADM/sidebars/index.html">adm</a>
</section>
<!-- Final do copy -->
<script>
/*Menu Hamburguer*/
const btnMobile = document.getElementById("btn-mobile");
function toggleMenu(event) {
if (event.type === "touchstart") event.preventDefault();
const nav = document.getElementById("nav");
nav.classList.toggle("active");
const active = nav.classList.contains("active");
event.currentTarget.setAttribute("aria-expanded", active);
if (active) {
event.currentTarget.setAttribute("aria-label", "fechar menu");
} else {
event.currentTarget.setAttribute("aria-label", "abrir menu");
}
}
btnMobile.addEventListener("click", toggleMenu);
btnMobile.addEventListener("touchstart", toggleMenu);
</script>
</body>
</html>