projeto m3

This commit is contained in:
Andresa Rodrigues Figueira Combat 2022-10-12 17:44:32 -03:00
parent 89ee7124ac
commit 266b573e6d
4 changed files with 124 additions and 0 deletions

64
estilo.css Normal file
View File

@ -0,0 +1,64 @@
body{margin: 0;
}
.header{
background: #000000;
height: 101px;
display: flex;
justify-content: center;
align-items: center;
}
.titulo{
display: flex;
justify-content: center;
align-items: center;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 39px;
/* identical to box height */
text-transform: uppercase;
color: #000000;
margin: 0;
}
.subtitulo{
display: flex;
justify-content: center;
align-items: center;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 58px;
/* identical to box height */
text-transform: uppercase;
color: #000000;
margin: 0;
}
.texto{
display: flex;
justify-content: center;
align-items: center;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000000;
margin-top: 28px;
max-width: 766px;
}

37
exemplo.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="pt.br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loren ipsum</title>
<link rel="stylesheet" href="estilo.css">
<link rel: sheet href:>
</head>
<body>
<header class="header">
<img src="./imagens/Logo-M3Academy 1.svg" alt="logo">
</header>
<h2 class="titulo">LOREN IPSUM</h2>
<h1 class="subtitulo">DOLOR SIT AMET</h1>
<p class="texto">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringila interdum. Curabitur ut tortorsed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
</p>
<div>
<img src= url
<h2></h2>
<p></p>
</div>
<a href="#">Nullam</a>
</body>
</html>

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 19 KiB

14
teste.html Normal file
View File

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> DOLOR SIT AMET</title>
</head>
<body>
</body>
</html>