<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>EDUCAÇÃO TRANSFORMADORA</title>
<link rel="stylesheet" href="CSS/estilo.css">
</head>
<body>
<img id="lapis" src=https://www.amopintar.com/wp-content/uploads/l%C3%A1pis-de-cor.jpg align="top" alt="imagem de uma criança colorindo" widht="100%" height="=400px">
<div id="title">
<h1> "A educação muda pessoas. Pessoas transformam o mundo!" Paulo Freire</h1></div>
<div id="title2"><h2>Estude em casa.</h2></div>
<div> <H2>
<ul class="menu">
<li><a href="#sobre">O site</a></li>
<li><a href="#texto">Atividades</a></li>
<li><a href="#dicas"> Dicas</a></li>
<li><a href="#redes">Redes Sociais</a></li>
<li><a href="http://www.dominiopublico.gov.br/pesquisa/PesquisaObraForm.do">Download de Livros de Literatura Infantil </a></li>
</ul> </H2>
<a href="https://bit.ly/3bZBGXZ"> <img id="gizdecera" src=https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcS9Yjj5QPFj9LPy74PuO1gODTbXEU3PkEfLnrWTxYwGwT1O4DpD&usqp=CAU alt="imagem de varias cores de giz de cera e um papel" align="left"></a>
<div id="sobre"> <h2 >O site</h2>
<h3>Este site foi desenvolvido com o objetivo de <em>centralizar</em> <strong>sequências didáticas e atividades escolares</strong>,
da Professora <em>Júlia Veríssimo </em>, feitas para as crianças matriculadas no 3° ano do Ensino Fundamental, da Escola Estadual Professor Leon Renault, situada na cidade de
Belo Horizonte em Minas Gerais.<br>
<br>
Com o fechamento das escolas surgiu a necessidade de se estabelecer um contato virtual com as famílias das crianças, para diminuir os impactos
no desenvolvimento escolar. Assim, este espaço foi criado para que <strong>professores, responsáveis e crianças</strong> possam se conectar e buscar a aprendizagem.
Aqui você vai encontrar: dicas de sites para visitar, as atividades da semana para baixar, livros digitais e muito mais!
Ah! E se você quiser desenhos para colorir e se divertir, é só clicar na imagem ao lado!</h3>
<div id="texto"> <h2>Atividades</h2>
<h3>As atividades propostas e que serão aqui postadas, seguirão o planejamento da professora <em>Júlia</em>, A cada semana teremos um arquivo novo
com atividades fresquinhas para você! Caso não possa imprimir, você poderá anotar somente as respostas das atividades no caderno, mas não se esqueça de colocar a data.</h3>
<h2 id="dicas"> Dicas</h2>
<h3>Organize sua rotina de estudos da seguinte maneira:
<ul type="circle">
<li> Tenha um local organizado para o momento da atividade;</li>
<li> Desligue a televisão e outros aparelhos que possam tirar sua atenção; </li>
<li> Escreva com letra legível e caprichada; </li>
<li> Ao final de cada atividade faça em seu caderno um lindo desenho bem colorido.</li>
</ul>
</h3>
<h2 id="redes">Redes Sociais</h2>
<h3><strong>IG: @juliaverissimoprof </strong><br>
E-MAIL: julia.verissimo@educacao.mg.gov.br <br>
Instagram da Escola: @leonrenault </h3></div>
<h3>HORÁRIO DA TURMA 31 </h3>
<table>
<tbody>
<thead>
<tr>
<th>SEGUNDA-FEIRA</th>
<th>TERÇA-FEIRA</th>
<th>QUARTA-FEIRA</th>
<th>QUINTA-FEIRA</th>
<th>SEXTA-FEIRA</th>
</tr>
</thead>
<tbody>
<tr>
<td class="PrimeiraColuna">Ens. Religioso</td>
<td class="SegundaColuna">Matemática</td>
<td class="TerceiraColuna">Educação Física</td>
<td class="QuartaColuna">Português</td>
<td class="QuintaColuna"> Geografia e História</td>
</tr>
<tr>
<td class="PrimeiraColuna">Matemática</td>
<td class="SegundaColuna">Matemática</td>
<td class="TerceiraColuna">Ciências</td>
<td class="QuartaColuna">Português</td>
<td class="QuintaColuna"> Geografia e História</td>
</tr>
<tr>
<td class="PrimeiraColuna">Matemática</td>
<td class="SegundaColuna">Matemática</td>
<td class="TerceiraColuna">Ciências</td>
<td class="QuartaColuna">Português</td>
<td class="QuintaColuna"> Geografia e História</td>
</tr>
<tr>
<td class="PrimeiraColuna">Matemática</td>
<td class="SegundaColuna">Ciências</td>
<td class="TerceiraColuna">Português</td>
<td class="QuartaColuna">Geografia e História</td>
<td class="QuintaColuna"> Artes</td>
</tr>
<tr>
<td class="PrimeiraColuna">Educação Física</td>
<td class="SegundaColuna">Ciências</td>
<td class="TerceiraColuna">Português</td>
<td class="QuartaColuna">Geografia e História</td>
<td class="QuintaColuna"> Artes</td>
</tr></tbody>
<tfoot>
<tr>
<td colspan="5">O horário, eventualmente, poderá ser alterado pela professora no decorrer da semana.</td>
</tr>
</tfoot>
</table>
<h3>Você está satisfeito com a nova plataforma de aulas?</h3>
<FORM ACTION="email@email.com" METHOD="get">
<INPUT TYPE=radio NAME="yes" CHECKED>SIM
<INPUT TYPE=radio NAME="no">NÃO<BR>
<P>E-mail <INPUT TYPE=text NAME="email" SIZE="16"></P>
<P>Sugestões: </P>
<TEXTAREA NAME="Sugestões" ROWS="10" COLS="50"></textarea><br>
<INPUT TYPE=submit VALUE="Enviar">
<INPUT TYPE=reset VALUE="Cancelar">
</FORM>
</DIV>
</DIV>
</BODY>
</HTML>
#lapis{
width:100%;
height:400px;}
#gizdecera{
width:50%;
height:auto;
margin-bottom: 3px;
margin: 20px;
border-spacing: 2px;
border-style: solid;
border-color: #16f716}
#title{background-color: rgb(120, 238, 91);
margin: 0px;
size: 100%;
color: white;
text-align: center;}
#title2{color: #2c7a0d;
font-size: 20px;
text-align: center;
font-family: Verdana, Geneva, Tahoma, sans-serif;}
#sobre{ font-size: 20px;
color: #2c7a0d}
#texto{font-size: 25px;
color: gray;}
body {background-color: lightgreen;}
table {
border-spacing: 2px;
border-style: solid;
border-color:#b33d99;
text-align: center;
width: 500px;
height: 30px;}
thead {
border-spacing: 2px;
border-style: solid;
border-color:#b33d99;
text-align: center;
width: 500px;
height: 30px;}
td {
border-spacing: 2px;
border-style: solid;
border-color:#b33d99;
text-align: center;
width: 500px;
height: 30px; }
tr { border-spacing: 2px;
border-style: solid;
border-color:#b33d99;
text-align: center;
width: 500px;
height: 30px;}
tbody { border-spacing: 2px;
border-style: solid;
border-color:#b33d99;
text-align: center;
width: 500px;
height: 30px;}
tfoot {
border-spacing: 2px;
border-style: solid;
border-color:#b33d99;
text-align: center;
width: 500px;
height: 30px;}
