<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>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Exercicio Prático Priscila Abreu</title>
</head>
<style>
body {
background-color: #F5F5F5;
font-family: "sans-serif", "verdana";
font-size: 12px;
}
#box1 {
background-color: #D8BFD8;
margin:"0";
color: #FFFFFF; size: 10px;
font-style: italic;
text-align: center;
}
#box2 {
