<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">
<meta charset="utf-8">
<meta name="author" content="Kênia Alves Ramos">
<meta name="descripition" contente="Avaliação Prática l">
<meta name="keywords" content="HTML5, CSS3,A Hitória da Internet em Belo Horizonte">
<title> Internet </title>
<link rel="stylesheet" href="CSS3/estilo.css">
</head>
<body id="geral" style="backgg">
<div>
<a href="https://ibb.co/CMvzqWf"><img src="https://i.ibb.co/RBP917q/1.png" alt="5" border="2px" style= widt: "100%"; height: "600px">
<h1> A Historia da internet em Belo Horizonte </h1>
</div>
<div>
<ul>
<li><a href="#galeria"> Galeria de fotos </a></li>
<li><a href="#videos"> videos </a></li>
<li><a href="#tabela"> tabela </a></li>
<li><a href="#sugestões"> sugestões </a></li>
<li><a href="https://prefeitura.pbh.gov.br/" target="_blank"> prefeitura </a></li>
</ul>
</div>
</section>
<section>
<div class="container-ilustracao" id="titulo3">
<h2 style="color:#2c7a0d"><h2> Belo Horizonte está despreparada para chegada da tecnologia 5G </h2>
<img id="img"src="https://cdn-istoedinheiro-ssl.akamaized.net/wp-content/uploads/sites/17/2019/10/imagemn-escolhida-artigo-e1571255765939-1280x720.jpg" Width="500" height="300">
<p id="texto-direita"> Belo Horizonte, capital do Estado que promete exportar tecnologia de quinta geração para todo o mundo, ostenta uma posição
pouco honrosa no ranking “Cidades Amigas da Internet 2019”, realizado pela consultoria Teleco, figurando na 97ª posição.
<p> Para a composição do ranking são avaliadas as restrições, burocracia, prazo e onerosidade para a implantação de Estações Radio
Base (ERBs) e Redes (subterrâneas ou aéreas).</p>
<p> De acordo com o diretor do Sindicato Nacional das Empresas de Telefonia e Serviço Móvel Celular e Pessoal (Sinditelebrasil),
a cidade já está defasada quanto ao número de antenas para garantir a qualidade do serviço 4G e quando a nova tecnologia
chegar – possivelmente já no fim de 2020 – esse problema se tornará crônico, já que será necessário cinco vezes mais
equipamentos.
<p> “O licenciamento em Belo Horizonte é um dos mais difíceis. A legislação trata o investimento de forma agressiva.
Algumas exigências infundadas, sem respaldo científico e outras que extrapolam a competência do município. Esse atraso é para
a cidade e o cidadão. As grandes cidades precisam de tecnologia para ser geridas. Para implementar a tecnologia é preciso de
uma infraestrutura robusta com capacidade e cobertura em toda a cidade através de antenas e fibra ótica”
<h3> Ranking das Cidades </h3>
<table border="1">
<thead>
<tr>
<th> Cidade</th>
<th> Estado </th>
<th> Posição</th>
</tr>
</thead>
<tbody>
<tr>
<td class="#"> Pauí </td>
<td class="#"> PI </td>
<td class="#"> 4 </td>
</tr>
<tr>
<td class="#"> Cuiaba </td>
<td class="#"> MT </td></td>
<td class="#"> 5 </td>
</tr>
<tr>
<td class="#"> Forianópolis</td>
<td class="#"> SC </td>
<td class="#"> 47 </td>
</tr>
<tr>
<td class="#"> Curitiiba </td>
<td class="#"> PR </td>
<td class="#"> 74 </td>
</tr>
<tr>
<td class="#"> Belo Horizonte </td>
<td class="#"> MG </td>
<td class="#"> 97 </td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3"> Cidades com internet </td>
</tr>
</tfoot>
</table>
<h3> Você esta contente com os serviços de internet? </h3>
<label> </label>
<input type="radio" name="SIM"> SIM
<input type="radio" name="NAO"> NAO
<form action=" method="post">
<p><font face="calibri"> Email: <input type="text" name="email" size="25" maxlength="50"> </P>
<fieldset>
<p>
<label> Sugestões </label>
<br>
<textarea rows="4" cols="3" >
</textarea>
</p>
<p>
<input type="submit" name="enviar" id="enviar" value="enviar">
<input type="reset" name="cancelar" id="cancelar" value="cancelar">
</p>
</fieldset>
</form>
</section>
</footer>
</div>
</section>
<section class="fotos">
<h4 style="color: #2c7a0d"> Galeria de fotos</h4>
<div id="galeria">
<img class="img" src=" <a href="https://ibb.co/CMvzqWf"><img src="https://i.ibb.co/RBP917q/1.png" alt="5" border="2px" style= widt: "100%"; height: "600px">
<img id="img"src="https://cdn-istoedinheiro-ssl.akamaized.net/wp-content/uploads/sites/17/2019/10/imagemn-escolhida-artigo-e1571255765939-1280x720.jpg" Width="500" height="300">
<img class="imagem2" src="https://fia.com.br/blog/wp-content/uploads/2018/08/inteligencia-artificial-fia-o-que-e-como-funciona-exemplos-768x415.jpg"/>
</div>
</section>
</div>
</body>
</html>
h1{
background: rgb(7, 126, 27);
text-align: center;
color:#ffffff;
}
h2{
background: #eb2f06
text-align: center;
color: #10ac84
}
h3{
background: #eb2f06
text-align: center;
color: #10ac84
}
h4{
background: #eb2f06
text-align: center;
color: #10ac84
}
a:link, a:visited, a:active {
text-decoration:none;
color: #16f716;
}
ul{
list-style: none;
}
ul li a:hover{
text-decoration: none;
color: #ff6b6b ;
}
divisão_chamada1{
margin: 0 auto;
background-color: mediumspringgreen;
}
body{
font-family: Verdana, Geneva, Tahoma, sans-serif;
background: lightgreen
}
divisão_chamada2{
color: #16f716
font-size: 20px;
}
divisão_chamada3{
font-size= 20 px
background-color: #2c7a0d;
}
divisão_chamada3 img{
text-align: left;
border: 3 px solid #008000;
width: 25%;
margin: 0 20px;
}
divisão_chamada4{
font-size="25 px"
background-color: grey
}
table,td,th,tbody,tfoot{
border: solid 2px #b33d99;
padding: 5px;
text-align: center;
width: 500px;
height: 30px;
}
thead{
background-color: #999;
}
tfoot{
background-color: #999;
}
tbody td.PrimeiraColuna{
background-color: rgb(225, 196, 224);
}
tbody td.SegundaColuna{
background-color: rgb(29, 151, 221);
}
tbody td.TerceiraColuna{
background-color: rgb(20, 192, 77);
}
tbody td.QuartaColuna{
background-color: rgb(241, 11, 80);
}
container-contato{
padding:50px;
margin: 2px;
}
formulario{
width: 700px;
padding: 30px;
border:3px solid #e84118;
font-family: Verdana, Geneva, tahoma, SansSerif;
}
input#nao{
margin-left: 30px;
}
input#sim{
margin-left: 30px;
}
textarea{
line-height: 20px;
padding: 10px;
height: 90px;
}
fieldset{
border:rgb(7, 240, 112);
margin-bottom: 15px;
}
label{
width: 50px;
display: inline-block;
}
legend{
padding: 4px 8px;
font-weight:bold;
}
input[type=submit],
input[type=reset]{
display:inline-block;
background-color: #9c88ff;
color: black;
height: 35px;
border: none;
width: 100px;
margin: 10;
text-align: left;
border-radius: 15px;
}
fotos{
padding: 50px;
margin: auto;
}
img{
border: 3px solid blue;
position: center;
width: 30%;
height: 10;
margin: 0,20px;
}
