2022-10-08 21:55:34 +00:00
<!DOCTYPE html>
< html lang = "pt-BR" >
2022-10-10 00:29:33 +00:00
2022-10-13 03:41:21 +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" >
< title > Desafio M3< / title >
2022-10-08 21:55:34 +00:00
2022-10-13 03:41:21 +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@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet">
2022-10-09 00:14:16 +00:00
2022-10-13 03:41:21 +00:00
< link rel = "stylesheet" href = "./assets/css/global.css" >
< link rel = "stylesheet" href = "./assets/css/index.css" >
< link rel = "stylesheet" href = "./assets/css/breakingPoints.css" >
2022-10-09 00:14:16 +00:00
2022-10-13 03:41:21 +00:00
< / head >
2022-10-10 00:29:33 +00:00
2022-10-13 03:41:21 +00:00
< body >
< header >
< img class = "logo" src = "./assets/images/Logo-M3Academy.svg" alt = "Logo M3 - learning page." >
< / header >
< main >
< article class = "banner" >
< img src = "./assets/images/fundoNote.svg" alt = "Banner Desktop" class = "banner__desktop" / >
< img src = "./assets/images/fundoNoteMobi.svg" alt = "Banner Mobile" class = "banner__mobile" / >
2022-10-09 03:49:00 +00:00
< / article >
2022-10-13 03:41:21 +00:00
< section class = "sobre" >
2022-10-10 00:29:33 +00:00
< article >
2022-10-13 03:41:21 +00:00
< div >
< span > LOREM IPSUM< / span >
< h1 >
dolor sit amet
< / h1 >
< / div >
< 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 >
2022-10-10 00:29:33 +00:00
< / article >
2022-10-13 03:41:21 +00:00
< img class = "sobre__imagemRedesComputador" src = "./assets/icons/threenetworkedcomputers.svg"
alt="Imagens de computadores se conectando" />
< article class = "sobre__saibaMais" >
< article class = "sobre__saibaMais--infos" >
< img src = "./assets/icons/shop.svg" alt = "Icone do Shop." >
< p >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / p >
< / article >
< article class = "sobre__saibaMais--infos" >
< img src = "./assets/icons/shopping-bag.svg" alt = "Icone da socala." >
< p >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / p >
< / article >
< article class = "sobre__saibaMais--infos" >
< img src = "./assets/icons/coin.svg" alt = "Icone do Coin." >
< p >
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
< / p >
< / article >
< / section >
< article class = "images__notebook" >
< article class = "images__notebook--container" >
< article >
< img src = "./assets/images/noteImage1.svg" alt = "Imagens do notebook" id = "img1" / >
< img src = "./assets/images/noteImage2.svg" alt = "Imagens do notebook" id = "img2" / >
< img src = "./assets/images/noteImage3.svg" alt = "Imagens do notebook" id = "img3" / >
< / article >
2022-10-10 00:29:33 +00:00
< / article >
2022-10-13 03:41:21 +00:00
< / article >
< article class = "informacoes__card" >
< article class = "informacoes__card--dados" >
< img src = "./assets/icons/money.svg" alt = "Icone da cedula." / >
< 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 >
< / article >
< article class = "informacoes__card--dados" >
< img src = "./assets/icons/laptop.svg" alt = "Icone do laptop." / >
< 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 >
< / article >
< article class = "informacoes__card--dados" >
< img src = "./assets/icons/coin.svg" alt = "Icone da moeda." / >
< 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 >
< / article >
< article class = "informacoes__card--dados" >
< img src = "./assets/icons/GroupInfo.svg" alt = "Icone de um celular recebendo uma aviso." / >
< 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 >
< / article >
< / article >
< article class = "mais__informacoes" >
< article class = "mais__informacoes--texts" >
< h2 > Lorem ipsum dolor sit amet< / h2 >
2022-10-10 00:29:33 +00:00
< p >
2022-10-13 03:41:21 +00:00
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras vulputate sapien non libero faucibus interdum. In eget tincidunt ipsum.
Quisque a tellus at lectus blandit tempor. Ut tristique auctor mi eget hendrerit. Curabitur venenatis felis vitae sagittis venenatis.
Donec finibus turpis vitae lectus interdum rutrum vitae sed augue.
2022-10-10 00:29:33 +00:00
< / p >
< / article >
2022-10-13 03:41:21 +00:00
< img src = "./assets/images/ultimoFundo.svg" alt = "Banner de fundo embassado." >
< img src = "./assets/images/oculos.svg" alt = "Imagem do óculos para telas mobiles." >
2022-10-10 00:29:33 +00:00
< / article >
2022-10-13 03:41:21 +00:00
< / main >
< footer >
< article class = "Icons-RedesSocias" >
< img src = "./assets/icons/Instagram.svg" alt = "Icone do instagram" >
< img src = "./assets/icons/facebook.svg" alt = "Icone do facebook" >
< img src = "./assets/icons/youtube.svg" alt = "Icone do youtube" >
< / article >
< p >
Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
< / p >
< / footer >
< / body >
2022-10-08 21:55:34 +00:00
< / html >
