2022-10-08 15:57:20 +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" >
2022-10-09 10:13:51 +00:00
< link rel = "stylesheet" href = "./styles/header.css" class = "css" >
< link rel = "stylesheet" href = "./styles/main.css" class = "css" >
< link rel = "stylesheet" href = "./styles/reset.css" class = "css" >
< 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&display=swap" rel = "stylesheet" >
< link rel = "icon" type = "image/svg+xml" href = "./assets/svg/Logo M3 [branco].svg" / >
< title > Primeiro desafio M3 Academy< / title >
2022-10-08 15:57:20 +00:00
< / head >
< body >
2022-10-09 10:13:51 +00:00
< header >
< a href = "/" >
< img src = "./assets/svg/Logo-M3Academy.svg" alt = "logo m3 academy" >
< / a >
< / header >
< main >
< div class = "background-main" >
< figure >
< img src = "./assets/imgs/header-background.jpeg" alt = "background com uma imagem de notebook mostrando código de programação" >
< / figure >
< / div >
2022-10-09 10:17:42 +00:00
< section class = "first-section" >
< h2 > Lorem ipsum< / h2 >
< h1 > dolor sit amet< / h1 >
< figure >
< figcaption > 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.< / figcaption >
< img src = "./assets/svg/computers.svg" alt = "imagem ilustrativa de computadores" >
< / figure >
< / section >
2022-10-09 11:02:47 +00:00
< div class = "first-content-card" >
< div class = "content-card-container" >
< div class = "first-card" >
< figure >
< img src = "./assets/svg/marketplace.svg" alt = "ícone mercado" >
< figcaption >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / figcaption >
< / figure >
< / div >
< div class = "second-card" >
< figure >
< img src = "./assets/svg/handbag.svg" alt = "ícone de bolsa com um escudo e ícone de confirmação" >
< figcaption >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / figcaption >
< / figure >
< / div >
< div class = "three-card" >
< figure >
< img src = "./assets/svg/payment.svg" alt = "ícone de uma mão aberta com um símbolo de dólar em cima" >
< figcaption >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / figcaption >
< / figure >
< / div >
< / div >
< / div >
2022-10-09 10:13:51 +00:00
< / main >
2022-10-08 15:57:20 +00:00
< / body >
< / html >
