<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 ---------->
<html>
<!DOCTYPE html>
<head>
<title> Prodabel - Uma empresa de sucesso em Belo Horizonte</title>
<meta charset = "utf-8">
<style>
h1 {background-color: rgb(0,128,0); color: rgb(255,250,250); text-align: center;}
body {background-color: rgb(152,251,152);}
h2 {color: rgb(0,100,00); }
h3 {color: rgb(60,179,113);}
#imagem {float: left; margin-right: 30px; margin-left: 10px;}
#imagem1{border: solid 3px; color: rgb(0,100,0); margin: 0; float: left;}
td, th {border:double; text-align: center;}
table {border:double;}
a {font-size: 15px; font-family: sans-serif;}
</style>
</head>
<body>
<img src="https://www.google.com/url?sa=i&url=http%3A%2F%2Ftransvolga.com.br%2Fvolga%2Fclientes%2Flogo-prodabel%2F&psig=AOvVaw0HVEeWf4Bvy4W7IxVmI3FO&ust=1590518914679000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCLiZsPPWz-kCFQAAAAAdAAAAABADi" alt="imagem prodabel" width="100%" height="400px">
<h1>Empresa de Informática e Inovação de Belo Horizonte</h1><br>
<ul>
<li><h2><a href="#atuacao">Sobre a sua atuação</li></h2></a>
<li><h2><a href="#acesso">Acessibilidade para todos</li></h2></a>
<li><h3><a href="#pontos">Hotspots na cidade</li></h3></a>
<li><h2><a href="#respnsabilidade">Responsabilidade da Prodabel</a></h2>
</li>
<li><a target="blank" href="https://prefeitura.pbh.gov.br/prodabel/transparencia/missao-visao-valores">Missão, Visão e Valores</li></a>
</ul>
<h2>Sobre a Prodabel</h2>
<p>A Empresa de Informática e Informação do Município de Belo Horizonte <strong>(Prodabel)</strong>, é uma sociedade de economia mista municipal responsável pela gestão da informática pública da capital mineira. A Prodabel tem como missão promover, integrar e gerenciar soluções de TI e está presente nas mais diversas áreas de gestão da Prefeitura como a saúde, educação, turismo, finanças, transporte e inclusão digital. Para implementar e operacionalizar a estrutura tecnológica da Prefeitura de Belo Horizonte, a Prodabel conta com cinco diretorias, além da Presidência: Infraestrutura, Sistemas e Informação, Inclusão Digital, Administração e Finanças e Atenção ao Usuário.
<h2 id="atuacao">Sobre a sua atuação</h2>
<a id="imagem1" target="blank" href="https://www.google.com/url?sa=i&url=http%3A%2F%2Fprefeitura.pbh.gov.br%2Fnoticias%2Fbh-em-pauta-prodabel-tem-espaco-com-material-recondicionado&psig=AOvVaw2JsPtleAheTGVgPBMG04P-&ust=1590342457647000&source=images&cd=vfe&ved=0CAIQjRxqFwoTCKDpzNPcyukCFQAAAAAdAAAAABAJ"><img src="imagem/trabalho.jpg" alt="trabalho da empresa"></a>
<div id="sobre">
<P> O uso da tecnologia faz com que a atuação da Prefeitura seja cada vez mais ágil. Sem sair de casa, via internet, é possível ter acesso a vários serviços como: alvarás, plantas de parcelamento do solo, declaração eletrônica de serviços, IPTU, Nota Fiscal Eletrônica, entre outros serviços.</P>
<p>É de responsabilidade da Prodabel:</p>
<ul>
<li>Conduzir o processo de definição e implantação de políticas de TIC na PBH;</li>
<li> Coordenar a captação de recursos para financiamento de projetos;</li>
<li>Acompanhar projetos estratégicos e resultados</li>
<li>Relacionamento institucional com órgãos da PBH.</li>
</ul>
</div><br>
<h2 id="acesso">Acessibilidade para todos</h2>
<p>Para garantir o acesso do cidadão à internet estão instalados por toda cidade diversos telecentros e hotspots que fazem parte do programa BH Digital, gerenciado pela Prodabel. Esses espaços oferecem acesso gratuito à Internet. As ações do programa de inclusão digital disponíveis para a população também capacitam os cidadãos para atuar com a informática em diversos graus, desde a aprendizagem da informática básica até a reciclagem de computadores</p><br>
<h3 id="pontos">Alguns pontos hotspots em praças da cidade:</h3>
<table>
<thead>
<tr>
<th>Praças</th>
<th>Logradouro</th>
<th>Endereço</th>
<th>Número</th>
<th>Bairro</th>
<tbody>
<tr>
<td>Rodoviária</td>
<td>Pca</td>
<td>Rio Branco</td>
<td>100</td>
<td>Centro</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Pca Floriano Peixoto</td>
<td>Pca</td>
<td>Floriano Peixonto</td>
<td>0</td>
<td>Santa Efigenia</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Pca da Liberdade</td>
<td>Pca</td>
<td>da Liberdade</td>
<td>151</td>
<td>Savassi</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Pca da Bandeira</td>
<td>Av.</td>
<td>Afonso Pena</td>
<td>0</td>
<td>Serra</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Pca Sete</td>
<td>Pca</td>
<td>Sete de Setembro</td>
<td>0</td>
<td>Centro</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Pca JK</td>
<td>Av.</td>
<td>Bandeirantes</td>
<td>0</td>
<td>Sion</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Pca Savassi</td>
<td>Pca</td>
<td>Diogo de Vasconcelos</td>
<td>0</td>
<td>Savassi</td>
</tr>
</tbody>
<tbody>
<tr>
<td>Pca da Estaçâo</td>
<td>Av.</td>
<td>dos Andradas</td>
<td>367</td>
<td>Centro</td>
<tfoot>
<tr><td colspan="10" align="center">Atualizado em 22 de Maio de 2020 ás 10:34</td></tr>
</tfoot>
</tbody>
</table>
<h2 id="respnsabilidade">Responsabilidade da Prodabel</h2>
<p>Ser agente da melhoria da qualidade na prestação de serviço público e de consolidação do município de Belo Horizonte como uma Cidade Digital, por meio da gestão avançada da tecnologia da informação e da inclusão digital, é a visão da Prodabel, que faz com que a Empresa, juntamente com toda a administração municipal, promova o desenvolvimento da capital, transformando-a, cada dia mais, em uma cidade melhor para se viver.</p>
<form action="/action_page.php" method="get">
<p>Deseja enviar sugestões para melhoria dos serviços Prodabel? </p>
<input type="radio" name="sugestao" id="sim" value="sim" checked><label for="sim">Sim</label>
<input type="radio" name="sugestao" id="nao" value="nao"><label for="nao">Não</label><br>
<span>Email:</span>
<input type="email" placeholder="fulano@mail.com" name="email" required="required"/>
</p>
<p>
<span>Sugestões:</span>
<textarea placeholder="sugestões"required="required"></textarea>
</p>
<button type="submit" form="meu_form">Enviar</button>
<button type="submit" form="meu_form">Cancelar</button>
</form>
</body>
</html>