<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>
<head>
<meta charset="utf-8">
<title>A HISTÓRIA DA INCLUSÃO </title>
<link rel="stylesheet" href="CSS/estilo.css">
</head>
<body>
<img id="banner" src ="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcT-A6Ad72mMlmohbOIhHTHg8yD6oXXFq7e90xD44_V6hUlYe5zD&usqp=CAU">
</a>
<div>
<h1>
A HISTÓRIA DA INCLUSÃO DIGITAL DE BH
</h1>
</div>
<div>
<h2>
BH DIGITAL – FAZENDO PARTE DESSA HISTÓRIA
</h2>
</div>
<div>
<ul>
<li><a href="#fotosvideos">Galeria de fotos e vídeos</a></li>
<li><a href="#pioneira">BH, pioneira em inclusão digital</a></li>
<li><a href="#atual"> BH, atualmente na inclusão digital</a></li>
<li><a href="#mapa">Mapa de inclusão digital</a></li>
<li><a href="https://prefeitura.pbh.gov.br/noticias/inclusao-e-oportunidade-para-mulheres-no-programando-sonho-delas">Prêmio inclusão digital PBH</a></li>
</ul>
</div>
<div id="inclu">
<a target="_blank" href="https://prefeitura.pbh.gov.br/noticias/prodabel-promove-inclusao-digital-e-social-em-2017">
<p>
<img id="inclusao" src="https://prefeitura.pbh.gov.br/sites/default/files/styles/slideshow/public/noticia/img/2017-12/Prodabel%20inclus%C3%A3o%20digital%20foto%20divulgacao%20pbh.jpg?itok=_ghTPnlZ"
<br>
</p>
</a>
<p>
A história de Belo Horizonte relaciona-se com o
BH Digital que foi criado em 2005 pela
Prefeitura de Belo Horizonte, o BH Digital é um
trabalho inspirado no programa de inclusão
digital do Governo Federal. Trata-se de uma
iniciativa inédita no País.
<br>
O BH Digital que tem como objetivo a
implantação de espaços públicos e gratuitos
para assegurar a inclusão digital dos cidadãos
de Belo Horizonte. Nele, a tecnologia digital é
utilizada intensamente para ampliar a cidadania,
garantindo a inserção de comunidades no
mundo digital, contribuindo, assim, para o
fortalecimento e desenvolvimento social.
</p>
</div>
<br>
<h3 id="fotosvideos"> Galeria de fotos e vídeos</h3>
<br>
<img src="https://prefeitura.pbh.gov.br/sites/default/files/styles/slideshow/public/estrutura-de-governo/prodabel/IMG_1635.JPG?itok=3jDmtVcW"
<br>
<img src="https://prefeitura.pbh.gov.br/sites/default/files/styles/slideshow/public/estrutura-de-governo/smasac/njk.png?itok=Vy2vVVKj"
<br>
<h3 id="pioneira"> BH, pioneira em inclusão digital</h3>
<br>
<p>
Assinatura do contrato A Prefeitura de Belo Horizonte (Brasil) concluiu mais uma importante etapa para a consolidação do projeto BH Digital.<br>
A Prodabel (Processamento de Dados do Município de Belo Horizonte) assinou nesta terça-feira dia 26, com a WNI do Brasil, empresa de comunicações
digital a toda a população.<br>
O projeto, inédito no país, tem o obrjetivo de cobrir 95% da capital mineira com uma rede de internet sem fio de banda larga.
A iniciativa foi considerada uma referência peço presidente da WNI, Nóbile Scandelari Júnior.
</p>
<br>
<br>
<h3 id="atual"> BH, atualmente na inclusão digital</h3>
<br>
<p>
A WNI está fornencendo à Belo Horizonte uma tecnologia de ponta à já implantada na cidade de Temp, no Arizona, Estados Unidos, e a mesma
que será utilizada em Pequim para a realização dos Jogos Olímpicos 2008. O projeto é coordenado pela Prefeitura, por meio da Prodabel, e financiado
pelo Ministério das Comunicações.
A cidade já conta com três áreas de acesso livre à internet operacionalizadas pela Prefeitura nos Chamados HotSpots. A conexão sem fio pode ser feita
no prédio-sede da Prefeitura, na Prodabel e no terminal rodoviário. Nesses locais, as pessoas que possuirem um notebook ou um computador de mão,
com placa de rede sem fio, ou com um celular WiFi, poderão acessar a internet gratuitamente.
</p>
<br>
<h3 id="mapa"> Mapa de inclusão digital</h3>
<table border="1">
<thead>
<tr>
<th>CIDADE</th>
<th>UF</th>
<th>COMPUTADOR</th>
<th>POSIÇÃO</th>
<th>COMPUTADOR COM INTERNET </th>
</tr>
</thead>
<tbody>
<tr>
<td class="PrimeiraColuna">Belo Horizonte</td>
<td class="SegundaColuna">MG</td>
<td class="TerceiraColuna">64.17</td>
<td class="QuartaColuna">13 </td>
<td class="QuintaColuna">58.69 </td>
</tr>
<tr>
<td class="PrimeiraColuna">São Caetano do Sul </td>
<td class="SegundaColuna">SP</td>
<td class="TerceiraColuna">76.05</td>
<td class="QuartaColuna">1 </td>
<td class="QuintaColuna">74.07 </td>
</tr>
<tr>
<td class="PrimeiraColuna">Florianópolis</td>
<td class="SegundaColuna">SC</td>
<td class="TerceiraColuna">74.47</td>
<td class="QuartaColuna">2</td>
<td class="QuintaColuna">72.03 </td>
</tr>
<tr>
<td class="PrimeiraColuna">Vitória </td>
<td class="SegundaColuna">ES</td>
<td class="TerceiraColuna">68.41</td>
<td class="QuartaColuna"> 3</td>
<td class="QuintaColuna">73.88 </td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="5">RANKING COMPARATIVO COM AS PRINCIPAIS CIDADES DO BRASIL </td>
</tr>
</tfoot>
</table>
<br>
<br>
<form name="satisfacao" method="post" action="">
<fieldset>
<p>
VOCÊ ESTA SATISFEITO COM OS SERVIÇOS DE INCLUSÃO DIGITAL DA PBH?
</p>
<p>
<label> <input name="satisfacao" type="radio" value="radio" id="satisfacao1">SIM</label>
<label> <input name="satisfacao" type="radio" value="radio" id="satisfacao2">NÃO</label>
</p>
<p>
<label for="email"> E-MAIL: </label>
<input name="email" type="text" id="email" size="50" maxlength="50">
<br>
<label for="sugestoes">SUGESTÕES:</label>
<input type="text" id="sugestoes" size="150" maxlength="150">
</p>
</fieldset>
<input type="submit" name="acessar" id="acessar" value="ENVIAR ">
<input type="reset" name="cancelar" id="cancelar" value="CANCELAR">
</form>
</body>
</html>
h1{
background:#249402;
color:#fafdfa;
}
#banner{
width: 100%;
height: 400px;
}
#inclusao{
width: 50%;
border: 3px solid rgb(4, 141, 15);
margin-bottom: 50px;
margin:0 20px;
background-position: left;
}
h2{
color:#2c7a0d;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 20px;
padding-bottom: 2px solid #16f716;
text-align: center;
}
#inclu{
font-size: 20px;
color:#2c7a0d;
float: right;
}
h3{
color:#1b1b1b;
}
body{
background: #bfecbf;
font-size: 25px;
color:#2c2e2c;
}
table, td,th, tbody, tfoot{
border: solid 2px #b33d99;
padding: 5px;
text-align: center;
width: 500px;
height: 30px;
}
