-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (189 loc) · 6.42 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
195
196
197
198
199
200
<!DOCTYPE html>
<html>
<head>
<title>Do campo à cidade, colhendo oportunidades</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="stilo.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Lustria&display=swap"
rel="stylesheet"/>
</head>
<style>
body{
min-height:14vh;
}
::-webkit-scrollbar
{
width: 12px;
}
::-webkit-scrollbar-track
{
background: green;
}
::-webkit-scrollbar-thumb
{
background: #01021a;
border-radius: 12-0px;
}
::-webkit-scrollbar-thumb:hover
{
opacity: .95;
}
</style>
<body>
<header>
<div class="cabecalho img">
<img class="logo__principal" src="logo.png" alt="Logo" />
<h1 class="texto__cabecalho">
<strong>Rosário do Ivaí-Pr Capital da Uva Niágara</strong>
</h1>
<a class="cabecalho__botao" href="https://www.nre.seed.pr.gov.br/modules/conteudo/conteudo.php?conteudo=53"
target="_blank" >NRE IVAIPORÃ</a>
<br />
</div>
</header>
<br>
<video height="50%" width="100%" src="rafa.mp4"
controls
width="1500"
height="500"
muted
autoplay
poster="agro.png"
>
</video>
<section class="container">
<div class="secao1__descricao">
<p class="secao1__titulo">Qual a importância da Uva Niágara para Rosário do Ivaí?</p>
<p class="secao1__texto">
A uva Niagara tem uma importância significativa para o estado do Paraná,
e para a cidade de Rosário do Ivaí-Pr
e para a indústria vitivinícola brasileira como um todo.
A cultura da uva Niagara oferece uma oportunidade,
de diversificação para os produtores agrícolas do Rosário do Ivaí.
Ao cultivar uvas, os agricultores podem diversificar suas fontes de renda,
e reduzir os riscos associados à dependência de culturas únicas.
</p>
</div>
<img
src="uvas.png"
alt="imagem de cachos de uvas"
class="secao1__imagem"
/>
</section>
<section>
<div class="secao2__titulo">
<p class="secao2__img__titulo">A produção de Uvas.</p>
</div>
<div class="secao2__imagens">
<div>
<img src="1.png" height="150%" width="380%" alt="Homem colhendo uvas" />
</div>
<div>
<img src="2.png" height="150%" width="380%" alt="Homem guardando caixas de uvas" />
</div>
<div>
<img src="3.png" height="150%" width="380%" alt="Caixas de uvas" />
</div>
</div>
</div>
<br>
<br>
<br>
<div class="secao2__subtitulo">
<h2 class="secao2__img__subtitulo">
As produções de uvas Niágara, são usados para a fabricação de vinhos,
sucos, geleias, uvas passas, aguardentes entre outros produtos maravilhosos.
</h2>
</div>
</section>
<section class="container">
<div class="secao3__imagem img">
<div class="secao3__texto">
<h1 class="secao3__info">
"Venha visitar a cidade de Rosário do Ivái e saborear as maravilhosas uvas Niágara!"
</h1>
</div>
</div>
</section>
<section class="container secao4">
<div class="secao4__imagem">
<img
src="carro.png"
alt="ilustração de uvas"
/>
</div>
<div class="secao4__container">
<p class="secao4__titulo">Contato</p>
<p class="secao4__texto">Prof.Rafael</p>
<br />
<br />
<p class="secao4__email">
<span>E-mail: </span><a href="mailto:rafael.assis.santos@escola.pr.gov.br"> rafael.assis.santos@escola.pr.gov.br</a>
</p>
<br />
<p class="secao4__fone"><span>Telefone: </span><a href="tel:+5543996561825">(43)996561825</a></p>
<br />
<p class="secao4__endereco">
<span>Endereço: </span>Rua Rio Tocantins, 393 - Rio Branco do Ivaí, PR, 868480-000
</p>
</div>
</section>
<section class="container relogio">
<div class="aba-conteudo ativo">
<h3 class="aba-conteudo-titulo-principal">Relógio da uva</h3>
<h4 class="aba-conteudo-titulo-secundario">Tempo restante para a tradicional festa da Uva</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>
<footer class="rodape">
<img src="logo.png" alt="ceaa" class="rodape__logo" />
<ul class="rodape__lista">
<li class="lista__link">
<a href="https://www.sistemafaep.org.br/agrinho/">AGRINHO 2024</a>
</li>
<li class="lista__link">
<a href="https://www.instagram.com/sistema.faep/">FAEP</a>
</li>
<li class="lista__link">
<a href="https://www.instagram.com/sistema.faep/">SENAR</a>
</li>
<li class="lista__link">
<a
href="https://www.nre.seed.pr.gov.br/modules/conteudo/conteudo.php?conteudo=53"
>NRE IVAIPORÃ</a
>
</li>
<li class="lista__link">
<a
href="http://www.consultaescolas.pr.gov.br/consultaescolas-java/pages/templates/initial2.jsf?windowId=221&codigoEstab=25&codigoMunicipio=2238"
>COLÉGIO ESTADUAL RIO BRANCO</a
>
</li>
</ul>
<p class="rodape__texto">Agrinho 2024</p>
<p class="rodape__texto">® 2024 -NRE IVAIPORÃ</p>
</footer>
<script src="main.js"></script>
</body>
</html>