2022-10-10 03:52:29 +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 = "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" >
< link rel = "stylesheet" href = "./src/style/style.css" >
< title > M3 Academy< / title >
< / head >
< body >
< header class = "page-header" >
< a href = "/" >
< img class = "header-logo" src = "./src/assents/imagens/Logo-M3Academy 1.svg" alt = "logo-m3-academy" >
< / a >
< / header >
< main >
< section class = "primeira-section" >
< img class = "main-banner-desktop" src = "./src/assents/imagens/Rectangle 9.png" alt = "banner First desktop" >
< img class = "main-banner-mobile" src = "./src/assents/imagens/Rectangle 9.svg" alt = "banner First mobile" >
< / section >
< section class = "segunda-section" >
< div class = "segunda-section-texto" >
< h1 > Lorem ipsum< / h1 >
< h2 > DOLOR SIT AMET< / h2 >
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
2022-10-10 12:04:41 +00:00
interdum. < br > Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit
magna
2022-10-10 03:52:29 +00:00
dui. < / p >
< / div >
< div class = "segunda-section-imagem" >
< img src = "./src/assents/imagens/computador-serve.svg" alt = "computador-page-segunda" >
< / div >
< / section >
2022-10-10 12:04:41 +00:00
< section class = "terceira-section-card" >
< div class = "terceira-section card-01" >
< img src = "./src/assents/imagens/shop 1.svg" alt = "imagem-shop-card" >
2022-10-10 13:35:55 +00:00
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / p >
2022-10-10 12:04:41 +00:00
< / div >
< div class = "terceira-section card-02" >
< img src = "./src/assents/imagens/shopping-bag (1) 1.svg" alt = "imagem-shop-bag-card" >
2022-10-10 13:35:55 +00:00
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / p >
2022-10-10 12:04:41 +00:00
< / div >
< div class = "terceira-section card-03" >
< img src = "./src/assents/imagens/coin 1.svg" alt = "imagem-shop-bag-card" >
2022-10-10 13:35:55 +00:00
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / p >
2022-10-10 12:04:41 +00:00
< / div >
< / section >
2022-10-10 13:35:55 +00:00
< section class = "quarto-section" >
< div class = "quarto-section-wrap" >
< img src = "src/assents/imagens/Rectangle 13.png" alt = "notebook-01-image" >
< img src = "src/assents/imagens/Rectangle 16.png" alt = "" >
< img src = "src/assents/imagens/Rectangle 17.png" alt = "" >
< / div >
< / section >
2022-10-10 03:52:29 +00:00
< / main >
< footer >
< / footer >
< / body >
< / html >
