teste.html

Página 1

l

Página 2

<!DOCTYPE html>

<html lang="pt-br">

<head>

<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="style.css">

<script type="text/javascript" src="main.js"></script>

<title>Nome da Pagina</title>

<style>

body{

display:flex;

justify-content:center;

background-color: bisque;

}

.divgenerico{

margin: 30px;

border:50px solid;

padding:50px;

}

.smalldiv{

width:50px;

height:50px;

}

.bigdiv{

display:flex;

justify-content:space-around;

width:1000px;

height:500px;

}

.bigdiv::after{

position: relative;

content: "final";

width:50px;

height:50px;

margin: 30px;

border:50px solid rebeccapurple;

padding:50px;

}

</style>

</head>

<body>

<div class="divgenerico bigdiv" >

<div class="divgenerico smalldiv" style="

border-color: darkgreen;

">

<a href="http://www.google.com.br">Abriro google</a>

</div>

<div class="divgenerico smalldiv" style="

border-color: rgb(8, 11, 153);

">

<a href="index.php">voltar ao index</a>

</div>

<!--<div class="divgenerico smalldiv" style="

border-color:rgb(199, 21, 21);

">

<a href="http://www.google.com.br">Abriro google</a>

</div>-->

<div class="divgenerico smalldiv"

style="

position: absolute;

top:400px;

margin-right:auto;

margin-left:auto;

">

<a href="index.php"> voltar index</a>

</div>

</div>

</body>

</html>