<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Required meta tags -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<link rel="stylesheet" href="index.css" />
<title>A Historia da Inclusão Digital de Bh</title>
</head>
<body>
<div class="container">
<div>
<img class="firstOne" src="https://turismodeminas.com.br/wp-content/uploads/2017/03/belo-horizonte.jpg" />
</div>
<div>
<h1 id="greeny">A Historia da Inclusão Digital de Bh</h1>
</div>
<div>
<h2>BH Digital - Fazendo Parte Dessa Historia</h2>
</div>
<div>
<ul>
<li><a href="/">GALERIA DE FOTOS E VÍDEOS</a></li>
<li><a href="/">BH, PIONEIRA EM INCLUSÃO DIGITAL</a></li>
<li><a href="/">BH, ATUALMENTE NA INCLUSÃO DIGITAL</a></li>
<li><a href="/">MAPA DE INCLUSÃO DIGITAL</a></li>
<li>
<a href="https://www.w3schools.com/html/">PRÊMIO INCLUSÃO DIGITAL PBH</a>
</li>
</ul>
</div>
<div>
<div class="row">
<div class="col-6">
<a href="/">
<img class="secondOne"src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSmH31IYz-jTRYveKzgg9qSleSvsSjxNn15-rG9n3uu-N6Q5M9l&usqp=CAU"/>
</a>
</div>
<div class="col-6">
<p id="nearText">
Com o objetivo de ampliar o acesso à internet, a Diretoria de
Inclusão Digital da Empresa de Informática e Informação do Município
de Belo Horizonte (Prodabel) desenvolveu ações de inclusão digital
com públicos variados e teve resultados expressivos neste ano de
2017. A expectativa é que os serviços prestados sejam ampliados no
próximo ano. Foram desenvolvidas ações com pessoas de todas as
idades, desde o programa a Hora do Código, que tem como objetivo
apresentar e inserir crianças a partir de seis anos no mundo da
programação, até o curso de Informática para a terceira idade,
passando pela capacitação de jovens, as noções de empreendedorismo
para micro e pequenos empresários, entre outros. Ao todo, 760 alunos
receberam certificados das atividades desenvolvidas na Unidade
Ipiranga da Prodabel. Entre elas está a Maria Raimunda dos Reis, de
66 anos.
</p>
</div>
</div>
<div id="belowText">
<p>
Também merece destaque o curso “Formação e Vivência em Informática
para Jovens”. Criada neste ano, a proposta tem como objetivo
capacitar jovens de várias comunidades da capital, para que eles se
transformem em monitores e transmitam o conhecimento nos locais onde
vivem. A proposta é dividida em quatro módulos, sendo dois em sala
de aula e outros dois nos Telecentros espalhados pela cidade. Ao
todo, foram montadas três turmas com pessoas entre 15 e 20 anos. A
ideia conquistou, inclusive, o primeiro lugar no Prêmio Sucesu Minas
2017, um dos mais respeitados do Estado. “É gratificante receber
este prêmio logo no ano de criação do curso. Vale lembrar que ele é
benéfico não só para os alunos, que ganham uma oportunidade de
aprendizagem e inclusão digital, mas também para as comunidades, já
que os Telecentros se transformam em um espaço com pessoas dispostas
a disseminar o conhecimento”, afirmou o diretor de Inclusão Digital
da Prodabel, Leonardo Roscoe. Já o Idealab, curso desenvolvido em
parceria com Sebrae, proporcionou a micro e pequenos empreendedores
das mais variadas áreas a possibilidade de aprender sobre gestão e a
possibilidade de transformar a informática em uma importante aliada.
Mais de 40 pessoas participaram desta atividade. “Muitas pessoas,
hoje em dia, fecham as portas por falta de noção dos próprios
empreendedores, de como gerir um negócio. Para amenizar este
problema é que criamos este trabalho”, disse Leonardo Roscoe. Já o
projeto Conexão Aberta, desenvolvido em parceria com a Secretaria
Municipal da Educação, esteve em cinco regionais da cidade e teve
mais de sete mil acessos.
</p>
</div>
</div>
<div>
<table id="tables">
<thead>
<tr>
<th scope="col">CIDADE</th>
<th scope="col">UF</th>
<th scope="col">COMPUTADOR</th>
<th scope="col">POSIÇÃO</th>
<th scope="col">COMPUTADOR COM INTERNET</th>
</tr>
</thead>
<tbody>
<tr>
<td>Belo Horizonte</td>
<td>MG</td>
<td>64.17</td>
<td>13</td>
<td>58.59</td>
</tr>
<tr>
<td>São Caetano do Sul</td>
<td>SP</td>
<td>76.05</td>
<td>1</td>
<td>74.07</td>
</tr>
<tr>
<td>Florianópolis</td>
<td>SC</td>
<td>74.47</td>
<td>2</td>
<td>72.03</td>
</tr>
<tr>
<td>Vitória</td>
<td>ES</td>
<td>68.41</td>
<td>3</td>
<td>73.88</td>
</tr>
<tr>
<td colspan="5">
RANKING COMPARATIVO COM AS PRINCIPAIS CIDADES DO BRASIL.
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="container" id="field">
<div class="row">
<fieldset>
<legend>
Você está Satisfeito com os serviços de inclusão digital do PBH?
</legend>
<div class="row">
<div class="col">
<input type="radio" /> <label for="radio">Sim</label>
<input type="radio" /> <label for="radio">Não</label>
</div>
</div>
<div>
<div class="col">
<label>E-mail:</label>
<input type="email" />
</div>
<div class="col">
<label>Sugestões:</label>
</div>
<div class="col">
<input type="textarea" rows="5" cols="33" />
</div>
</div>
<div class="col">
<button>Enviar</button>
<button>Cancelar</button>
</div>
</fieldset>
</div>
</div>
</body>
</html>
body{
background-color: #a8e7c8;
}
#greeny{
background: green;
text-align: center;
width: 100%;
margin-top: 20px;
}
.firstOne{
width: 100%;
height: 400px;
}
.secondOne{
border: green solid 3px;
width: 50%;
margin:0 20px;
}
p{
text-align: justify;
}
#nearText{
font-size: 20px;
color: #2c7a0d;
}
#belowText{
font-size: 25px;
color: grey;
}
#field{
border: #2c7a0d solid 3px;
width: 50%;
}
.fieldinhg{
margin-top: 20px;
}
table{
margin-bottom: 50px;
}
table, th, td {
border: solid 2px #b33d99;
}
#tables{
cellspacing: 5px;
text-align: center;
height: 30px;
width:500px;
}
h2{
text-align: center;
color: #2c7a0d;
margin-top: 50px;
}
