The code developed until fragmented is here if you need the complete code will be in pastebin
HTML: link
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8"/>
<title>Google Glass</title>
<link rel="stylesheet" type="text/css" href="_css/estilo.css"/>
</head>
<body>
<div id="interface">
<figute class="foto-legenda">
<image src="_imagens/glass-quadro-homem-mulher.jpg">
<figcaption>
<h1>Google Glass</h1>
<h2>Uma nova maneira de ver o mundo!</h2>
</figcaption>
</figute>
</div>
</body>
</html>
CSS: link
@charset "UTF-8";
body {
color: black;
}
p {
text-align: justify;
text-indent: 50px;
}
figure.foto-legenda {
border: 8px solid red;
}