2022-10-12 11:59:11 +00:00
<!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" >
< link rel = "stylesheet" href = "./assets/styles/style.css" >
2022-10-13 22:47:26 +00:00
< style >
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@500&display=swap');
< / style >
2022-10-12 11:59:11 +00:00
< title > Landing Page< / title >
< / head >
< body >
< header class = "header" >
< a href = "/" >
< img class = "header-logo" src = "./assets/image/Logo-M3Academy 1.png" alt = "Logo M3" / >
< / a >
< / header >
2022-10-12 12:48:57 +00:00
< main >
< section >
< img class = "main-banner-desktop" src = "./assets/image/main-banner-desktop.png" alt = "Banner Principal" >
< img class = "main-banner-mobile" src = "./assets/image/main-banner-mobile.png" alt = "Banner Principal" >
< / section >
2022-10-13 22:47:26 +00:00
< section class = "top-infocard" >
< div class = "top-infocard-text" >
< h1 > lorem Ipsum< / h1 >
< h2 > DOLOR SIT AMET< / h2 >
< p >
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 >
< section >
< div >
< img class = "image-infocard-desktop" src = "./assets/image/infocard-computers.png" alt = "Infocard do Topo" >
< img class = "image-infocard-mobile" src = "./assets/image/infocard-computers2.png" alt = "Infocard do Topo" >
< / div >
< / section >
< div class = "top-grid" >
< section class = "grid shop" >
< img class = "image-top-grid" src = "./assets/image/shop 1.png" alt = "shopping" >
< p class = "text-shop" >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / p >
< / section >
< section class = "grid shop-bag" >
< img class = "image-top-grid" src = "./assets/image/shopping-bag (1) 1.png" alt = "shopping" >
< p class = "text-bag" >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / p >
< / section >
< section class = "grid coin" >
< img class = "image-top-grid" src = "./assets/image/coin 1.png" alt = "shopping" >
< p class = "text-coin" >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / p >
< / section >
< / div >
2022-10-12 12:48:57 +00:00
< / main >
2022-10-12 11:59:11 +00:00
< / body >
< / html >
