2022-10-07 16:53:13 +00:00
<!DOCTYPE html>
2022-10-07 18:27:29 +00:00
< html lang = "pt-BR" >
2022-10-07 16:53:13 +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" >
< link rel = "stylesheet" href = "./css/layout/header.css" class = "css" >
< link rel = "stylesheet" href = "./css/layout/main.css" class = "css" >
< link rel = "stylesheet" href = "./css/layout/footer.css" class = "css" >
< link rel = "stylesheet" href = "./css/module/components.css" class = "css" >
< link rel = "stylesheet" href = "./css/base/reset.css" class = "css" >
2022-10-07 18:27:29 +00:00
< link rel = "preconnect" href = "https://fonts.googleapis.com" >
< link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >
< link href = "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel = "stylesheet" >
2022-10-07 16:53:13 +00:00
< link rel = "icon" type = "image/svg+xml" href = "./assets/img/Logo M3 [branco] (4) 1.svg" / >
< title > Primeira Atividade M3 Academy< / title >
< / head >
< body >
< header >
< a href = "#" >
< img src = "./assets/img/Logo M3 [branco] (4) 1.svg" alt = "Logo M3 Academy" >
< / a >
< / header >
2022-10-07 17:27:44 +00:00
< main >
< section >
< img src = "./assets/img/Rectangle-9-desktop.webp" alt = "Imagem Notebook Desktop" class = "main_banner_desktop" >
< img src = "./assets/img/Rectangle-9-mobile.webp" alt = "Imagem Notebook Mobile" class = "main_banner_mobile" >
< / section >
< / main >
2022-10-07 18:27:29 +00:00
< section class = "first-content-information" >
< div class = "first-content-text" >
< h2 > Lorem ipsum< / h2 >
< h1 > dolor sit amet< / h1 >
< 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 >
< img src = "./assets/img/fxemoji_threenetworkedcomputers.png" alt = "imagem ilustrativa de 3 computadores" class = "three-computers" >
< / section >
2022-10-07 19:30:14 +00:00
< section class = "first-content-card" >
< div class = "content-card-container" >
< div class = "first-card" >
< img src = "./assets/img/Marketplace.svg" alt = "ícone mercado" >
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / p >
< / div >
< div class = "second-card" >
< img src = "./assets/img/Payment.svg" alt = "ícone de bolsa com um escudo e ícone de confirmação" >
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / p >
< / div >
< div class = "three-card" >
< img src = "./assets/img/coin 1.svg" alt = "ícone de uma mão aberta com um símbolo de dólar em cima" >
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / p >
< / div >
< / div >
< / section >
2022-10-07 19:38:50 +00:00
< section class = "banner-container" >
< img src = "./assets/img/Rectangle 13 desktop.png" alt = "banner desktop" class = "banner-desktop" >
< img src = "./assets/img/Rectangle 13 mobile.png" alt = "banner mobile" class = "banner-mobile" >
< / section >
2022-10-07 16:53:13 +00:00
< / body >
< / html >
