-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (140 loc) · 7.28 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
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/tailwind/output.css">
<link rel="stylesheet" href="css/global/header.css">
<link rel="stylesheet" href="css/pages/index.css">
<link rel="stylesheet" href="css/global/footer.css">
<link rel="icon" href="img/icon.png">
<script src="functions/global/header.js"></script>
<title>TerraTech - Agrinho</title>
</head>
<body>
<!--Cabeçalho-->
<header>
<nav>
<div class="menu-wrapper">
<div class="logo">
<a href="../index.html">
Terra<span class="tech">Tech</span>
</a>
</div>
<div class="separator"></div>
<ul>
<li><a href="index.html">Início</a></li>
<li><a href="pages/tecnologia-agro.html">Tecnologia na Agropecuária</a></li>
<li><a href="pages/carreira-em-agronomia.html">Carreira em Agronomia</a></li>
</ul>
<div class="menu-icon" onclick="abrirMenu()">
<img src="img/menu.png" alt="menu">
</div>
</div>
</nav>
</header>
<!--Contéudo Principal-->
<main>
<article class="PrincipalContainer">
<section class="ApresentaçãoTC">
<div class="TCardContent">
<h1 class="TCardTitle">
Bem-vindo ao <span class="Terra">Terra</span><span class="Tech">Tech!</span>
</h1>
<p class="TCardDescription">
Sua Conexão entre o Campo e a Cidade, Colhendo Oportunidades
</p>
</div>
<figure class="TCardImage">
<img src="img/horta-pequena.jpg" alt="">
</figure>
</section>
<section class="OverViewCard">
<div class="OverViewCardContent">
<h1 class="OverViewCardTitle">
TerraTech
</h1>
<p class="OverViewCardDescription">
No TerraTech, acreditamos no poder da inovação e da educação para transformar a agricultura e a vida rural, conectando o campo e a cidade de maneiras nunca antes imaginadas. Nosso objetivo é promover o desenvolvimento sustentável e a inclusão digital, capacitando comunidades rurais e urbanas a aproveitar as oportunidades que a tecnologia pode oferecer.
</p>
</div>
</section>
<section class="Assuntos">
<h1 class="AssuntosTitle">
Assuntos abordados
</h1>
<article class="AssuntosCard">
<div class="AssuntosCardContent">
<h1 class="AssuntosCardTitle text-">
Tecnologia na Agropecuária
</h1>
<p class="AssuntosCardDescription">
Descubra as mais recentes inovações tecnológicas aplicadas à agropecuária, promovendo um futuro mais produtivo e sustentável. Veja como a agricultura de precisão, o monitoramento remoto e o uso de drones estão transformando a produção agrícola. Junte-se a nós nessa jornada rumo a um futuro mais eficiente e inovador no campo!
</p>
</div>
<div class="AssuntosCardCarrosel">
<figure class="AssuntosCardImg">
<img src="img/tecnologia-agro.jpg" alt="Tecnologia na Agropecuária">
<img src="img/maquinario.jpg" alt="Maquinário">
<img src="img/irrigacao.jpg" alt="Irrigação">
<img src="img/drone.jpg" alt="Drone">
<img src="img/tecnologia.jpg" alt="Robôs">
</figure>
<figure class="AssuntosCardImg">
<img src="img/tecnologia-agro.jpg" alt="Tecnologia na Agropecuária">
<img src="img/maquinario.jpg" alt="Maquinário">
<img src="img/irrigacao.jpg" alt="Irrigação">
<img src="img/drone.jpg" alt="Drone">
<img src="img/tecnologia.jpg" alt="Robôs">
</figure>
</div>
</article>
<article class="AssuntosCard">
<div class="AssuntosCardCarrosel">
<figure class="AssuntosCardImg">
<img src="img/educacao-rural.jpg" alt="Inovação e Carreira em Agronomia">
<img src="img/mulher-rural.jpg" alt="Mulher olhando zona rural.">
<img src="img/homens-horta.jpg" alt="Homens plantando na horta.">
<img src="img/estudos-rural.jpg" alt="Faculdade de Agronomia">
<img src="img/horta-pequena.jpg" alt="Mudas sendo plantadas em uma horta pequena">
</figure>
<figure class="AssuntosCardImg">
<img src="img/educacao-rural.jpg" alt="Inovação e Carreira em Agronomia">
<img src="img/mulher-rural.jpg" alt="Mulher olhando zona rural.">
<img src="img/homens-horta.jpg" alt="Homens plantando na horta.">
<img src="img/estudos-rural.jpg" alt="Faculdade de Agronomia">
<img src="img/horta-pequena.jpg" alt="Mudas sendo plantadas em uma horta pequena">
</figure>
</div>
<div class="AssuntosCardContent">
<h1 class="AssuntosCardTitle">
Carreira em Agronomia
</h1>
<p class="AssuntosCardDescription">
Explore como a agronomia é uma ciência vital que combina biologia, química, e tecnologia para melhorar a produção agrícola e garantir a segurança alimentar. Com um papel central na economia global, a agronomia oferece diversas oportunidades de carreira para aqueles que desejam fazer a diferença no mundo.
</p>
</div>
</article>
</section>
</article>
</main>
<!--Rodapé-->
<footer>
<nav class="footerContent">
<h1 class="footerTitle">Terra<span class="tech">Tech</span></h1>
<a href="https://github.com/DavidBurKing" target="_blank">
© 2024 DaviRibeiroBerçocano (Dev)
</a>
<p>Colégio Cívico Militar Dona Moralina Eleutério</p>
</nav>
<div class="footerSeparator"></div>
<nav class="footerNav">
<div>
<a href="index.html">Início</a>
<a href="pages/tecnologia-agro.html">Tecnologia na Agropecuária</a>
<a href="pages/carreira-em-agronomia.html">Carreira em Agronomia</a>
</div>
</nav>
</footer>
</body>
</html>