-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
269 lines (263 loc) · 21.7 KB
/
Copy pathindex.html
File metadata and controls
269 lines (263 loc) · 21.7 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
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
269
<!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>AFMA</title>
<link rel="stylesheet" href="style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-uWxY/CJNBR+1zjPWmfnSnVxwRheevXITnMqoEIeG1LJrdI0GlVs/9cVSyPYXdcSF" crossorigin="anonymous">
</head>
<body>
<div id="loader">
<img src="img/pre-load-bee.gif" alt="Loading...">
<h3>Carregando...</h3>
<!--Tentar baixar esse gif aqui-->
</div>
<div class="todaATela">
<div class="section1">
<img src="img/abelha2.jpg" alt="abelha_topo" id="foto_abelha_topo">
<div class="topo">
<div class="afma_logo">
<h1 class="afma">AFMA</h1>
<h1 class="traco"> - </h1>
<h1 class="descricao">Associação Filhas do Mel da Amazônia</h1>
</div>
<div class="menu">
<a class="link_move_screen link" href="#quem_somos">Quem somos</a>
<a class="link_move_screen link" href="#nossa_historia">Nossa história</a>
<a class="link_move_screen link" href="#nossa_motivacao">Nossa motivação</a>
<a class="link_move_screen link" href="#onde_nos_encontrar">Onde nos encontrar</a>
<a class="link_move_screen link" href="#contate_nos">Contate-nos</a>
</div>
</div>
</div>
<div class="topoFixo">
<div class="all">
<div class="logo">AFMA</div>
<div class="menu">
<a class="link_move_screen link" href="#quem_somos">Quem somos</a>
<a class="link_move_screen link" href="#nossa_historia">Nossa história</a>
<a class="link_move_screen link" href="#nossa_motivacao">Nossa motivação</a>
<a class="link_move_screen link" href="#onde_nos_encontrar">Onde nos encontrar</a>
<a class="link_move_screen link" href="#contate_nos">Contate-nos</a>
</div>
</div>
</div>
<div class="menu_celular_img">
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-list" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z"/>
</svg>
</div>
<div class="menu_celular_cancelar">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-x-circle" viewBox="0 0 16 16">
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z"/>
<path d="M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z"/>
</svg>
</div>
<div class="menu_celular">
<ul>
<li><a class="link_move_screen" href="#quem_somos">Quem somos</a></li>
<li><a class="link_move_screen" href="#nossa_historia">Nossa história</a></li>
<li><a class="link_move_screen" href="#nossa_motivacao">Nossa motivação</a></li>
<li><a class="link_move_screen" href="#onde_nos_encontrar">Onde nos encontrar</a></li>
<li><a class="link_move_screen" href="#contate_nos">Contate-nos</a></li>
</ul>
<div class="redes_sociais_menu">
<div class="whatsapp contatos">
<a target="_blank" href="https://api.whatsapp.com/send?phone=559491702727">
<div class="fundo_whatsapp">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
</svg>
</div>
</a>
</div>
<div class="instagram contatos">
<a target="_blank" href="https://www.instagram.com/filhasdomeldaamazonia/?r=nametag">
<div class="fundo_insta">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</div>
</a>
</div>
</div>
</div>
<div id="fundo_branco">
<div class="section2 bloco" id="quem_somos">
<h1>Quem somos?</h1>
<div class="texto_wwa">
<p>
AFMA -Associação filhas do mel da Amazônia-, trabalha com
o mercado do mel. Atualmente encontra-se em Parauapebas
na comunidade Cedere 1. O nome anterior da mesma era “filhos
do mel da Amazônia”, o termo “filhos” é explicado pela
união em que os vizinhos que vivem nesta comunidade
compartilham, que é resultado da chegada há muito tempo
dos participantes da associação no local, onde os mesmos
se tratam como familiares. Com o passar dos anos foi-se
adotado o termo “filhas” do mel da Amazônia por causa da
grande maioria de mulheres à frente dos trabalhos, reuniões
e da atividade com meliponicultura.
Nossos produtos são orgânicos e de alta qualidade,
cuidadosamente produzidos desde a coleta da matéria prima
até seu armazenamento, além dos mesmos possuírem ótimos
insumos investidos.
Possuímos grande apreço ao meio ambiente, prova disso é
que ossa associação luta pela preservação do mesmo.
Quando nossa associação foi criada pensou-se em um trabalho
com meliponicultura e apicultura coletivas. E no ramo de
meliponicultura (que trabalha com abelhas sem ferrão) as
mulheres foram se destacando mais e mais, hoje elas são
sua maioria (ressaltando o termo “filhas” presente na sigla),
porém ainda há a presença de homens.
</p>
</div>
</div>
<div class="section3 bloco" id="nossa_historia">
<h1>Nossa história</h1>
<div class="texto_h">
<p>
A associação nasceu no ano de 2015, porém nossa história com o meio
ambiente nasceu bem antes. Primeiramente, é importante destacar que
anteriormente de virarmos uma empresa que trabalha no ramo do mel,
a fazenda em que moramos e produzimos os produtos era voltada ao
mercado pecuarista, infelizmente era necessário o desmatamento da
mata que tínhamos para o feitio de pastos que ajudariam no cuidado
com o rebanho o bovino.<br>
Certo dia, percebemos que na fazenda citada haviam muitas abelhas,
fato que nos impulsionou para começar a trabalhar no ramo da apicultura
e meliponicultura. Então assim o trabalho iniciou, o projeto recebeu
alta influência de mentores, que dentre eles estão integrantes do
SEBRAE e Isabel - que guiou a ideia de usar o associativismo, tendo
como finalidade ajudar na realização do trabalho -, as famílias da
região abraçaram a ideia e também se voltaram para esse novo mercado.<br>
Atualmente, nosso empreendimento não trabalha mais com pecuária, nossa
produção é totalmente voltada ao mel – produto orgânico e de alta
qualidade -, que nos trouxe melhores retornos e resultou na preservação
de nossa mata.
</p>
</div>
</div>
<div class="section4 bloco" id="nossa_motivacao">
<h1>Nossa motivação</h1>
<div class="texto_motivation">
<div class="img_right">
<div class="txt">
<h3>Favorecer o meio ambiente.<br></h3>
<p>
Em nosso local de trabalho os servidores possuem extremo
zelo e cuidado com as abelhas, para oferecermos um produto melhor
e elas também serem beneficiadas. Também temos o compromisso de
preservar a mata e as espécies de flores que aqui são cultivadas.
</p>
</div>
<img src="img/meio_ambiente.jpg" alt="Imagem meio ambiente">
</div>
<div class="img_left">
<div class="txt">
<h3>Gerar emprego, trabalho e renda.<br></h3>
<p>
Aqui as mulheres estão à frente da tarefa realizada com
abelhas sem ferrão, assim nós ajudamos a incluí-las no
mercado de trabalho. Alem disso, as mulheres possuem a
oportunidade de oferecer seus produtos ao mercado sem
agredir o meio ambiente.
</p>
</div>
<img loading="lazy" src="img/mulheres.jpg" alt="Imagem mulheres trabalhando">
</div>
<div class="img_right">
<div class="txt">
<p>
<h3>Qualidade dos produtos.<br></h3>
Nossos produtos são orgânicos e notavelmente reconhecidos pela
qualidade, pois são produzidos com insumos que trarão mais
sabor e segurança (pelo fato de trabalharmos num ambiente limpo)
em benefício de nossa clientela.
</p>
</div>
<img loading="lazy" src="img/mel.jpg" alt="Imagem produtos">
</div>
</div>
</div>
<div class="section5 bloco" id="onde_nos_encontrar">
<h1>Onde nos encontrar?</h1>
<p>
Os produtos são fabricados na propriedade rural de cada família, que possuem
apiários e meliponários fixos. Cada um vende “na porta” de sua propriedade,
também por encomenda e em alguns locais na cidade como o shopping
e os supermercados.<br>Ponto de produção: Comunidade Cedere 1.<br>
Endereço urbano: Avenida Cristo Rei, número 21, bairro Rio Verde;
</p>
<div class="local">
<div class="local_urbano">
<h3>Rio verde</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d351.17606765151794!2d-49.896863625704896!3d-6.075462715976113!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x92dd50f8ba24c961%3A0xaaab57d92cbab95e!2sAv.%20Cristo%20Rei%2C%2021%20-%20Rio%20Verde%2C%20Parauapebas%20-%20PA%2C%2068515-000!5e1!3m2!1spt-BR!2sbr!4v1633446697235!5m2!1spt-BR!2sbr" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
<div class="local_link">
<a target='_blank' href="https://goo.gl/maps/pVAW4AjpUWvPQUMHA">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-geo-alt-fill" viewBox="0 0 16 16">
<path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z"/>
</svg>
<p>Abrir no Google Maps</p>
</a>
</div>
</div>
<div class="linha">
</div>
<div class="imagens_locais_venda">
<h3>Estamos presentes em:</h3>
<img loading="lazy" src="img/cooper.png" alt="cooper_img" class="selected" >
<img loading="lazy" src="img/hipersenna_menor.png" alt="hipersenna_img">
<img loading="lazy" src="img/partage.jpg" alt="partage_img">
</div>
</div>
</div>
<div class="section6 bloco" id="contate_nos">
<h1>Contate-nos</h1>
<p class="chamada">Mande-nos uma mensagem e siga-nos em nossas redes sociais!</p>
<div class="redes_sociais">
<div class="telefone contatos">
<div class="fundo_telefone">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-telephone" viewBox="0 0 16 16">
<path d="M3.654 1.328a.678.678 0 0 0-1.015-.063L1.605 2.3c-.483.484-.661 1.169-.45 1.77a17.568 17.568 0 0 0 4.168 6.608 17.569 17.569 0 0 0 6.608 4.168c.601.211 1.286.033 1.77-.45l1.034-1.034a.678.678 0 0 0-.063-1.015l-2.307-1.794a.678.678 0 0 0-.58-.122l-2.19.547a1.745 1.745 0 0 1-1.657-.459L5.482 8.062a1.745 1.745 0 0 1-.46-1.657l.548-2.19a.678.678 0 0 0-.122-.58L3.654 1.328zM1.884.511a1.745 1.745 0 0 1 2.612.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"/>
</svg>
</div>
<p>(94) 9 9170-2727</p>
</div>
<div class="whatsapp contatos">
<a target="_blank" href="https://api.whatsapp.com/send?phone=559491702727">
<div class="fundo_whatsapp">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-whatsapp" viewBox="0 0 16 16">
<path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z"/>
</svg>
</div>
<p>Whatsapp</p>
</a>
</div>
<div class="instagram contatos">
<a target="_blank" href="https://www.instagram.com/filhasdomeldaamazonia/?r=nametag">
<div class="fundo_insta">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg>
</div>
<p>Instagram</p>
</a>
</div>
</div>
</div>
</div>
<div class="developedBy">
<p>Desenvolvido por <a target="_blank" href="https://github.com/frcelipe7">frcelipe7</a></p>
</div>
<div class="seta_div">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" fill="currentColor" class="bi bi-arrow-up-circle" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-7.5 3.5a.5.5 0 0 1-1 0V5.707L5.354 7.854a.5.5 0 1 1-.708-.708l3-3a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 5.707V11.5z"/>
</svg>
</div>
</div>
<script src="script.js"></script>
</body>
</html>