challenge-landing-page/index.html

63 lines
3.0 KiB
HTML

<!DOCTYPE html>
<html lang="pt-br">
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./assents/style/estilo.css"/>
<title>Desafio da M3 Academy</title>
</head>
<body>
<header class="page-header">
<img src="./assents/imagens/Logo-M3Academy 1.svg" alt="logo da M3 Academy" class="logo-m3"/>
</header>
<main>
<section class="banner-principal">
<img class="banner-big" src="./assents/imagens/big-banner.png" alt="Banner principal"/>
<img class="banner-big-mobile" src="./assents/imagens/big-banner-mobile.png" alt="Banner principal">
</section>
<section class="text">
<div class="box-text">
<h2 class="text-sub-title text">Lorem ipsum</h2>
<h1 class="text-title text">dolor sit amet</h1>
</div>
<p class="text-description ">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui.
</p>
<img class="theree-computer" src="./assents/imagens/three-computers.png" alt="três computadores">
</section>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum.
Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis.
Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.
</main>
</body>
</html>