2022-10-07 16:33:22 +00:00
<!DOCTYPE html>
< html lang = "pt-BR" >
< head >
2022-10-07 20:30:38 +00:00
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
2022-10-07 16:33:22 +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" >
< title > M3 Landing Page< / title >
2022-10-07 20:30:38 +00:00
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel = "stylesheet" >
2022-10-07 16:33:22 +00:00
< link rel = "stylesheet" href = "./assets/styles/main.css" / >
< / head >
< body >
< header class = "page-header" >
< a href = "/" >
< img class = "header-logo" src = "./assets/images/m3-logo.png" alt = "Logo M3" / >
< / a >
< / header >
2022-10-07 18:22:12 +00:00
< main >
2022-10-07 20:30:38 +00:00
< section >
< img class = "main-banner main-banner-desktop" src = "./assets/images/main-banner-desktop.png" alt = "Banner Principal Desktop" / >
< img class = "main-banner main-banner-mobile" src = "./assets/images/main-banner-mobile.png" alt = "Banner Principal Mobile" / >
< / section >
< section class = "top-infocard" >
2022-10-07 21:51:20 +00:00
< div class = "top-infocard-text" >
< h2 class = "top-infocard-subtitle" > Lorem ipsum< / h2 >
< h1 class = "top-infocard-title" > Dolor sit amet< / h1 >
2022-10-07 20:30:38 +00:00
2022-10-07 21:51:20 +00:00
< p class = "top-infocard-description" >
2022-10-07 20:30:38 +00:00
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.
2022-10-07 21:51:20 +00:00
< / p >
< / div >
2022-10-07 20:30:38 +00:00
2022-10-07 21:51:20 +00:00
< img class = "top-infocard-image" src = "./assets/images/top-infocard-image.png" alt = "Baner do infocard do Topo" / >
< / section >
< section class = "top-cards" >
< div class = "top-card" >
< img class = "top-card-image" src = "./assets/images/top-card-image-01.png" alt = "Imagem do Primeiro card do Topo" / >
< p class = "top-card-description" >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / p >
< / div >
< div class = "top-card" >
< img class = "top-card-image" src = "./assets/images/top-card-image-02.png" alt = "Imagem do Segundo card do Topo" / >
< p class = "top-card-description" >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / p >
< / div >
< div class = "top-card" >
< img class = "top-card-image" src = "./assets/images/top-card-image-03.png" alt = "Imagem do Terceiro card do Topo" / >
< p class = "top-card-description" >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / p >
< / div >
2022-10-07 20:30:38 +00:00
< / section >
2022-10-07 18:22:12 +00:00
< / main >
2022-10-07 16:33:22 +00:00
< / body >
< / html >
