agrinhoo/index.html at main · dylaNick/agrinhoo · GitHub

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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Agrinho Nicolly</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.cdnfonts.com/css/aliens-and-cows" rel="stylesheet">
    <link href="https://fonts.cdnfonts.com/css/aleo-2" rel="stylesheet">
    <link href="https://fonts.cdnfonts.com/css/league-gothic" rel="stylesheet">
    <link href="https://fonts.cdnfonts.com/css/league-spartan" rel="stylesheet">

    <style>
        @import url('https://fonts.cdnfonts.com/css/aliens-and-cows');
        @import url('https://fonts.cdnfonts.com/css/aleo-2');
        @import url('https://fonts.cdnfonts.com/css/league-gothic');
        @import url('https://fonts.cdnfonts.com/css/league-spartan');
</style>

</style>

    </style>

    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body>

    <header class="cabecalho">
        <img src="campo.jpg" class="w-full h-44 object-cover object-center brightness-50" alt="campo-cabecalho">
        <div class="flex w-full justify-center text-center font-bold absolute -mt-40">
        <ul class="cabecalho-lista">
            <li class="text-3xl uppercase text-[#ACBF3F]">
                <h4 class="font-bold">
                Agrinho 2024
                </h4>
                </li>
            <li class="text-5xl uppercase font-italic text-[#D1D3C0]">
                <h5>
                Do campo à cidade
                </h5>
            </li>
            <li class="text-3xl uppercase text-[#D1D3C0]">
                <h3 class="text-bold">
                Colhendo oportunidades
                </h3>
            </li>
        </ul>
    </div>
    </header>

    <main>
    <div class="flex w-full justify-center">
    <h1 class="text-[180px] text-[#] text-[#9B9D87]">O que é Agronomia?</h1>
    </div>
    </main>

    <section class="w-full bg-[#7f8b3d] pt-2">
        <div class="flex w-full">
        <img class="object-cover w-[800px] mr-80" src="vacafalando.png" alt="vaca falando no início">
        <div class="absolute flex transition ml-[900px] mt-[150px] h-60 w-[800px] items-center px-12  ease-in-out delay-150 bg-[#7F8B3D] hover:-translate-y-1 hover:scale-110 duration-700 aliens-font rounded-t-full rounded-r-full bg-[#acbf3f] shadow-lg">
        <p
          class="font-bold text-[#5D5D58] text-center text-3xl">
           Agronomia é uma área multidisciplinar das ciências agrárias que se dedica ao estudo e ao manejo dos recursos naturais para a produção de alimentos, fibras, biocombustíveis e outros produtos de origem vegetal.</p>
        </div>
    </div>
