challenge-landing-page/landing-page.html

<!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="./assets/styles/landing-page.css"/>
    <title>Desafio 1</title>
</head>
<body>
    <header>
        <a href="">
            <img src="./assets/images/logo.png">
        </a>
    </header>
    <main>
        <figure>
            <img class="banner-top" src="./assets/images/banner.png"/>
        </figure>
        <section class="information-network">
            <h2 class="sub-title">Lorem ipsum</h2>
            <h1 class="title">dolor sit amet</h1>
            <p class="descriptiom">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>
            <figure class="network">
                <img src="./assets/images/networkcomputters.png"/>
            </figure>
        </section>

        <section class="card-section">
            <div class="card">
                <figure class="img-card">
                    <img src="./assets/images/shop 1.png">
                </figure>
                <figcaption>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                </figcaption>
            </div>
            <div class="card">
                <figure class="img-card">
                    <img src="./assets/images/shopping-bag.png">
                </figure>
                <figcaption>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                </figcaption>
            </div>
            <div class="card">
                <figure class="img-card">
                    <img src="./assets/images/coin 1.png">
                </figure>
                <figcaption>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                </figcaption>
            </div>
        </section>
        <section class="computers-area">
            <figure class="computers-img">
                <img src="./assets/images/computer 1.png"/>
            </figure>
            <figure class="computers-img">
                <img src="./assets/images/computer 2.png"/>
            </figure>
            <figure class="computers-img">
                <img src="./assets/images/computer 3.png"/>
            </figure>
        </section>
        <section>
            <div class="card-small">
                <figure>
                    <img src="./assets/images/money.png">
                </figure>
                <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>
            </div>
            <div class="card-small">
                <figure>
                    <img src="./assets/images/coin 1.png">
                </figure>
                <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>
            </div>
            <div class="card-small">
                <figure>
                    <img src="./assets/images/laptop.png">
                </figure>
                <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>
            </div>
            <div class="card-small">
                <figure>
                    <img src="./assets/images/cel.png">
                </figure>
                <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>
            </div>
        </section>
        <div>
            <h1>Lorem ipsum dolor sit amet</h1>
            <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>
                <figure>
                    <img src="./assets/images/banner 2.png"/>
                </figure>
        </div>
    </main>
    <footer>
        <a href="">
            <img src="./assets/images/instagram.png"/>
        </a>
        <a href="">
            <img src="./assets/images/facebook-logo.png"/>
        </a>
        <a href="">
            <img src="./assets/images/youtube 2.png"/>
        </a>
        <p>
            Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
        </p>
    </footer>
</body>
</html>
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<!DOCTYPE html>`
			`<html lang="pt-BR">`
			`<head>`
fix: adicionado linkagem do css, mudança nas tags do footer e header 2022-10-11 21:18:59 +00:00			`<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="./assets/styles/landing-page.css"/>`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<title>Desafio 1</title>`
			`</head>`
			`<body>`
			`<header>`
fix: adicionado linkagem do css, mudança nas tags do footer e header 2022-10-11 21:18:59 +00:00			`<a href="">`
			`<img src="./assets/images/logo.png">`
			`</a>`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`</header>`
			`<main>`
			`<figure>`
feat: estilização criada para o banner superior e o vetor/imagem dos computadores conectados e as informações 2022-10-13 03:06:46 +00:00			`<img class="banner-top" src="./assets/images/banner.png"/>`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`</figure>`
feat: estilização criada para o banner superior e o vetor/imagem dos computadores conectados e as informações 2022-10-13 03:06:46 +00:00			`<section class="information-network">`
			`<h2 class="sub-title">Lorem ipsum</h2>`
			`<h1 class="title">dolor sit amet</h1>`
			`<p class="descriptiom">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>`
feat: estilização dos três primeiros cards 2022-10-13 05:02:56 +00:00			`<figure class="network">`
			`<img src="./assets/images/networkcomputters.png"/>`
			`</figure>`
