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

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <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">
        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">
        <title>Desafio-1</title>
    </head>
    <body>
        <header>
            <img src="./assets/Logo-M3Academy 1.png" alt="logo m3"
            />
        </header>
        <section>
            <img class="top-banner-desktop" src="./assets/Rectangle 9.png" alt="laptop com codigos"
            />
            <img class="top-banner-mobile" src="./assets/Rectangle 9 mobile.png" alt="laptop com codigos"
            />
        </section>
        <section class="info-section">
            <div>
                <h2>
                    LOREM IPSUM
                </h2>
                <h1>
                    DOLOR SIT AMET
                </h1>
                <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>
            </div>
            <img src="./assets/fxemoji_threenetworkedcomputers.svg" alt="desenho de tres computadores"
            />
        </section>
        <section class="top-cards">
            <div class="top-cards-box">
                <img src="./assets/shop 1.svg" alt="desenho de uma loja"
                />
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                </p>
            </div>
            <div class="top-cards-box">
                <img src="./assets/shopping-bag (1) 1.svg" alt="desenho de uma sacola de compra"
                />
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
                </p>
            </div>
            <div class="top-cards-box">
                <img src="./assets/coin 1.svg" alt="desenho de uma mao com moeda"
                />
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                </p>
            </div>
        </section>
        <section class="middle-banner">
            <img src="./assets/Rectangle 13.png" alt="macbook fechando de frente">
            <img src="./assets/Rectangle 16.png" alt="macbook fechando de cima">
            <img src="./assets/Rectangle 17.png" alt="macbook fechando de lado">
        </section>
        <section class="bottom-cards">
                <div class="bottom-cards-box">
                    <img src="./assets/money (1) 2.svg" alt="desenho de uma nota de dinheiro"
                    />
                    <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>
                </div>
                <div class="bottom-cards-box">
                    <img src="./assets/coin 2.svg" alt="desenho de uma mao com 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>
                </div>
                <div class="bottom-cards-box">
                    <img src="./assets/laptop 1.svg" alt="desenho de um 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>
                </div>
                <div class="bottom-cards-box">
                    <img src="./assets/Group.svg" alt="desenho de um celular"
                    />
                    <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>
                </div>
        </section>
    </body>
</html>
feat: added header 2022-10-10 22:54:03 +00:00			`<!DOCTYPE html>`
			`<html lang="pt-br">`
feat added top-banner 2022-10-10 23:13:56 +00:00			`<head>`
feat: added info-section 2022-10-10 23:50:15 +00:00			`<link rel="preconnect" href="https://fonts.googleapis.com">`
			`<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>`
feat added top-banner 2022-10-10 23:13:56 +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="./style.css">`
feat: added info-section 2022-10-10 23:50:15 +00:00			`<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap" rel="stylesheet">`
feat added top-banner 2022-10-10 23:13:56 +00:00			`<title>Desafio-1</title>`
			`</head>`
			`<body>`
			`<header>`
			`<img src="./assets/Logo-M3Academy 1.png" alt="logo m3"`
			`/>`
			`</header>`
			`<section>`
			`<img class="top-banner-desktop" src="./assets/Rectangle 9.png" alt="laptop com codigos"`
			`/>`
			`<img class="top-banner-mobile" src="./assets/Rectangle 9 mobile.png" alt="laptop com codigos"`
			`/>`
			`</section>`
feat: added info-section 2022-10-10 23:50:15 +00:00			`<section class="info-section">`
			`<div>`
			`<h2>`
			`LOREM IPSUM`
			`</h2>`
			`<h1>`
			`DOLOR SIT AMET`
			`</h1>`
			`<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>`
			`</div>`
			`<img src="./assets/fxemoji_threenetworkedcomputers.svg" alt="desenho de tres computadores"`
			`/>`
			`</section>`
feat added top-cards 2022-10-11 14:29:40 +00:00			`<section class="top-cards">`
			`<div class="top-cards-box">`
feat: added bottom-cards 2022-10-11 21:17:41 +00:00			`<img src="./assets/shop 1.svg" alt="desenho de uma loja"`
feat added top-cards 2022-10-11 14:29:40 +00:00			`/>`
			`<p>`
			`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.`
			`</p>`
			`</div>`
			`<div class="top-cards-box">`
feat: added bottom-cards 2022-10-11 21:17:41 +00:00			`<img src="./assets/shopping-bag (1) 1.svg" alt="desenho de uma sacola de compra"`
feat added top-cards 2022-10-11 14:29:40 +00:00			`/>`
			`<p>`
			`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.`
			`</p>`
			`</div>`
			`<div class="top-cards-box">`
feat: added bottom-cards 2022-10-11 21:17:41 +00:00			`<img src="./assets/coin 1.svg" alt="desenho de uma mao com moeda"`
feat added top-cards 2022-10-11 14:29:40 +00:00			`/>`
			`<p>`
			`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.`
			`</p>`
			`</div>`
			`</section>`
feat: added middle-banner 2022-10-11 15:17:57 +00:00			`<section class="middle-banner">`
			`<img src="./assets/Rectangle 13.png" alt="macbook fechando de frente">`
			`<img src="./assets/Rectangle 16.png" alt="macbook fechando de cima">`
			`<img src="./assets/Rectangle 17.png" alt="macbook fechando de lado">`
			`</section>`
feat: added bottom-cards 2022-10-11 21:17:41 +00:00			`<section class="bottom-cards">`
			`<div class="bottom-cards-box">`
			`<img src="./assets/money (1) 2.svg" alt="desenho de uma nota de dinheiro"`
			`/>`
			`<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>`
			`</div>`
			`<div class="bottom-cards-box">`
			`<img src="./assets/coin 2.svg" alt="desenho de uma mao com 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>`
			`</div>`
			`<div class="bottom-cards-box">`
			`<img src="./assets/laptop 1.svg" alt="desenho de um 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>`
			`</div>`
			`<div class="bottom-cards-box">`
			`<img src="./assets/Group.svg" alt="desenho de um celular"`
			`/>`
			`<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>`
			`</div>`
			`</section>`
feat added top-banner 2022-10-10 23:13:56 +00:00			`</body>`
feat: added header 2022-10-10 22:54:03 +00:00			`</html>`