</section>

    <section class="my-24">
        <h2 class="flex text-[#9B9D87] text-8xl justify-center mb-12">Quem trabalha na área da agronomia?</h2>
        <div class="flex w-full justify-center">
            <div
            class="w-5/6 py-12 delay-100 duration-700 hover:-translate-y-1 hover:scale-110 bg-[#acbf3f] duration-700 ml-2 rounded-xl hover:shadow-lg">
         <p class="text-[#5D5D58] text-center text-3xl">Um agrônomo é um profissional que atua na área da agricultura e possui conhecimentos específicos sobre plantas, animais, solos, clima e tecnologias relacionadas à produção agrícola. Ele trabalha em diferentes etapas do processo produtivo, desde o planejamento da produção até a colheita e pós-colheita dos produtos.</p>
    </section>

    <section class="my-24">
        <h2 class=" flex justify-center text-8xl text-[#9B9D87]">qual a importancia da agronomia para o brasil?</h2>
        <div class="flex w-full justify-center">

        <div
        class="flex delay-150 duration-700 hover:-translate-y-1 hover:scale-110 hover:bg-[#acbf3f] w-64 ml-2 mt-[90px] border-4 border-[#acbf3f] w-[900px] rounded-xl h-60 items-center hover:shadow-lg">
        <p class="text-[#5D5D58] text-center text-3xl">
          A atividade agrícola para exportação tem sido um importante propulsor para o crescimento do produto
          interno brasileiro. O agronegócio hoje é responsável por 50,8% de tudo exportado no Brasil, e este resultado
          está ligado à alta produtividade motivada por incrementos tecnológicos usados no campo.
        </p>
      </div>

      <div
        class=" flex delay-150 duration-700 hover:-translate-y-1 hover:scale-110 hover:bg-[#acbf3f] w-64 ml-2 mt-[90px] border-4 border-[#acbf3f] w-[900px] rounded-xl h-60 items-center hover:shadow-lg">
        <p class="text-[#5D5D58] text-center text-3xl">
          É um dos setores que mais contribui para o crescimento do PIB nacional e que responde por 21% da soma de
          todas as riquezas produzidas, um quinto de todos os empregos e 43,2% das exportações brasileiras,
          chegando a US$ 96,7 bilhões em 2019
        </p>
      </div>
    </div>
    </section>

    <section class="campo-cidade">
        <h2 class="flex justify-center text-8xl text-[#9B9D87]">O campo e a cidade</h2>

        <div class="flex flex-col my-12 gap-24">

            <div class="flex w-full justify-center items-center">
              <img class="object-cover w-[700px]" src="campo.png" alt="campo">
              <div class="flex flex-col justify-center">
                <p
                  class=" text-[#5D5D58] delay-150 duration-700 hover:-translate-y-1 hover:scale-110 hover:bg-[#acbf3f] duration-700 aliens-font rounded-r-full font-bold text-center text-xl w-[700px] bg-[#acbf3f] px-20 py-10 hover:shadow-lg">
                  O campo (área rural) é formado por propriedades rurais como: fazendas, chácaras e sítios. A economia
                  rural é responsável por boa parte das movimentações econômicas brasileiras. A pecuária, as atividades
                  agrícolas e demais serviços rurais têm grande influência, pois, ao movimentarem a economia, geram mais
                  empregos e contribuem para o desenvolvimento e crescimento econômico do país.</p>
              </div>
            </div>

            <div class="flex w-full justify-center items-center">
              <div class="flex flex-col justify-center">
                <p
                  class=" text-[#5D5D58] delay-150 duration-700 hover:-translate-y-1 hover:scale-110 hover:bg-[#acbf3f] duration-700 aliens-font rounded-l-full font-bold text-center text-xl w-[700px] bg-[#acbf3f] px-20 py-10 hover:shadow-lg">
                  A cidade (área urbana) é formada pela zona urbana, onde vive, atualmente, a maioria das pessoas. Nas
                  cidades são instaladas as indústrias, o comércio e as empresas de bens de serviços como: hospitais,
                  escolas,
                  dentistas, etc. A economia urbana explora as decisões locacionais das famílias (max. de utilidade) e
                  firmas (max. de lucro) e mostra como essas decisões determinam a formação de cidades em diferentes
                  tamanhos
                  e formas. Identifica as ineficiências típicas das grandes cidades.</p>
              </div>
              <img class=" object-cover w-[700px]" src="cidade.png" alt="cidade">
            </div>

          </div>

          </section>

    <section class="importante">
        <h1 class="flex text-[#9B9D87] text-8xl justify-center mb-12">qual é mais importante?</h1>
        <div class="flex flex-col items-center">
          <p
            class=" ml-2 flex flex-col justify-center transition ease-in-out delay-150 bg-[#7F8B3D] hover:-translate-y-1 hover:scale-110 hover:bg-[#acbf3f] duration-700; aliens-font rounded-t-full rounded-r-full font-bold text-[#5D5D58] text-center text-xl w-[700px] bg-[#acbf3f] px-20 py-10 hover:shadow-lg">
            Ambos são extremamente importantes!
            Tanto o campo quanto a cidade são importantes, o rural não funciona sem o urbano e o mesmo para o
            oposto. O espaço rural, como já dissemos, engloba predominantemente atividades vinculadas ao setor
            primário (extrativismo, agricultura e pecuária), ao passo que o espaço urbano costuma reunir
            atividades
            vinculadas ao setor secundário (indústria e produção de energia) e terciário (comércio e serviços).
          </p>
        </div>
        </section>


        <footer class="rodape">
            <img class="w-full shadow-lg" src="trigo.png" alt="trigo">
          </footer>

          <section class="w-full bg-[#7f8b3d]">
        </section>

</body>
</html>