anacarolinaduartecavalcante/challenge-landing-page-Ana-Carolina-Duarte-Cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity
7578d08521
challenge-landing-page-Ana-.../index.html

144 lines
7.5 KiB
HTML
Raw Normal View History

feat: adicionando imagens e arquivos base
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">
feat: adicionando banner principal
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">
feat: adicionando footer
2022-10-09 20:03:28 +00:00
<link rel="stylesheet" href="./styles/footer.css" class="css">
feat: adicionando banner principal
2022-10-09 10:13:51 +00:00
<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">
fix: remoção do ícone Logo M3 [branco].svg
2022-10-10 15:26:14 +00:00
feat: adicionando banner principal
2022-10-09 10:13:51 +00:00
<title>Primeiro desafio M3 Academy</title>
feat: adicionando imagens e arquivos base
2022-10-08 15:57:20 +00:00
</head>
<body>
feat: adicionando banner principal
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>
feat: adicionando 1° seção com imagem e texto
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>
feat: adicionando os primeiros "cards"
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>
feat: adicionando cards com imagem de macbook
2022-10-09 13:44:28 +00:00
<div class="cards-macbook">
<div class="cards-macbook-container">
<div class="first-card-macbook">
<figure>
<img src="./assets/imgs/card-1.png" alt="imagem de frente de um macbook">
</figure>
</div>
<div class="second-card-macbook">
<figure>
<img src="./assets/imgs/card-2.png" alt="imagem vista de cima de um macbook ">
</figure>
</div>
<div class="third-card-macbook">
<figure>
<img src="./assets/imgs/card-3.png" alt="imagem vista de perto e de lado de um macbook">
</figure>
</div>
fix: remoção de espaços desnecessários
2022-10-10 15:19:07 +00:00
</div>
feat: adicionando cards com imagem de macbook
2022-10-09 13:44:28 +00:00
</div>
feat: adicionando os 4 "cards" finais
2022-10-09 18:36:37 +00:00
<div class="bottom-cards">
<div class="bottom-cards-container">
<div class="first-bottom-card">
<figure>
<img src="./assets/svg/four-cards-money.svg" alt="ícone mercado">
<figcaption>
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.
</figcaption>
</figure>
</div>
<div class="second-bottom-card">
<figure>
<img src="./assets/svg/four-cards-payment.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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption>
</figure>
</div>
<div class="three-bottom-card">
<figure>
<img src="./assets/svg/four-cards-laptop.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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption>
</figure>
</div>
<div class="four-bottom-card">
<figure>
<img src="./assets/svg/four-cards-phone.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. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
</figcaption>
</figure>
</div>
</div>
</div>
feat: adicionando banner final
2022-10-09 19:54:17 +00:00
<section class="banner-final">
<figure>
<div class="banner-final-text">
<h3>Lorem ipsum dolor sit amet</h3>
<figcaption>
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.
</figcaption>
</div>
feat: adicionando adaptação para telas 4k
2022-10-10 14:44:08 +00:00
<img src="./assets/imgs/banner-final.png" alt="banner com uma imagem de um óculos em frente a um notebook">
feat: adicionando banner final
2022-10-09 19:54:17 +00:00
</figure>
</section>
feat: adicionando banner principal
2022-10-09 10:13:51 +00:00
</main>
feat: adicionando footer
2022-10-09 20:03:28 +00:00
<footer>
<div class="social-media">
fix: remoção de espaços desnecessários
2022-10-10 15:19:07 +00:00
<a href="/"><img src="./assets/svg/instagram.svg" alt="ícone instagram"></a>
<a href="/"><img src="./assets/svg/facebook.svg" alt="ícone facebook"></a>
<a href="/"><img src="./assets/svg/youtube.svg" alt="ícone youtube"></a>
feat: adicionando footer
2022-10-09 20:03:28 +00:00
</div>
fix: remoção de espaços desnecessários
2022-10-10 15:19:07 +00:00
<span>Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00</span>
feat: adicionando footer
2022-10-09 20:03:28 +00:00
</footer>
feat: adicionando imagens e arquivos base
2022-10-08 15:57:20 +00:00
</body>
</html>
Reference in New Issue Copy Permalink