challenge-landing-page/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 charset="author" content="Saulo Klein Nery"/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

        <title>Desafio 1 Landing Page</title>

        <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"/>
        <link rel="stylesheet" href="./styles/main.css"/>
    </head>
    
    <body>
        <header class="page-header">
            <a href="#">
                <img src="./assets/svgs/m3-logo.svg" alt="Logo da M3">
            </a>
        </header>

        <div>
            <figure>
                <img class="main-banner main-banner-desktop" src="./assets/imgs/main-banner-desktop.png" alt="Banner Principal Desktop">
            </figure>

            <figure>
                <img class="main-banner main-banner-mobile" src="./assets/imgs/main-banner-mobile.png" alt="Banner Principal Mobile">
            </figure>
        </div>

        <section class="top-infocard">

            <div class="top-infocard-text">
                <h2 class="top-infocard-subtitle">
                    Lorem ipsum
                </h2>

                <h1 class="top-infocard-title">
                    dolor sit amet
                </h1>

                <p class="top-infocard-description">
                    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>

            <figure class="top-infocard-figure">
                <img class="top-infocard-image" src="./assets/svgs/top-infocard-image.svg" alt="Imagem do Infocard Superior">
            </figure>
        </section>

    </body>

</html>
feat: Cria caebecalho desktop e mobile 2022-10-11 14:05:41 +00:00			`<!DOCTYPE html>`
			`<html lang="pt-BR">`

			`<head>`
feat: Cria infocard superior desktop 2022-10-11 16:40:02 +00:00			`<link rel="preconnect" href="https://fonts.googleapis.com"/>`
			`<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>`
feat: Cria caebecalho desktop e mobile 2022-10-11 14:05:41 +00:00
			`<meta charset="UTF-8"/>`
			`<meta http-equiv="X-UA-Compatible" content="IE=edge"/>`
			`<meta charset="author" content="Saulo Klein Nery"/>`
			`<meta name="viewport" content="width=device-width, initial-scale=1.0"/>`

			`<title>Desafio 1 Landing Page</title>`

feat: Cria infocard superior desktop 2022-10-11 16:40:02 +00:00			`<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap" rel="stylesheet"/>`
			`<link rel="stylesheet" href="./styles/main.css"/>`
feat: Cria caebecalho desktop e mobile 2022-10-11 14:05:41 +00:00			`</head>`

			`<body>`
			`<header class="page-header">`
			`<a href="#">`
			`<img src="./assets/svgs/m3-logo.svg" alt="Logo da M3">`
			`</a>`
			`</header>`
feat: Cria banner principal desktop e mobile 2022-10-11 14:34:09 +00:00
			`<div>`
fix: Coloca banner principal dentro de uma tag figure 2022-10-11 14:37:18 +00:00			`<figure>`
feat: Cria infocard superior desktop 2022-10-11 16:40:02 +00:00			`<img class="main-banner main-banner-desktop" src="./assets/imgs/main-banner-desktop.png" alt="Banner Principal Desktop">`
fix: Coloca banner principal dentro de uma tag figure 2022-10-11 14:37:18 +00:00			`</figure>`
feat: Cria infocard superior desktop 2022-10-11 16:40:02 +00:00
fix: Coloca banner principal dentro de uma tag figure 2022-10-11 14:37:18 +00:00			`<figure>`
feat: Cria infocard superior desktop 2022-10-11 16:40:02 +00:00			`<img class="main-banner main-banner-mobile" src="./assets/imgs/main-banner-mobile.png" alt="Banner Principal Mobile">`
fix: Coloca banner principal dentro de uma tag figure 2022-10-11 14:37:18 +00:00			`</figure>`
feat: Cria banner principal desktop e mobile 2022-10-11 14:34:09 +00:00			`</div>`
fix: Coloca banner principal dentro de uma tag figure 2022-10-11 14:37:18 +00:00
feat: Cria infocard superior desktop 2022-10-11 16:40:02 +00:00			`<section class="top-infocard">`

			`<div class="top-infocard-text">`
			`<h2 class="top-infocard-subtitle">`
			`Lorem ipsum`
			`</h2>`

			`<h1 class="top-infocard-title">`
			`dolor sit amet`
			`</h1>`

			`<p class="top-infocard-description">`
			`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>`

			`<figure class="top-infocard-figure">`
			`<img class="top-infocard-image" src="./assets/svgs/top-infocard-image.svg" alt="Imagem do Infocard Superior">`
			`</figure>`
			`</section>`

feat: Cria caebecalho desktop e mobile 2022-10-11 14:05:41 +00:00			`</body>`

			`</html>`