2022-10-11 21:38:27 +00:00
<!DOCTYPE html>
< html lang = "pt-br" >
< head >
2022-10-12 18:12:29 +00:00
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
2022-10-11 21:38:27 +00:00
< meta charset = "UTF-8" / >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge" / >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" / >
2022-10-12 18:12:29 +00:00
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel = "stylesheet" >
2022-10-11 21:38:27 +00:00
2022-10-12 18:12:29 +00:00
< link rel = "stylesheet" href = "./assents/style/estilo.css" / >
2022-10-11 21:38:27 +00:00
< title > Desafio da M3 Academy< / title >
< / head >
< body >
2022-10-12 00:22:33 +00:00
< header class = "page-header" >
< img src = "./assents/imagens/Logo-M3Academy 1.svg" alt = "logo da M3 Academy" class = "logo-m3" / >
< / header >
2022-10-12 11:07:10 +00:00
< main >
2022-10-12 15:28:14 +00:00
< 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 >
2022-10-12 18:12:29 +00:00
< 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 >
2022-10-11 21:38:27 +00:00
2022-10-12 18:12:29 +00:00
< img class = "theree-computer" src = "./assents/imagens/three-computers.png" alt = "três computadores" >
< / section >
2022-10-12 11:07:10 +00:00
2022-10-12 22:46:18 +00:00
< section class = "cards-top" >
< figure class = "card" >
< img class = "card-foto" src = "./assents/imagens/card-top-shop.png" alt = "Foto da loja" / >
< figcaption class = "text-card" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.< / figcaption >
< / figure >
< figure class = "card" >
< img class = "card-foto" src = "./assents/imagens/card-top-shopping-bag.png" alt = "Foto de bolsa da loja" / >
< figcaption class = "text-card" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.< / figcaption >
< / figure >
< figure class = "card" >
< img class = "card-foto" src = "./assents/imagens/card-top-coin.png" alt = "Foto de uma moeda" / >
< figcaption class = "text-card" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.< / figcaption >
< / figure >
< / section >
2022-10-11 21:38:27 +00:00
2022-10-12 22:46:18 +00:00
< div >
< img src = "./assents/imagens/card-middle-1.png" alt = "computador quase completamente fechado" >
< img src = "./assents/imagens/card-middle-2.png" alt = "computador meio completamente fechado" >
< img src = "./assents/imagens/card-middle-3.png" alt = "computador quase completamente fechado de lado" >
< / div >
2022-10-11 21:38:27 +00:00
2022-10-12 22:46:18 +00:00
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.
2022-10-11 21:38:27 +00:00
2022-10-12 22:46:18 +00:00
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.
2022-10-11 21:38:27 +00:00
2022-10-12 22:46:18 +00:00
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.
2022-10-11 21:38:27 +00:00
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.
2022-10-12 11:07:10 +00:00
< / main >
2022-10-11 21:38:27 +00:00
< / body >
< / html >