feat: estilização criada para o banner superior e o vetor/imagem dos computadores conectados e as informações 2022-10-13 03:06:46 +00:00			`</section>`
feat: estilização dos três primeiros cards 2022-10-13 05:02:56 +00:00
			`<section class="card-section">`
			`<div class="card">`
			`<figure class="img-card">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<img src="./assets/images/shop 1.png">`
			`</figure>`
			`<figcaption>`
			`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.`
			`</figcaption>`
			`</div>`
feat: estilização dos três primeiros cards 2022-10-13 05:02:56 +00:00			`<div class="card">`
			`<figure class="img-card">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<img src="./assets/images/shopping-bag.png">`
			`</figure>`
			`<figcaption>`
			`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.`
			`</figcaption>`
			`</div>`
feat: estilização dos três primeiros cards 2022-10-13 05:02:56 +00:00			`<div class="card">`
			`<figure class="img-card">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<img src="./assets/images/coin 1.png">`
			`</figure>`
			`<figcaption>`
			`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.`
			`</figcaption>`
			`</div>`
			`</section>`
feat: estilização das três imagens de computador e o background cinza 2022-10-13 13:36:44 +00:00			`<section class="computers-area">`
			`<figure class="computers-img">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<img src="./assets/images/computer 1.png"/>`
			`</figure>`
feat: estilização das três imagens de computador e o background cinza 2022-10-13 13:36:44 +00:00			`<figure class="computers-img">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<img src="./assets/images/computer 2.png"/>`
			`</figure>`
feat: estilização das três imagens de computador e o background cinza 2022-10-13 13:36:44 +00:00			`<figure class="computers-img">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<img src="./assets/images/computer 3.png"/>`
			`</figure>`
			`</section>`
			`<section>`
feat: estilização dos três primeiros cards 2022-10-13 05:02:56 +00:00			`<div class="card-small">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<figure>`
			`<img src="./assets/images/money.png">`
			`</figure>`
			`<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>`
			`</div>`
feat: estilização dos três primeiros cards 2022-10-13 05:02:56 +00:00			`<div class="card-small">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<figure>`
			`<img src="./assets/images/coin 1.png">`
			`</figure>`
			`<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>`
			`</div>`
feat: estilização dos três primeiros cards 2022-10-13 05:02:56 +00:00			`<div class="card-small">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<figure>`
			`<img src="./assets/images/laptop.png">`
			`</figure>`
			`<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>`
			`</div>`
feat: estilização dos três primeiros cards 2022-10-13 05:02:56 +00:00			`<div class="card-small">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<figure>`
			`<img src="./assets/images/cel.png">`
			`</figure>`
			`<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>`
			`</div>`
			`</section>`
			`<div>`
			`<h1>Lorem ipsum dolor sit amet</h1>`
			`<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>`
			`<figure>`
			`<img src="./assets/images/banner 2.png"/>`
			`</figure>`
			`</div>`
			`</main>`
			`<footer>`
fix: adicionado linkagem do css, mudança nas tags do footer e header 2022-10-11 21:18:59 +00:00			`<a href="">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<img src="./assets/images/instagram.png"/>`
fix: adicionado linkagem do css, mudança nas tags do footer e header 2022-10-11 21:18:59 +00:00			`</a>`
			`<a href="">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<img src="./assets/images/facebook-logo.png"/>`
fix: adicionado linkagem do css, mudança nas tags do footer e header 2022-10-11 21:18:59 +00:00			`</a>`
			`<a href="">`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`<img src="./assets/images/youtube 2.png"/>`
fix: adicionado linkagem do css, mudança nas tags do footer e header 2022-10-11 21:18:59 +00:00			`</a>`
			`<p>`
			`Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00`
feat: conteudo html adicionado 2022-10-11 17:29:41 +00:00			`</p>`
			`</footer>`
			`</body>`
feat: estilização dos três primeiros cards 2022-10-13 05:02:56 +00:00			`</html>`