Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@enrique993
enrique993 authored Jul 2, 2024
1 parent f5bd3a3 commit 6de6369
Show file tree
Hide file tree
Showing 6 changed files with 203 additions and 0 deletions.
4 changes: 4 additions & 0 deletions IMPORTANTE_(LEIA).txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
Nome: Enrique Gabriel A. Andrade
Turma: 3ºA
Número: 10
Colégio: Colégio Estadual Almiro Sartori
Binary file added abelha.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added abelha2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
88 changes: 88 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Programa Agrinho</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&quot;">
</head>

<body>
<header id = "titulo">
<h1>Apicultura</h1>
<h3 class="subtitulo">A arte do mel</h3>
<div id="imagem">
<img src="abelha.jpg" id="i_titulo">
<img src="abelha2.jpg" id="i_titulo">
</div>
<br><br>
</header>

<main>
<section id="introducao">
<div>
<div>
<p class="texto">
<b>O que é a Apicultura?</b>
<br><br>
Apicultura é a ciência, ou arte, da criação de abelhas com ferrão. Trata-se de um ramo da zootecnia.<br>Ela também consiste na criação de abelhas exóticas (Apis mellifera) com o objetivo de produzir mel,<br>própolis, geleia real, pólen e cera de abelha, sendo incentivado pelo Incaper em diversos municípios<br>capixabas e tem se mostrado uma excelente alternativa de diversificação agrícola.
<br><br>
<b>Quais os benefiícios do mel à saúde?</b>
<br><br>
Ajuda a proteger e a recuperar a mucosa gástrica, por meio de sua ação anti-inflamatória e antioxidante.<br>Também é um excelente probiotico e nutre as boas bactérias do intestino, entretanto, deve<br> ser consumido com moderação, visto que desregula o açucar no sangue e aumenta o peso.
<br><br>
<b>Qual a História da Apicultura?</b>
<br><br>
As teorias dizem que já existiam abelhas há 42 milhões de anos, idênticas às atuais.<br> Mas o que se têm de fato, é o relato do uso do mel pelas civilizações<br> mais antigas traçadas pela história, sendo uma delas os Sumérios.
</p>
</div>
<img src="mel.jpg" id="i_introducao">
<div id="box"></div>
<div class="tabela">
<h2>Valor dos Produtos no Estado.</h2>
<table border="5">
<thead>
<tr>
<th>Produtos</th>
<th>Valores</th>
<th>Peso</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mel</td>
<td>R$ 41,53</td>
<td>1 kg</td>
</tr>
<tr>
<td>Pão de Mel</td>
<td>R$ 230,00</td>
<td>1 kg</td>
</tr>
<tr>
<td>Bolo de Mel</td>
<td>R$ 40,00</td>
<td>1 kg</td>
</tr>
</tbody>
</table>
</div>
<br>
<nav>
<ul class="sites">
<li><a href="https://super.abril.com.br/mundo-estranho/como-e-feito-o-mel#:~:text=As%20abelhas%20t%C3%AAm%20em%20suas,outros%20a%C3%A7%C3%BAcares%3A%20glicose%20e%20frutose.">Como é feito?</a></li>
<br>
<li><a href="https://www.scielo.br/j/read/a/G44MJtnxBLYDPYkFJxWBm6P/?lang=pt#:~:text=As%20pr%C3%A1ticas%20ap%C3%ADcolas%20trazem%20alguns,ap%C3%ADcolas%20(REIS%3B%20PINHEIRO%2C%202011">Desafios da produção.</a></li>
<br>
<li><a href="https://www.portaldoagronegocio.com.br/pecuaria/apicultura/noticias/mel-de-abelha-entenda-sobre-as-variacoes-de-cores-sabores-e-propriedades#:~:text=Seja%20em%20um%20tom%20de,com%20sabores%20e%20propriedades%20diferentes.">Variações de cor.</a></li>
</ul>
</nav>
</div>
</section>
</main>
<footer>
<p class="copyright"> © Agrinho - 2024</p>
</footer>
</body>
</html>
Binary file added mel.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
111 changes: 111 additions & 0 deletions style.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,111 @@
body {
background-color: rgb(86, 119, 119);
margin: 0px;
margin-top: -22px;
}
#titulo {
background-color: rgb(128, 148, 167);
}

div {
align-items: flex-start;
display: flex;
}

h1 {
color: rgb(233, 213, 102);
-webkit-text-stroke: 1px;
-webkit-text-stroke-color: rgb(146, 118, 82);
display: flex;
justify-content: center;
padding-top: 20px;
margin-bottom: -40px;
}
.subtitulo{
color: rgb(233, 213, 102);
display: flex;
justify-content: center;
padding-top: 20px;
margin-bottom: -40px;

}
#imagem {
justify-content: space-around;

}
#i_titulo {
width: 150px;
height: 100px;
border: 2px solid rgb(143, 98, 0);
}

#introducao {
padding-left: 10px;
padding-top: 20px;
display: flex;
background-color: rgb(161, 188, 201);
}

.texto {
padding-right: 30px;
}
#i_introducao {
width: 300px;
border: 2px solid red;
border-radius: 10px;
}
#box {
border-right: 2px solid rgb(99, 99, 99);
height: 100%;
width: 10px;
opacity: 0.5;
}
.tabela {
margin-top: -50px;
display: table-column;
}
table {
width: 50%;
border-collapse: collapse;
margin: 20px auto;
}
h2 {
padding-left: 10px;
padding-top: 50px;
}
th, td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
tr:nth-child(odd) {
background-color: #ddd;
}
tr:nth-child(even) {
background-color: #ebe4e9;
}
tr:hover {
background-color: #ccc;
}
ul {
margin: 0;
padding: 0;
padding-top: 100px;
padding-left: 20px;
background-color: inherit;
}
li{
list-style-type: none;
display: flex;
margin-left: 5px;
font-weight: 300;
margin-top: auto;
}
footer {
text-align: center;
background-color: rgb(86, 119, 119);
color: white;
}

0 comments on commit 6de6369

Please sign in to comment.