2022-10-10 20:30:27 +00:00
<!DOCTYPE html>
< html lang = "pt-br" >
2022-10-10 23:46:16 +00:00
< 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" >
2022-10-12 06:23:09 +00:00
< link rel = "stylesheet" href = "/assets/Css/Styles.css" >
2022-10-10 23:46:16 +00:00
< title > Desafio Landing page< / title >
< / head >
< body >
< header class = "Page-Header" >
2022-10-12 06:23:09 +00:00
< a href = "index.html" >
< img class = "Header-Logo" src = "assets/Image/Logo-M3Academy 1.svg" alt = "Logo M3" >
2022-10-10 23:46:16 +00:00
< / a >
< / header >
< main >
< figure >
2022-10-12 06:23:09 +00:00
< img class = "main-banner MainBannerDesktop" src = "assets/Image/Top-banner-desktop.png" alt = "Banner Principal desktop" / >
< img class = "main-banner MainBannerMobile" " src = "assets/Image/Top-banner-mobile.png" alt = "Banner Principal mobile" / >
2022-10-10 23:46:16 +00:00
< / figure >
2022-10-11 04:04:13 +00:00
< section class = "TopInfocard" >
< div class = "TopInfocardText" >
< h2 class = "TopInfocardSubtitle" > Lorem ipsum< / h2 >
< h1 class = "TopInfocardTitle" > dolor sit amet< / h1 >
< p class = "TopInfocardDescription" >
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 >
< / div >
< / section >
< figure class = "PcContainer" >
2022-10-12 06:23:09 +00:00
< img class = "ImageTop" src = "assets/Image/Computers.png" alt = "Computadores" >
2022-10-11 04:04:13 +00:00
< / figure >
2022-10-11 05:23:18 +00:00
< div class = "Cards" >
< figure class = "CardBox" >
2022-10-12 06:23:09 +00:00
< img class = "imageCard" src = "assets/Image/shop 1.png" alt = "icone de Loja" >
2022-10-11 05:23:18 +00:00
< figcaption class = "CardDescription" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / figcaption >
< / figure >
< figure class = "CardBox" >
2022-10-12 06:23:09 +00:00
< img class = "imageCard" src = "/assets/Image/shopping-bag (1) 1.png" alt = "icone de sacola" >
2022-10-11 05:23:18 +00:00
< figcaption class = "CardDescription" >
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Cras euismod enim non dui
fringilla interdum.
< / figcaption >
< / figure >
< figure class = "CardBox" >
2022-10-12 06:23:09 +00:00
< img class = "imageCard" src = "assets/Image/coin 1.png" alt = "icone de mão com moeda" >
2022-10-11 05:23:18 +00:00
< figcaption class = "CardDescription" >
Lorem ipsum dolor sit amet,
consectetur adipiscing elit.
Cras euismod enim non dui fringilla interdum.
< / figcaption >
< / figure >
2022-10-12 06:23:09 +00:00
< / div >
< div class = "MidBanner" >
< div class = "wrapper" >
< figure class = "midCard img1" >
< img class = "midimg " src = "assets/Image/midNoteBook1.png" alt = "Descktop frontal" >
< / figure >
< figure class = "midCard img2" >
< img class = "midimg " src = "assets/Image/MidNotebook2.png" alt = "Desktop Top-Down" >
< / figure >
< figure class = "midCard img3" >
< img class = "midimg" src = "assets/Image/MidNotebook3.png" alt = "Desktop Perfil" >
< / figure >
< / div >
2022-10-11 05:23:18 +00:00
< / div >
2022-10-10 23:46:16 +00:00
< / main >
< footer > < / footer >
< / body >
2022-10-10 20:30:27 +00:00
< / html >