agrinho/index.html at main · cadubahls/agrinho · 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
<!DOCTYPE html>
<html lang="pt-br">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Agrinho 3 ano</title>
    <link rel="stylesheet" href="style.css">
</head>
<style>
    body{
    min-height:14vh;
    }

    ::-webkit-scrollbar
    {
        width: 10px;
    }

    ::-webkit-scrollbar-track
    {
        background: green;
    }

    ::-webkit-scrollbar-thumb
    {
        background: #323683;
        border-radius: 12px;
    }

    ::-webkit-scrollbar-thumb:hover
    {
        opacity: .95;
    }
  </style>

<body>

    <div class="container">
        <nav>
            <ul>
                <li>
                    <a href="index.html">Sobre mim</a>
                </li>
                <li>
                    <a href="projeto.html">Projetos</a>

                </li>
                <li>
                    <a href="contact.html">Contato</a>
                </li>
            </ul>
        </nav>

        <header>
            <div class="center">
                <img src="flower-5470156_1280.jpg"></img>
            </div>
            <h1>Agrinho</h1>
            <h2>Do Campo a cidade, colhendo oportunidades</h2>
        </header>

        <main>
            <section>
                <h3>Sobre o Agrinho</h3>
                <p>
                    <img src="flower-4476373_1280.jpg" height="8%" width="5%"></a>
                    <br><br><br>

                    Girassóis são cultivados em muitas partes do mundo, desde vastos campos agrícolas até pequenos jardins domésticos. Sua altura imponente e suas flores viradas para o sol tornam-nas uma adição impressionante a qualquer paisagem.

O processo de plantio de girassóis começa com a preparação adequada do solo, que deve ser bem drenado e fértil. As sementes de girassol são então plantadas a uma profundidade adequada e espaçadas corretamente para permitir o crescimento saudável das plantas.
                </p>
            </section>
            <section>
                <h3>Desafios</h3>
                <p>
                    <img src="sunflower.jpg" height="8%" width="5%"></a>
                    <br><br><br>
                    Uma vez plantadas, as sementes de girassol germinam em poucos dias, e as mudas começam a crescer rapidamente em direção à luz do sol. Os girassóis são conhecidos por seguir o movimento do sol ao longo do dia, um fenômeno chamado de heliotropismo, que maximiza a absorção de luz solar para o crescimento ideal.

À medida que as plantas de girassol crescem, elas desenvolvem suas flores icônicas, que podem variar em tamanho e cor, dependendo da variedade. As flores de girassol não apenas proporcionam uma visão espetacular, mas também são uma fonte de alimento para pássaros e insetos polinizadores.
                </p>
            </section>
            <section>
                <h3>Contribuição</h3>
                <p>
                    <img src="sunflower1.jpg" height="8%" width="5%"></a>
                    <br><br><br>
                    Além de seu valor agrícola e estético, os girassóis também têm significado simbólico em muitas culturas ao redor do mundo. Eles são frequentemente associados à felicidade, vitalidade e energia positiva, tornando-os presentes populares em celebrações e ocasiões especiais.

                    Em resumo, a plantação de girassóis é mais do que apenas um empreendimento agrícola - é um tributo à beleza da natureza e um lembrete do poderoso vínculo entre o homem e o mundo natural ao seu redor.
                </p>
            </section>
            <div>

            <section  class="container relogio">

                <div  class style="color:blue;"align="center"aba-conteudo ativo">
                    <h3  class=aba-conteudo-titulo-principal">Relogio do kkk</h3>
                    <h4  class="aba-conteudo-titulo-secundario">Tempo restante  kkk</h4>
                    <div  class="contador">
                        <div  class="contador-digito">
                            <p  class="contador-digito-numero"  id="dias0">7</p>
                            <p  class="contador-digito-texto">dias</p>
                        </div>
                        <div  class="contador-digito">
                            <p  class="contador-digito-numero"  id="horas0">7</p>
                            <p  class="contador-digito-texto">horas</p>
                        </div>
                        <div  class="contador-digito">
                            <p  class="contador-digito-numero"  id="min0">7</p>
                            <p  class="contador-digito-texto">min</p>
                        </div>
                        <div  class="contador-digito">
                            <p  class="contador-digito-numero"  id="seg0">7</p>
                            <p  class="contador-digito-texto">seg</p>
                        </div>
                    </div>
                </div>
            </section>
        </main>

        <footer>
            <a href="https://github.com/professor-rafael" target="_blank" rel="noopener noreferrer">
                <img src="github.png"></img>
                <p>Github</p>
            </a>
            <a href="https://www.linkedin.com/in/rafael-assis-santos-3384b220a/?originalSubdomain=br" target="_blank" rel="noopener noreferrer">
                <img src="linkedin.png"></img>
                <p>Linkedin</p>
            </a>
            <a href="https://www.youtube.com/channel/UCBRq6fO_-P6yPOVbC0yZVmQ" target="_blank" rel="noopener noreferrer">
                <img src="youtube.png"></img>
                <p>Youtube</p>
                <a href="https://chatgpt.com/" target="_blank" rel="noopener noreferrer">
                    <img src="ia.png"></img>
                    <p>Chat GPT</p>
                </a>
            </a>
        </footer>

    </div>
</body>
<script src="main.js"></script>
</html>