2022-10-10 00:36:50 +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 = "stylesheet" href = "style.css" >
2022-10-10 02:10:19 +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&display=swap" rel = "stylesheet" >
2022-10-10 00:36:50 +00:00
< title > Desafio 1 - Landing Page< / title >
< / head >
< body >
< header class = "cabecalho" >
< img class = "imagemCabecalho" src = "imagens/Logo-M3Academy 1.svg" alt = "Imagem m3 Academy" >
< / header >
< main >
2022-10-10 02:10:19 +00:00
< figure >
2022-10-11 18:48:40 +00:00
< img class = "imagemCorpoMobile" src = "imagens/Rectangle 9 (2).png" alt = "imagem de computador" >
2022-10-10 00:36:50 +00:00
< img class = "imagemCorpoPt1" src = "imagens/Rectangle 9.png" alt = "imagem de computador" >
2022-10-10 02:10:19 +00:00
< figcaption class = "corpoPt1" >
< h2 > Lorem Ipsum< / h2 >
< h1 > Dolor sit amet< / h1 >
2022-10-11 18:21:16 +00:00
< 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 02:10:19 +00:00
< / figcaption >
< / figure >
< figure class = "corpoPt2" >
< img class = "imagem2" src = "imagens/fxemoji_threenetworkedcomputers.png" alt = "Imagem de tres computadores" >
< / figure >
2022-10-10 02:51:53 +00:00
< section class = "corpoPt3" >
< figure class = "quadrado1" >
< img src = "imagens/Group.png" alt = "imagem de loja" >
< figcaption >
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / p >
< / figcaption >
< / figure >
< figure class = "quadrado2" >
< img src = "imagens/shopping-bag (1) 1.png" alt = "imagem de bolsa" >
< figcaption >
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / p >
< / figcaption >
< / figure >
< figure class = "quadrado3" >
< img src = "imagens/Group (1).png" alt = "imagem de dinheiro" >
< figcaption >
< p > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. < / p >
< / figcaption >
< / figure >
< / section >
2022-10-11 18:21:16 +00:00
< section class = "corpoPt4Mobile" >
< div >
< figure class = "retangulo1" >
< img src = "imagens/Rectangle 13.png" alt = "imagem de notebook fechado" >
< / figure >
< figure class = "retangulo2" >
< img src = "imagens/Rectangle 16.png" alt = "imagem de notebook quase fechado" >
< / figure >
< / div >
< figure class = "retangulo3" >
< img src = "imagens/Rectangle 17.png" alt = "imagem de notebook aberto" >
< / figure >
< / section >
2022-10-10 12:56:29 +00:00
< section class = "corpoPt4" >
2022-10-13 00:15:55 +00:00
< div >
< figure class = "retangulo1" >
< img src = "imagens/Rectangle 13.png" alt = "imagem de notebook fechado" >
< / figure >
< figure class = "retangulo2" >
< img src = "imagens/Rectangle 16.png" alt = "imagem de notebook quase fechado" >
< / figure >
< figure class = "retangulo3" >
< img src = "imagens/Rectangle 17.png" alt = "imagem de notebook aberto" >
< / figure >
< / div >
2022-10-10 12:56:29 +00:00
< / section >
< section class = "corpoPt5" >
< figure class = "box1" >
< img src = "imagens/money (1) 2.png" alt = "imagem de dinheiro" >
< figcaption >
< 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 >
< / figcaption >
< / figure >
< figure class = "box2" >
< img src = "imagens/Group (1).png" alt = "imagem de dinheiro" >
< figcaption >
< 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 >
< / figcaption >
< / figure >
< figure class = "box3" >
2022-10-11 15:01:06 +00:00
< img src = "imagens/laptop 1.png" alt = "imagem de dinheiro" >
2022-10-10 12:56:29 +00:00
< figcaption >
< 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 >
< / figcaption >
< / figure >
< figure class = "box4" >
< img src = "imagens/Group (3).png" alt = "imagem de dinheiro" >
< figcaption >
< 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 >
< / figcaption >
< / figure >
< / section >
2022-10-10 13:31:13 +00:00
< section class = "corpoPt6" >
2022-10-11 16:26:53 +00:00
< img class = "retanguloMobile" src = "imagens/Rectangle 15 (2).png" alt = "imagem de retangulo" >
2022-10-10 13:31:13 +00:00
< h1 > Lorem ipsum dolor sit amet< / h1 >
2022-10-11 15:01:06 +00:00
< p > 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.< / p >
2022-10-11 16:26:53 +00:00
< img class = "retanguloDesktop" src = "imagens/Rectangle 15.png" alt = "imagem de retangulo" >
2022-10-10 13:31:13 +00:00
< / section >
2022-10-10 00:36:50 +00:00
< / main >
2022-10-11 15:01:06 +00:00
< footer >
< div class = "divRodape" >
< img src = "imagens/Group (4).png" alt = "icone instagram" >
< img src = "imagens/facebook-logo.png" alt = "icone facebook" >
< img src = "imagens/youtube 2.png" alt = "icone youtube" >
< / div >
< p class = "paragrafoRodape" > Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00< / p >
< / footer >
2022-10-10 00:36:50 +00:00
< / body >
< / html >
