<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="pt-BR">
<head>
<meta charset="UFT-8">
<title>Inclusão Digital de BH</title>
<link rel="stylesheet" type="text/css" href="css/folhadeestilo2.css">
</head>
<body class="bground">
<header>
<div class="banner-topo">
<a href="index.html">
<img src="imagem/IMGTOPO.jpg" alt="banner-topo">
</a>
</div>
</header>
<div class="title">
<h1> BELO HORIZONTE E A INCLUSÃO DIGITAL</h1>
</div>
<br>
<br>
<div class="subtitle">
<h2>BH DIGITAL – FAZENDO PARTE DESSA HISTÓRIA</h2>
</div>
<div class="Links">
<ul style="list-style-type: disc;">
<li><a href="#capitulo 1">INCLUSÃO DIGITAL NO BRASIL</a> </li><br>
<li><a href="#capitulo 2">BH, PIONEIRA EM INCLUSÃO DIGITAL</a> </li><br>
<li><a href="#capitulo 3">BH, ATUALMENTE NA INCLUSÃO DIGITAL</a> </li><br>
<li><a href="#capitulo 4">MAPA DE INCLUSÃO DIGITAL</a> </li><br>
<li><a href="https://www.hojeemdia.com.br/horizontes/bh-disputa-pr%C3%AAmio-mundial-com-programa-de-inclus%C3%A3o-digital-para-mulheres-carentes-1.755327">PRÊMIO INCLUSÃO DIGITAL</a> </li><br>
</ul>
</div>
<div class="img2">
<a href="index.html">
<img src="imagem/INCLUSÃO DIGITAL.jpg" alt="inclusão digital">
</a>
</div>
<div class="t1">
<p>A história da inclusão digital em Belo Horizonte tem seu início ao lado do Programa BH Digital. 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.</p>
<p>O BH Digital 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>
<p>Para isso, a Empresa de Informática e Informação do Município (Prodabel) identifica os possíveis locais de instalação dos pontos de inclusão digital, capacita menores aprendizes e promove parcerias com a sociedade civil, ONG’s, universidades, empresas privadas, governos municipal, estadual e federal e com organismos internacionais. (fonte: <a>https://prefeitura.pbh.gov.br/prodabel/inclusao-digital</a>. Acesso em 25 de maio de 2020)</p>
</div>
<div class="t2">
<h3><a name="capitulo 1">INCLUSÃO DIGITAL NO BRASIL</a></h3>
<p>No Brasil ainda precisamos melhorar no aspecto domínio da ferramenta. Numa pesquisa recente realizada pelo Google, junto com a McKinsey, para medir o índice de Habilidades Digitais o Brasil marcou três pontos em cinco, considerando as categorias: acesso, uso, segurança, cultura digital e criação. Três grupos apresentaram desempenho levemente inferior aos demais no índice: idosos, mulheres jovens e pessoas de baixa renda.</p>
<p>Já quando o assunto é acessibilidade digital temos um longo caminho a percorrer, segundo pesquisa realizada pela W3C, apenas 2% dos sites brasileiros são acessíveis, sendo que as estimativas apontam que o país tem uma população de pessoas com deficiência superior a 45 milhões. É muita gente deixada à margem da Revolução do Conhecimento.(fonte: <a>digitalks.com.br</a>. Acesso em 25 de maio de 2020) </p>
<h3><a name="capitulo 2">BH, PIONEIRA EM INCLUSÃO DIGITAL</a></h3>
<p>A Prodabel é pioneira na implantação de uma rede de internet sem fio em toda a cidade. Por meio do Programa BH Digital, o cidadão tem acesso gratuito à rede mundial de comunicação, em mais de cem espaços de internet municipal. Os usuários são capacitados por meio de diversos cursos e, no Centro de Recondicionamento de Computadores e telecentros, aprendem uma nova profissão.</p>
<p>Áreas como educação, saúde e finanças também têm a tecnologia como importante aliada. Sistemas específicos para cada setor agilizam a prestação do serviço público e dão mais comodidade e confiança aos cidadãos.(fonte: <a>https://prefeitura.pbh.gov.br/prodabel/inclusao-digital</a>. Acesso em 25 de maio de 2020)</p>
<h3><a name="capitulo 3">BH, ATUALMENTE NA INCLUSÃO DIGITAL</a></h3>
<p>Inclusão digital para mulheres em situação de vulnerabilidade. É com esta proposta que o projeto Programando Sonhos Delas, desenvolvido pela Prefeitura de Belo Horizonte (PBH), vai disputar a final do concurso World Smart Cities Awards, que será realizado entre os dias 19 e 21 de novembro, em Barcelona.</p>
<p>Lançado em 2019, o projeto vai formar, em dezembro, 100 programadoras. Até o fim de 2020, a meta é ainda mais audaciosa: capacitar 1.200 mulheres na área de TI. A maioria delas, segundo destacou o diretor-presidente da Prodabel, Leandro Garcia, sai do curso com uma colocação no mercado de trabalho.(fonte: <a>https://prefeitura.pbh.gov.br/prodabel/transparencia/historico</a>. Acesso em 25 de maio de 2020)</p>
<h3><a name="capitulo 4">MAPA DE INCLUSÃO DIGITAL</a></h3>
</div>
<table>
<thead>
<tr style="font-weight: bold;">
<td>CIDADE</td>
<td>UF</td>
<td>COMPUTADOR</td>
<td>POSIÇÃO</td>
<td>COMPUTADOR COM INTERNET</td>
</tr>
</thead>
<tbody>
<tr>
<td>Belo Horizonte</td>
<td>MG</td>
<td>64.17</td>
<td>13</td>
<td>58.69</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>
</tbody>
<tfoot>
<tr>
<th colspan="5">RANKING COMPARATIVO COM AS PRINCIPAIS CIDADES DO BRASIL</th>
</tr>
</tfoot>
</table>
<fieldset style="margin-top: 20px">
<p>VOCÊ ESTÁ SATISFEITO COM OS SERVIÇOS DE INCLUSÃO DIGITAL DA PBH?</p>
<form>
<input type="radio" id="SIM" name="confirm" value="SIM"><label for="SIM">SIM</label>
<input type="radio" id="NÃO" name="confirm" value="NÃO"><label for="NÃO">NÃO</label>
</form><br>
<form action="/action_page.php">
<label for="fname">E-mail</label>
<input type="text" id="fname" name="fname" value="xxxxx@xxxx.com"><br><br>
</form>
<p>Sugestões:</p>
<form action="/action_page.php">
<textarea name="message" style="width: 450px; height: 50px;">Ajude a gente a melhorar</textarea>
<br>
<input type="submit" name="send" value="ENVIAR" style="margin-right: 10px"><input type="reset" name="cancel" value="CANCELAR">
</form>
</fieldset>
</body>
</html>
/* definir as propriedades do banner*/
.banner-topo img{width: 100%; height: 400px;}
/* definir as propriedades do imagem lateral*/
.img2 img{
width: 50%;
margin: 20px;
border: 3px solid green;
float: left;
}
/* definir as propriedades do titulo*/
.title {
margin: 0;
font-size: 100%;
color: white;
background-color: green;
text-align: center;
font-family: tahoma;
}
/* definir as propriedades do subtitulo 1*/
.subtitle {
margin: 0;
font-size:20px;
color: #2c7a0d;
text-align: center;
font-family: Verdana, Geneva, Tahoma, Sans-serif;
line-height: 2px;
text-decoration-style: solid;
}
/* definir as propriedades da lista de links*/
.links ul{
list-style-type: disc;
}
/* definir as propriedades do texto 1*/
.t1 {
margin: 0;
font-size:20px;
color: #2c7a0d;
font-family: Verdana, Geneva, Tahoma, Sans-serif;
}
/* definir as propriedades do texto 2*/
.t2 {
margin: 0;
font-size:25px;
color: gray;
font-family: Verdana, Geneva, Tahoma, Sans-serif;
}
/* definir as propriedades do tabela*/
table, th, td {
border: 2px solid #b33d99;
padding: 5px;
width: 500px;
height: 30px;
text-align: center;}
/* definir as propriedades do background*/
.bground{
background: #effbf9;
}