-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·136 lines (125 loc) · 9.5 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Colmeia Viva - Mantendo o diálogo entre Agricultores e Apicultores">
<meta name="keywords" content="abelhas, colmeia, salvar as abelhas, mortalidade de abelhas, apicultores, agricultores, apicultura, agricultura">
<meta name="author" content="Carlos Gomes Cabral">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- Open Graph -->
<meta property="og:title" content="Colmeia Viva">
<meta property="og:site_name" content="Colmeia Viva">
<meta property="og:url" content="https://colmeiavivaapp.com.br">
<meta property="og:description" content="Colmeia Viva - Mantendo o diálogo entre Agricultores e Apicultores">
<meta property="og:type" content="website">
<meta property="og:image" content="img/Colmeia-Viva-FB.jpg">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Colmeia Viva - Mantendo o diálogo entre Agricultores e Apicultores. Conheça nossas iniciativas e baixe o nosso aplicativo!" />
<meta name="twitter:title" content="Colmeia Viva - Mantendo o diálogo entre Agricultores e Apicultores" />
<meta name="twitter:image" content="img/Colmeia-Viva-TW.jpg" />
<!-- Favicon -->
<link rel="icon" href="img/favicon/favicon-32x32.png" sizes="32x32" />
<link rel="icon" href="img/favicon/favicon-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="img/favicon/favicon-180x180.png" />
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<!-- Page CSS -->
<link rel="stylesheet" href="css/style.css">
<title>Colmeia Viva</title>
</head>
<body>
<div class="top-graphic"></div>
<header class="header">
<nav role="navigation">
<div class="container">
<div class="row justify-content-lg-between align-items-center">
<div class="col-lg-6"><a href="http://colmeiaviva.com.br/" target="_blank" rel="noopener"><img src="img/img-logo.svg" alt="Logo Colmeia Viva"></a></div>
<div class="col-lg-6">
<ul class="menu d-none d-sm-flex">
<li class="menu-item"><a href="#apoiadores">Associadas</a></li>
<li class="menu-item"><a href="#fale-conosco">Fale Conosco</a></li>
<li class="menu-item"><a href="#app">Aplicativo</a></li>
</ul>
</div>
</div>
</div>
</nav>
<div class="container">
<div class="row align-items-end mt-5">
<div class="col-md-11 col-lg-6">
<iframe class="video d-block mb-5 mb-lg-none d-lg-none" title="Vídeo do Colméia Viva" src="https://www.youtube.com/embed/dAC_6tO4EHs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<h1>Ambiente digital para facilitar o <strong>diálogo</strong> entre agricultores e apicultores</h1>
<p class="mt-4 mb-4">Agricultores e aplicadores de defensivos agrícolas podem identificar as áreas de sobreposição de atividade agrícolas e apícolas e avisar quando vão ocorrer as pulverizações. Apicultores podem receber os comunicados de aplicações e saber quais medidas de proteção devem tomar.</p>
<a href="https://colmeiaviva.abacommapps.com/" target="_blank" rel="noopener"><button class="btn-outline">Faça o login</button></a>
<a href="https://colmeiaviva.abacommapps.com/" target="_blank" rel="noopener"><button class="btn-primary ml-md-2">Cadastre-se</button></a>
</div>
<div class="col-md-12 col-lg-6 mt-5 mt-lg-0 d-none d-lg-block">
<iframe class="video" title="Vídeo do Colméia Viva" src="https://www.youtube.com/embed/dAC_6tO4EHs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
</header>
<section id="apoiadores">
<div class="container">
<div class="row">
<h2 class="col-12 text-center">Associadas</h2>
<p class="col-12 text-center">Conheça quem faz parte dessa iniciativa. Junte-se a nós!</p>
</div>
<div class="row text-center">
<div class="col"><img class="logo-image" src="img/img-logo-adama.png" alt="Logo Adama"></div>
<div class="col"><img class="logo-image" src="img/img-logo-alta.png" alt="Logo Alta"></div>
<div class="col"><img class="logo-image" src="img/img-logo-amvac.png" alt="Logo Amvac"></div>
<div class="col"><img class="logo-image" src="img/img-logo-ascenza.png" alt="Logo Ascenza"></div>
<div class="col"><img class="logo-image" src="img/img-logo-bequisa.png" alt="Logo Bequisa"></div>
<div class="col"><img class="logo-image" src="img/img-logo-eastman.png" alt="Logo Eastman"></div>
<div class="col"><img class="logo-image" src="img/img-logo-gowan.png" alt="Logo Gowan"></div>
<div class="col"><img class="logo-image" src="img/img-logo-helm.png" alt="Logo Helm"></div>
<div class="col"><img class="logo-image" src="img/img-logo-ihara.png" alt="Logo Ihara"></div>
<div class="col"><img class="logo-image" src="img/img-logo-isk.png" alt="Logo Isk"></div>
<div class="col"><img class="logo-image" src="img/img-logo-ascenza.png" alt="Logo Indofil"></div>
<div class="col"><img class="logo-image" src="img/img-logo-luxembourg.png" alt="Logo Luxembourg"></div>
<div class="col"><img class="logo-image" src="img/img-logo-mitsui.png" alt="Logo Mitsui"></div>
<div class="col"><img class="logo-image" src="img/img-logo-nisso.png" alt="Logo Nisso"></div>
<div class="col"><img class="logo-image" src="img/img-logo-nortox.png" alt="Logo Nortox"></div>
<div class="col"><img class="logo-image" src="img/img-logo-nutrien.png" alt="Logo Nutrien"></div>
<div class="col"><img class="logo-image" src="img/img-logo-ourofino.png" alt="Logo Ourofino"></div>
<div class="col"><img class="logo-image" src="img/img-logo-oxiquimica.png" alt="Logo Oxiquimica"></div>
<div class="col"><img class="logo-image" src="img/img-logo-oxon.png" alt="Logo Oxon"></div>
<div class="col"><img class="logo-image" src="img/img-logo-rotam.png" alt="Logo Rotam"></div>
<div class="col"><img class="logo-image" src="img/img-logo-sinon.png" alt="Logo Sinon"></div>
<div class="col"><img class="logo-image" src="img/img-logo-sipcam.png" alt="Logo Sipcam"></div>
<div class="col"><img class="logo-image" src="img/img-logo-stoller.png" alt="Logo Stoller"></div>
<div class="col"><img class="logo-image" src="img/img-logo-sumitomo.png" alt="Logo Sumitomo"></div>
<div class="col"><img class="logo-image" src="img/img-logo-tecnomyl.png" alt="Logo Tecnomyl"></div>
<div class="col"><img class="logo-image" src="img/img-logo-upl.png" alt="Logo Upl"></div>
</div>
</div>
</section>
<section id="fale-conosco">
<div class="container">
<div class="row justify-content-between align-items-end">
<div class="col-md-8 col-lg-6 col-xl-6">
<h4 class="mb-3">Dúvidas?</h4>
<p><img src="img/img-assistencia-tecnica.svg" alt="Imagem com número da assistência técnica: 0800 771 8000"></p>
<p class="mb-4">Uma linha direta que esclarece dúvidas e compartilha as boas práticas para a prevenção e mitigação da mortalidade de abelhas:</p>
<!-- <p><img class="bottom-icon" src="img/ic-phone.svg" alt="Ícone de telefone">0800 771-8000</p> -->
<p><img class="bottom-icon" src="img/ic-envelope.svg" alt="Ícone de e-mail">contato@sindiveg.org.br</p>
</div>
<div id="app" class="col-lg-5 col-xl-4">
<h4 class="mt-5 mb-3">Baixe nosso aplicativo</h4>
<a class="btn-apple" href="https://apps.apple.com/br/app/colmeia-viva/id1296612417" target="_blank" rel="noopener"><img src="img/img-btn-apple.svg" alt="Botão de download da App Store"></a>
<a class="btn-google ml-sm-2" href="https://play.google.com/store/apps/details?id=br.com.abacomm.bee&hl=en" target="_blank" rel="noopener"><img src="img/img-btn-google.svg" alt="Botão de download do Google Play"></a>
</div>
</div>
</div>
</section>
<footer>
<p class="text-center">Copyright 2022 - Sindicato Nacional da Indústria de Produtos para Defesa Vegetal.</p>
</footer>
</body>
</html>