"NatáliaRibeiro- AvaliaçãoPrática l"
Bootstrap 4.1.1 Snippet by psd06t

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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 ---------->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<html>
<head>
<meta charset="utf-8">
<title>Olá Mundo!</title>
</head>
<body bgcolor="lightgreen">
<!--header-->
<div>
<header>
<a href="https://ibb.co/CMvzqWf"><img src="https://i.ibb.co/RBP917q/1.png" alt="1" border="2px" style="widt:100%; height: 400px">
<h2>A HISTÓRIA DA INCLUSÃO</h2>
</header>
</div>
<div id="subtítulo">
<h3>BH DIGITAL – FAZENDO PARTE DESSA HISTÓRIA</h3>
<ul>
<li><a href="https://www.w3schools.com/html/">Galeria de Fotos e Vídeos</a></li><br>
<li><a href="https://www.w3schools.com/html/">BH, pioneira em inclusão digital</a></li><br>
<li><a href="https://www.w3schools.com/html/">BH, atualmente na inclusão digital</a></li><br>
<li><a href="https://www.w3schools.com/html/">Mapa de inclusão digital</a></li><br>
<li><a href="https://www.w3schools.com/html/">Prêmio de inclusão digital</a></li><br>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
body {
background:#32cd99;
}
header {
padding: 30px;
text-align: center;
font-size: 35px;
}
#img2 {
border-image:#32cd99;
padding: 70px;
width: 100%;
}
/* Create two columns/boxes that floats next to each other */
nav {
float: left;
width: 30%;
height: 300px; /* only for demonstration, should be removed */
background:#32cd99;
padding: 200px;
font-size: 20px;
color: #ffffff;
}
#subtítulo {
color: #ffffff;
text-align:center;
height: 600px
font-size:20px;
font-family:Arial, Helvetica, sans-serif;
font-style: solid;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: