2022-10-10 00:55:36 +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" >
< title > M3 Landing Page< / title >
< link rel = "stylesheet" href = "styles/style.css" >
< / head >
< body >
< header class = "page-header" >
< a href = "/" > < img src = "assets/images/Logo-M3Academy 1.svg" alt = "Logo M3" class = "header-logo" > < / a >
< / header >
2022-10-11 19:21:24 +00:00
< main >
< picture >
< source media = "(max-width: 414px)" srcset = "assets/mobile-images/top-card-image.png" >
< source media = "(min-width: 415px)" srcset = "assets/images/desktop-banner.png" >
< img src = "assets/images/desktop-banner.png" alt = "laptop image banner" class = "main-banner" >
< / picture >
2022-10-11 19:36:52 +00:00
< section class = "first-content" >
< div class = "first-content-text" >
< h1 class = "first-content-h2" > Lorem Ipsum< / h1 >
< h2 class = "first-content-h1" > Dolor Sit Amet< / h2 >
< p class = "first-content-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 >
2022-10-11 19:51:44 +00:00
< section >
< picture >
< img src = "assets/images/computers.svg" alt = "computers image" class = "block" >
< / picture >
< / section >
2022-10-11 19:21:24 +00:00
< / main >
2022-10-10 00:55:36 +00:00
< / body >
< / html >
