challenge-landing-page-andr.../exemplo.html
2022-10-13 19:05:19 -03:00

114 lines
3.6 KiB
HTML

<!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>
<img src="./imagens/banner.png" alt="banner" class="banner">
<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>
<img src="./imagens/imagen2.png" alt="imagen2" class="imagen2">
<div class="linha1">
<div class="card">
<img src="./imagens/shop.png" alt="shop">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</div>
<div class="card">
<img src="./imagens/shopping-bag.png" alt="bag">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</div>
<div class="card">
<img src="./imagens/coin.png" alt="coin">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</div>
</div>
<div class="linha-imagens">
<img src="./imagens/banner01.png" alt="banner">
<img src="./imagens/banner02.png" alt="banner">
<img src="./imagens/banner03.png" alt="banner">
</div>
<div class="linha2">
<div class="card">
<img src="./imagens/money.png" alt="money">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</div>
<div class="card">
<img src="./imagens/coin.png" alt="coin">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. </p>
</div>
<div class="card">
<img src="./imagens/laptop.png" alt="laptop">
<p>Lorem ipsum dolor sit amet </p>
</div>
<div class="card">
<img src="./imagens/celular.png" alt="celular">
<p>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.</p>
</div>
</div>
<img src="./imagens/ultimobanner.png" alt="ultimo banner" class="ultimobanner">
<p class="ultimotexto">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.</p>
<footer>
<div>
<!-- Imagens rodape -->
<img src="./imagens/instagran.png" alt="instagran" class="instagran">
<img src="./imagens/facebook-logo.png"alt="facebook-logo" class="facebook">
<img src="./imagens/youtube.png" alt="youtube" class="youtube">
</div>
<p>
Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
</p>
</footer>
</body>
</html>