challenge-landing-page-math.../index.html

153 lines
6.9 KiB
HTML
Raw Normal View History

2022-10-12 21:49:01 +00:00
<!DOCTYPE html>
<html lang="pt-BR">
2022-10-12 21:49:01 +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>M3 ACADEMY</title>
<link rel="stylesheet" href="./assets/css/style.css">
</head>
2022-10-12 21:49:01 +00:00
<body>
<header class="page-header">
<a href="/">
<img class="header-logo" src="./assets/images/Logo-M3Academy 1.svg" alt="Logo M3">
</a>
2022-10-12 21:49:01 +00:00
</header>
2022-10-12 21:49:01 +00:00
<main>
<section>
2022-10-12 23:25:35 +00:00
<img class="main-banner desktop-hidden" src="./assets/images/imagem-top.png" alt="Banner Principal Desktop">
<img class="main-banner mobile-hidden" src="./assets/images/imagem-top-mobile.png"
alt="Banner Principal Mobile">
</section>
<section>
2022-10-12 23:25:35 +00:00
<div class="div-title">
<h1 class="title-one">Lorem ipsum</h1>
<h2 class="title-two">dolor sit amet</h2>
<h3 class="title-three">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. </h3>
2022-10-12 23:25:35 +00:00
<div class="div-image-pc">
<img class="image-pc" src="./assets/images/image-pc.png" alt="Imagem de informacao de conteudo">
</div>
2022-10-12 23:25:35 +00:00
</div>
</section>
<section>
<div class="infoboxes-wrapper">
<div class="infoboxes-sub-wrapper">
<div class="div-infobox">
2022-10-13 01:28:07 +00:00
<img class="infobox-image" src="./assets/images/loja-online.png" alt="Logo da loja online">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
interdum.
</div>
2022-10-13 00:32:59 +00:00
<div class="div-infobox">
2022-10-13 01:28:07 +00:00
<img class="infobox-image" src="./assets/images/loja-online.png" alt="Logo da compra segura">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
interdum.
2022-10-13 00:32:59 +00:00
</div>
<div class="div-infobox">
2022-10-13 01:28:07 +00:00
<img class="infobox-image" src="./assets/images/gorjeta.png" alt="Logo da compra">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla
interdum.
2022-10-13 00:32:59 +00:00
</div>
</div>
</div>
</section>
2022-10-13 01:04:48 +00:00
<section class="mobile-hidden">
2022-10-13 00:32:59 +00:00
<div class="imagem-note-wrapper">
<div class="image-note-mobile">
2022-10-13 01:28:07 +00:00
<img class="imagem-note" src="./assets/images/image-note-1.png" alt="Imagem 1 do notebook">
<img class="imagem-note" src="./assets/images/image-note-2.png" alt="Imagem 2 do notebook">
2022-10-13 00:32:59 +00:00
</div>
<div>
2022-10-13 01:04:48 +00:00
<img class="imagem-note" src="./assets/images/image-note-3.png" alt="Imagem 3 do notebook">
2022-10-13 00:32:59 +00:00
</div>
</div>
</section>
2022-10-13 01:04:48 +00:00
<section class="desktop-hidden">
2022-10-13 00:32:59 +00:00
<div class="imagem-note-wrapper">
<div class="image-note-desktop">
2022-10-13 01:04:48 +00:00
<div>
2022-10-13 01:28:07 +00:00
<img class="imagem-note" src="./assets/images/image-note-1.png" alt="Imagem 1 do notebook">
2022-10-13 01:04:48 +00:00
</div>
<div>
2022-10-13 01:28:07 +00:00
<img class="imagem-note" src="./assets/images/image-note-2.png" alt="Imagem 2 do notebook">
</div>
<div>
<img class="imagem-note" src="./assets/images/image-note-3.png" alt="Imagem 3 do notebook">
2022-10-13 01:04:48 +00:00
</div>
</div>
</div>
</section>
<section>
<div class="infoboxes-wrapper">
<div class="infoboxes-sub-wrapper">
<div class="div-infobox">
2022-10-13 01:28:07 +00:00
<img class="infobox-image" src="./assets/images/loja-online.png" alt="Logo da loja online">
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.
2022-10-13 01:04:48 +00:00
</div>
<div class="div-infobox">
2022-10-13 01:28:07 +00:00
<img class="infobox-image" src="./assets/images/loja-online.png" alt="Logo da compra segura">
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.
2022-10-13 01:04:48 +00:00
</div>
<div class="div-infobox">
2022-10-13 01:28:07 +00:00
<img class="infobox-image" src="./assets/images/gorjeta.png" alt="Logo da compra">
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.
2022-10-13 01:04:48 +00:00
</div>
<div class="div-infobox">
2022-10-13 01:28:07 +00:00
<img class="infobox-image" src="./assets/images/gorjeta.png" alt="Logo da compra">
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.
2022-10-13 01:04:48 +00:00
</div>
</div>
2022-10-12 23:25:35 +00:00
</div>
2022-10-12 21:49:01 +00:00
</section>
2022-10-13 01:04:48 +00:00
<section>
<div class="div-title">
<h2 class="title-two">Lorem ipsum dolor sit amet</h2>
2022-10-13 01:28:07 +00:00
<h3 class="title-three">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.
2022-10-13 01:04:48 +00:00
Donec finibus turpis vitae lectus interdum rutrum vitae sed augue. </h3>
</div>
</section>
2022-10-12 21:49:01 +00:00
</main>
2022-10-13 01:28:07 +00:00
<footer class="page-footer">
<a href="/">
<img class="logo-footer" src="./assets/images/instagram.png" alt="Logo M3">
</a>
<a href="/">
2022-10-13 01:28:07 +00:00
<img class="logo-footer" src="./assets/images/facebook.png" alt="Logo M3">
</a>
<a href="/">
2022-10-13 01:28:07 +00:00
<img class="logo-footer" src="./assets/images/youtube.png" alt="Logo M3">
</a>
2022-10-13 01:28:07 +00:00
<div>
<h2 class="text-footer">texto</h2>
</div>
</footer>
2022-10-13 01:04:48 +00:00
2022-10-12 21:49:01 +00:00
</body>
2022-10-12 21:49:01 +00:00
</html>