-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
194 lines (179 loc) · 11.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
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TerraFertil</title>
<link rel="icon" href="assets/img/logo terrafertil.png">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header class="cabecalho">
<div class="primeiro-cabecalho">
<div class="cabecalho-logo">
<a href="#"><img src="assets/img/logo terrafertil.png" alt="" class="cabecalho-logo-img"></a>
</div>
<div class="input">
<input class="input-pesquisa" type="search" placeholder="Pesquisar cursos" name="" id="">
</div>
</div>
<div class="cabecalho-menu">
<ul class="cabecalho-menu-lista">
<li class="menu-lista-item"><a class="link-menu-lista" href="#cursos-basicos">Cursos Básicos</a></li>
<li class="menu-lista-item"><a class="link-menu-lista" href="#adquirir-mais">Adquirir Mais</a></li>
<li class="menu-lista-item"><a class="link-menu-lista" href="#planos">Planos</a></li>
</ul>
</div>
<div class="cabecalho-conta">
<div class="usuario">
<img src="assets/img/avatar-do-usuario.png" alt="" class="usu-img">
<span class="cabecalho-conta-usuario">Usuário </span>
</div>
<ul class="cabecalho-menu-usuario">
<li class="usu-menu-lista-item"><a class="link-menu-lateral" href="assets/pages/mconta.html">Minha Conta</a></li>
<li class="usu-menu-lista-item"><a class="link-menu-lateral" href="assets/pages/mcursos.html">Meus
Cursos</a></li>
<li class="usu-menu-lista-item"><a class="link-menu-lateral" href="#suporte">Suporte</a></li>
<li class="usu-menu-lista-item"><span class="tema-escuro">Tema Escuro</span></li>
<li class="usu-menu-lista-item"><a class="link-menu-lateral" href="#">Sair</a></li>
</ul>
</div>
</header>
<section class="main">
<div class="conteudo-começo">
<h2>TerraFértil</h2>
<p class="texto-comeco">O site "TerraFértil" foi criado com o intuito de ajudar as pessoas a se
especializarem na área de agronomia de forma objetiva. Aqui você pode encontrar diversos cursos que te
ajudam a ter mais conhecimento sobre diversas áreas desse ramo de forma rápida e prática.</p>
</div>
<h2 class="cursos-basicos-titulo">Cursos Básicos:</h2>
<div id="cursos-basicos" class="conteudo-cursos-basicos">
<div class="cursos-basicos">
<h3 class="curso-basico-nome">Agrometeorologia</h3>
<img src="assets/img/agrome.jpg" alt="" class="curso-basico-img">
<p class="agrome-conteudo texto-conteudo">O curso de Agrometeorologia mostra a interação entre
meteorologia e agricultura, ensinando os principais temas da meteorologia como a interação dos
fenômenos meteorológicos e seus impactos na cadeia produtiva do sistema agropecuário da agricultura
e do impacto do clima nas culturas, mostrando como escolher o melhor dia para iniciar o plantio da
safra, manejo e irrigação do solo, e também definir o calendário de atividades das lavouras.</p>
</div>
<div class="cursos-basicos">
<h3 class="curso-basico-nome">Biotecnologia</h3>
<img src="assets/img/biotecnologia.jpg" alt="" class="curso-basico-img">
<p class="biotec-conteudo texto-conteudo">O curso de biotecnologia é um campo de estudo fundamental para
criar produtos ou solucionar problemas em diversos setores, como agricultura, saúde, indústria
alimentícia e ambiental. Oferece uma formação completa das aplicação de técnicas como engenharia
genética, genômica, biologia molecular, cultivo celular e bioinformática. Questões éticas e
regulamentações também são discutidas, preparando para atuar em pesquisa científica, desenvolvimento
de produtos e diversas aplicações industriais e médicas.</p>
</div>
<div class="cursos-basicos">
<h3 class="curso-basico-nome">Fisiologia Vegetal e Animal</h3>
<img src="assets/img/fisiologiVA.jpg" alt="" class="curso-basico-img">
<p class="fisiologVA-conteudo texto-conteudo">No curso de fisiologia vegetal e animal entendemos o
funcionamento dos vegetais como a fotossíntese, respiração, transporte de nutrientes e água, e
crescimento em plantas, além de explorar a função dos hormônios e respostas ao estresse. Em animais,
o foco está nos sistemas de órgãos, homeostase, metabolismo energético, neurofisiologia e respostas
ao estresse.</p>
</div>
<div class="cursos-basicos">
<h3 class="curso-basico-nome">Cartografia</h3>
<img src="assets/img/cartograf.jpg" alt="" class="curso-basico-img">
<p class="cartografia-conteudo texto-conteudo">No curso de cartografia, a função principal da
cartografia é a de representar graficamente a superfície terrestre e de espacializar os diferentes
fenômenos e aspectos que são característicos, a aplicação da cartografia no planejamento rural
baseia em princípios fundamentais, como a representação precisa e detalhada do espaço geográfico, a
utilização de simbologia adequada para a representação de elementos rurais, aprendem a criar e
interpretar mapas, cobrindo conceitos fundamentais, projeções cartográficas, sistemas de coordenadas
e simbologia.</p>
</div>
</div>
<div id="adquirir-mais" class="conteudo-adquirir-mais">
<h2 class="adquira-mais-titulo">Adquira Mais:</h2>
<ul class="adquira-mais-lista">
<h4>Aquira Mais Cursos:</h4>
<li class="aquiraMais-lista-item"><a class="link-adquiraMais" href="#">Manejo Integrado de Pragas e
Doenças:</a>Um curso focado em estratégias sustentáveis para controlar pragas e doenças em
culturas agrícolas, utilizando métodos biológicos, químicos e culturais.</li>
<li class="aquiraMais-lista-item"><a class="link-adquiraMais" href="#">Agroecologia:</a> Este curso
enfatiza práticas agrícolas que são socialmente justas, economicamente viáveis e ecologicamente
sustentáveis, integrando princípios ecológicos à produção agrícola.</li>
<li class="aquiraMais-lista-item"><a class="link-adquiraMais" href="#">Tecnologia de Produção de
Sementes:</a>Este curso foca no estudo e aplicação de técnicas avançadas para melhorar a
qualidade, viabilidade e eficiência na produção de sementes agrícolas.</li>
<li class="aquiraMais-lista-item"><a class="link-adquiraMais" href="#">Nutrição de Plantas:</a>Um curso
que explora os princípios da nutrição mineral de plantas, incluindo a absorção de nutrientes,
diagnóstico de deficiências e práticas de fertilização adequadas.</li>
<li class="aquiraMais-lista-item"><a class="link-adquiraMais" href="#">Economia e Gestão Rural:</a>Um
curso que abrange o estudo das práticas econômicas e estratégias de gestão aplicadas às atividades
agrícolas e agropecuárias, visando maximizar a eficiência e sustentabilidade das operações no meio
rural.</li>
<li class="aquiraMais-lista-item"><a class="link-adquiraMais" href="#">Sistemas
Agroflorestais:</a>Focado na integração de árvores, culturas agrícolas e animais em sistemas
sustentáveis que promovem a biodiversidade, a conservação do solo e o uso eficiente de recursos.
</li>
<li class="aquiraMais-lista-item"><a class="link-adquiraMais" href="#">Horticultura:</a>É um programa
educacional que explora o cultivo, manejo e produção de plantas hortícolas, focando em técnicas de
cultivo, melhoramento genético, manejo de pragas e doenças, e práticas sustentáveis para otimizar a
produção de alimentos e ornamentais.</li>
</ul>
</div>
<h2 class="planos-titulo">Planos:</h2>
<div id="planos" class="conteudo-planos">
<div class="plano-semanal plano-tipo">
<h4 class="titulo-plano planos-lista-item">Planos Semanais</h4>
<p class="conteudo-plano-semanal">Neste tipo de plano você paga semanalmente um valor específico por
tipo de plano (Ex:pro, premium, plus) e ganha as devidas recompensas. Em todos eles você consegue
diversos tipos de cursos juntos.</p>
</div>
<div class="plano-mensal plano-tipo">
<h4 class="titulo-plano planos-lista-item">Plano Mensal</h4>
<p class="conteudo-plano-mensal">Neste plano você paga mensalmente um valor específico por tipo de plano
e recebe as recompenas de cada um. Em todos eles você recebe cursos e videoaulas diversos.</p>
</div>
<div class="plano-anual plano-tipo">
<h4 class="titulo-plano planos-lista-item">Plano Anual</h4>
<p class="conteudo-plano-anual">Neste plano você paga anualmente determinado preço e ganha as
recompensas de acordo com o tipo de plano escolhido.Em todos eles você recebe cursos, videoaulas e
consegue falar com algum especialista da área que escolher.</p>
</div>
<div class="adquirir">
<div class="valor">
<span class="preco-antigo">R$ 349,90</span>
<p>R$ 49,90</p>
</div>
<div class="botao-adquirir">
<button>Adquira!!</button>
</div>
</div>
<div class="adquirir">
<div class="valor">
<span class="preco-antigo">R$ 1199,90</span>
<P>R$ 69,90</P>
</div>
<div class="botao-adquirir">
<button>Adquira!!</button>
</div>
</div>
<div class="adquirir">
<div class="valor">
<span class="preco-antigo">R$ 1999,90</span>
<P>R$ 89,90</P>
</div>
<div class="botao-adquirir">
<button>Adquira!!</button>
</div>
</div>
</div>
<div id = "suporte" class="suporte">
<h2>Suporte</h2>
<h3>Emails Para Contato:</h3>
<ul>
<li>[email protected]</li>
<li>[email protected]</li>
</ul>
</div>
</section>
<script src="assets/js/main.js"></script>
</body>
</html>