-
Notifications
You must be signed in to change notification settings - Fork 0
/
inovacao.html
97 lines (91 loc) · 4.4 KB
/
inovacao.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
<!DOCTYPE html>
<html>
<head>
<title>AgroInova</title>
<link rel="stylesheet" href="inovacao.css">
<link rel="icon" href="img/fav-icon.png" type="image/png">
</head>
<body>
<div vw class="enabled">
<div vw-access-button class="active"></div>
<div vw-plugin-wrapper>
<div class="vw-plugin-top-wrapper"></div>
</div>
</div>
<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
new window.VLibras.Widget('https://vlibras.gov.br/app');
});
</script>
<header class="header">
<div class="logo">
<a href="index.html">
<img src="img/logo1.png" alt="logo agrinho - Erick" class="logo-img">
</a>
</div>
<nav>
<ul class="menudesk">
<li><a href="index.html">Início</li>
<li><a href="sustentabilidade.html">Sustentabilidade</a></li>
<li><a href="inovacao.html"><b><u>Inovação</u></b></a></li>
<li><a href="sobre.html">Sobre</a></li>
</ul>
<div id="menu-toggle" class="menu-toggle">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
</header>
<section class="conteudo" id="sobre">
<div id="audio-player">
<p>Acessibilidade - Síntese de fala:</p>
<audio controls>
<source src="audio/Inovação.mp3" type="audio/mpeg">
Seu navegador não suporta o elemento de áudio.
</audio>
</div>
<h1>Transformando Desafios em Oportunidades</h1>
<p>Bem-vindo à página de Inovação, onde exploramos técnicas revolucionárias que unem o campo e a cidade em um cenário de progresso sustentável. Nesta jornada de descoberta, destacamos como a inovação está moldando o futuro da agricultura e das comunidades urbanas, transformando desafios em oportunidades tangíveis.</p>
<h2>Técnicas Avançadas</h2>
<li>
<strong> Agro-Tecnologia de Precisão:</strong> Utilizando sensores e IoT para monitorar condições de solo, clima e saúde das plantas em tempo real, aumentando a eficiência e reduzindo o uso de recursos.
<div class="imagem1">
<img src="img/lav-tec.png" alt="Imagem Lavoura tecnologia">
</div>
</li>
<li>
<strong> Agricultura Vertical e Urbana:</strong> Cultivo em ambientes controlados e integrados à infraestrutura urbana, promovendo a produção local de alimentos frescos e reduzindo a pegada ambiental.
<div class="imagem2">
<img src="img/blockchain.png" alt="Imagem de fruta rastreada">
</div>
</li>
<li>
<strong> Gestão Inteligente de Resíduos:</strong> Transformando resíduos agrícolas em recursos valiosos através de técnicas como compostagem e bioenergia, contribuindo para uma economia circular e sustentável.
</li>
<li>
<strong> Blockchain na Cadeia de Suprimentos:</strong> Garantindo transparência e rastreabilidade desde o campo até o consumidor final, promovendo a segurança alimentar e o comércio justo.
<div class="imagem3">
<img src="img/cidade.png" alt="Imagem de uma cidade verde tecnológica">
</div>
</li>
<h2>Benefícios para o Futuro</h2>
<p>Ao adotar estas técnicas inovadoras, não apenas promovemos um desenvolvimento econômico inclusivo, mas também fortalecemos a resiliência das nossas comunidades frente aos desafios globais. Juntos, estamos colhendo oportunidades para um amanhã mais verde, conectado e sustentável.</p>
</section>
<footer class="footer">
<p>© 2024 AgroInova</p>
<img class="img-ft" src="img/logo.png" alt="Logo-Rodapé">
</footer>
<script>
document.getElementById('menu-toggle').addEventListener('click', function() {
document.querySelector('nav ul').classList.toggle('active');
document.getElementById('overlay').classList.toggle('active');
});
document.getElementById('overlay').addEventListener('click', function() {
document.querySelector('nav ul').classList.remove('active');
document.getElementById('overlay').classList.remove('active');
});
</script>
</body>
</html>