<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>
<html>
<head>
<meta charset="utf-8">
<title>Programaçao</title>
</head>
<body>
<div>
<img src="https://i.ibb.co/QvgPRcL/prog01.jpg" alt="imagem com vários códigos e uma mulher programando" border="0" width="100%" height="400px" class="banner">
<div class="title01">
<h1>OS BENEFÍCIOS DE APRENDER A PROGRAMAR</h1>
</div>
<div>
<ul class="listlink">
<li><a href="#rac-log">Desenvolver o raciocínio lógico</a></li>
<li><a href="#aprend">Estimular o aprendizado de matemática e física</a></li>
<li><a href="#escrita">Desenvolver a habilidade escrita</a></li>
<li><a href="#ingles">Estimula o domínio do inglês</a></li>
<li><a href="https://prefeitura.pbh.gov.br/prodabel/programando-sonhos">O Projeto Programando Sonhos</a></li>
</ul>
</div>
<h2 class="title02">OS PRINCIPAIS BENEFÍCIOS DE APRENDER PROGRAMAÇÃO</h2>
<div class="text-princ">
