2022-10-13 19:01:20 +00:00
<!DOCTYPE html>
< html lang = "pt-br" >
< head >
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< 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 = "desafio1.css" >
< title > Landing Page< / title >
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel = "stylesheet" >
< / head >
2022-10-13 20:36:47 +00:00
2022-10-13 19:01:20 +00:00
< body class = "body" >
< header class = "header" >
2022-10-13 19:35:55 +00:00
< img class = "logo-m3" src = "./Assets/Images/Logo-M3Academy 1.svg" alt = "logo m3 Academy" >
2022-10-13 19:01:20 +00:00
< / header >
2022-10-13 20:36:47 +00:00
2022-10-13 19:35:55 +00:00
< div class = "banner-principal" >
< img class = "imagem-banner-principal" src = "Assets/Images/main-banner-desktop.png" alt = "banner principal" >
< img class = "imagem-banner-principal-mobile" src = "Assets/Images/main-banner-mobile.png" alt = "banner principal mobile" >
2022-10-13 19:01:20 +00:00
2022-10-13 19:35:55 +00:00
< / div >
2022-10-13 19:01:20 +00:00
2022-10-13 20:36:47 +00:00
< section class = "texto-principal" >
< h1 class = "titulo1" > LOREM IPSUM< / h1 >
< h2 class = "titulo2" > DOLOR SIT AMET< / h2 >
< p class = "paragrafo-principal" >
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 >
< / section >
2022-10-13 22:57:16 +00:00
< figure class = "figura-computadores-conectados" >
< img class = "imagem-computadores-conectados-desktop" src = "Assets/Images/connected-computers.png" alt = "Computadores conectados" >
< img class = "imagem-computadores-conectados-mobile" src = "Assets/Images/computadores-conectados-mobile.png" alt = "computadores interligados" >
< / figure >
< section class = "pai-container1" >
< div class = "container1" >
< img class = "imagem-container1" src = "Assets/Images/shop.png" alt = "loja" >
< p class = "paragrafo-container1" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.< / p >
< / div >
< div class = "container1" >
< img class = "imagem-container1" src = "Assets/Images/bag.png" alt = "compras" >
< p class = "paragrafo-container1" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.< / p >
< / div >
< div class = "container1" >
< img class = "imagem-container1" src = "Assets/Images/coin.png" alt = "pagamento" >
< p class = "paragrafo-container1" > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.< / p >
< / div >
< / section >
2022-10-13 20:36:47 +00:00
2022-10-13 19:01:20 +00:00
< / body >
< / html >
