challenge-landing-page-Adil.../Landing Page - Adilson Fernando Neves Ornellas.html

<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet">
        <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>Landing Page - Adilson Fernando Neves Ornellas </title>
        <link rel="stylesheet" href="Arquivos Usados/Css/Landing Page - Adilson Fernando Neves Ornellas.css">
    </head>
    <body>
        <!--Cabeçario-->
        <header>
            <a class="icone" href="Landing Page - Adilson Fernando Neves Ornellas.html">
                <img  class="logom3" src="Arquivos Usados/Imagens/Logo-M3Academy 1.svg" alt="Logo M3">
            </a>
        </header>
        <!--Parte do Conteudo da Page-->
        <main>
            <!--Parte1, o banner principal-->
            <figure>
                <img class="imgbanner" src="Arquivos Usados/Imagens/Rectangle 9.png" alt="banner principal - Imagem computaodr">
                <img class="imgbannerpq" src="Arquivos Usados/Imagens/Rectangle 9 pq.png" alt=" banner principal - Imagem Pequena">
            </figure>
            <!--Parte2, escrito com imagem dos 3 computador-->
            <section class="parte2">
                    <div class="tdtextopart2">
                        <h2 class="subtitlepart2">
                            Lorem ipsum
                        </h2>
                        <h1 class="titlepart2">
                            dolor sit amet
                        </h1>
                        <p class="paragpart2">
                            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="figtotal">
                        <img class="imgparte2" src="Arquivos Usados/Imagens/Imagem 3 computadores.png" alt="Foto dos 3 computadores interligados">
                    </figure>
            </section>
            <!--Parte3,os 3 caixotes-->
            <div class="tdscaixotes">
                <figure class="cadacaixote">
                    <img class="imgcaixote" src="Arquivos Usados/Imagens/imagem lojinha.png" alt="Imagem lojinha">
                    <figcaption class="legendcaixote">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                    </figcaption>
                </figure>
                <figure class="cadacaixote">
                    <img class="imgcaixote" src="Arquivos Usados/Imagens/imagem sacolinha.png" alt="Imagem Sacolinha">
                    <figcaption class="legendcaixote">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                    </figcaption>
                </figure>
                <figure class="cadacaixote">
                    <img class="imgcaixote" src="Arquivos Usados/Imagens/imagem mão com dinheiro.png" alt="Imagem Mãozinha com dinheiro">
                    <figcaption class="legendcaixote">
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum. 
                    </figcaption>
                </figure>
            </div>
            <!--Parte4, imagens notebook-->
            <div class="parte4">
                <figure class="img1" >
                    <img class="imgparte4" src="Arquivos Usados/Imagens/Rectangle 13.png" alt="IMAGEM COMPUTADOR 1">
                </figure>
                <figure class="img2">
                    <img class="imgparte4" src="Arquivos Usados/Imagens/Rectangle 16.png" alt="IMAGEM COMPUTADOR 2">
                </figure>
                <figure class="img3" >
                    <img class="imgparte4" src="Arquivos Usados/Imagens/Rectangle 17.png" alt="IMAGEM COMPUTADOR 3">
                </figure>
            </div>
            <!--Parte5-mais caixotes-->
            <div class="caixotes2">
                <figure class="cdcaixote2">
                    <img class="imgcaixote2" src="Arquivos Usados/Imagens/money (1) 2.png" alt="Imagem Dinheiro">
                    <figcaption class="legendcaixote2">
                        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>
                <figure class="cdcaixote2">
                    <img class="imgcaixote2" src="Arquivos Usados/Imagens/imagem mão com dinheiro.png" alt="Imagem mão com Dinheiro">
                    <figcaption class="legendcaixote2">
                        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>
                <figure class="cdcaixote2">
                    <img class="imgcaixote2" src="Arquivos Usados/Imagens/laptop 1.png" alt="Imagem Laptop">
                    <figcaption class="legendcaixote2">
                        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>
                <figure class="cdcaixote2" >
                    <img class="imgcaixote2" src="Arquivos Usados/Imagens/celular.png" alt="Imagem Celular">
                    <figcaption class="legendcaixote2">
                        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>
            <!--Parte6-texto com imagem final-->
            <article class="parte06">
                <div class="tdtextpart6">
                    <h1 class="titlepart6">Lorem ipsum dolor sit amet</h1>
                    <p class="paragrafpart6">
                        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>
                </div>
                <figure class="figpart6">
                    <img class="imgparte6" src="Arquivos Usados/Imagens/oculos grande.png" alt="imagem oculos grande">
                    <img class="imgparte06pq" src="Arquivos Usados/Imagens/oculos pequeno.png" alt="imagem oculos pequeno">
                </figure>
            </article>
        </main>
        <!--Parte7-final-->
        <footer>
            <section class="faixafinal">
                <ul class="icones">
                    <li>
                        <a href="index.html">
                            <img class="imgicon" src="Arquivos Usados/Imagens/instagram icone.png" alt="Instagram icone">
                        </a>
                    </li>
                    <li>
                        <a href="index.html">
                            <img class="imgicon" src="Arquivos Usados/Imagens/facebook icone.png" alt="Facebook icone">
                        </a>
                    </li>
                    <li>
                        <a href="index.html">
                            <img class="imgicon" src="Arquivos Usados/Imagens/youtube icone.png" alt="you tube icone">
                        </a>
                    </li>    
                </ul>
                <p class="textofinal">
                    Copyright © 2020 - Loja  Comércio Eletrônico CNPJ: 000.000.000/0001-00
                </p>
            </section>
        </footer>
    </body>
</html>
Cabeçario 2022-10-09 12:55:41 +00:00			`<!DOCTYPE html>`
			`<html lang="pt-br">`
			`<head>`
tudo pronto 2022-10-12 04:10:36 +00:00			`<link href="https://fonts.googleapis.com/css2?family=Inter&display=swap" rel="stylesheet">`
Cabeçario 2022-10-09 12:55:41 +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">`
			`<title>Landing Page - Adilson Fernando Neves Ornellas </title>`
			`<link rel="stylesheet" href="Arquivos Usados/Css/Landing Page - Adilson Fernando Neves Ornellas.css">`
			`</head>`
			`<body>`
			`<!--Cabeçario-->`
			`<header>`
			`<a class="icone" href="Landing Page - Adilson Fernando Neves Ornellas.html">`
			`<img class="logom3" src="Arquivos Usados/Imagens/Logo-M3Academy 1.svg" alt="Logo M3">`
			`</a>`
			`</header>`
			`<!--Parte do Conteudo da Page-->`
			`<main>`
parte3 2022-10-10 14:15:07 +00:00			`<!--Parte1, o banner principal-->`
cria branch 2022-10-09 17:08:35 +00:00			`<figure>`
			`<img class="imgbanner" src="Arquivos Usados/Imagens/Rectangle 9.png" alt="banner principal - Imagem computaodr">`
parte3 2022-10-10 14:15:07 +00:00			`<img class="imgbannerpq" src="Arquivos Usados/Imagens/Rectangle 9 pq.png" alt=" banner principal - Imagem Pequena">`
cria branch 2022-10-09 17:08:35 +00:00			`</figure>`
parte3 2022-10-10 14:15:07 +00:00			`<!--Parte2, escrito com imagem dos 3 computador-->`
parte 2 2022-10-09 19:23:37 +00:00			`<section class="parte2">`
			`<div class="tdtextopart2">`
			`<h2 class="subtitlepart2">`
			`Lorem ipsum`
cria branch 2022-10-09 17:08:35 +00:00			`</h2>`
parte 2 2022-10-09 19:23:37 +00:00			`<h1 class="titlepart2">`
			`dolor sit amet`
cria branch 2022-10-09 17:08:35 +00:00			`</h1>`
parte 2 2022-10-09 19:23:37 +00:00			`<p class="paragpart2">`
			`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>`
cria branch 2022-10-09 17:08:35 +00:00			`</div>`
responsividade 2022-10-11 19:11:06 +00:00			`<figure class="figtotal">`
parte3 2022-10-10 14:15:07 +00:00			`<img class="imgparte2" src="Arquivos Usados/Imagens/Imagem 3 computadores.png" alt="Foto dos 3 computadores interligados">`
cria branch 2022-10-09 17:08:35 +00:00			`</figure>`
			`</section>`
parte3 2022-10-10 14:15:07 +00:00			`<!--Parte3,os 3 caixotes-->`
			`<div class="tdscaixotes">`
			`<figure class="cadacaixote">`
			`<img class="imgcaixote" src="Arquivos Usados/Imagens/imagem lojinha.png" alt="Imagem lojinha">`
			`<figcaption class="legendcaixote">`
			`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.`
			`</figcaption>`
			`</figure>`
			`<figure class="cadacaixote">`
			`<img class="imgcaixote" src="Arquivos Usados/Imagens/imagem sacolinha.png" alt="Imagem Sacolinha">`
			`<figcaption class="legendcaixote">`
			`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.`
			`</figcaption>`
			`</figure>`
			`<figure class="cadacaixote">`
			`<img class="imgcaixote" src="Arquivos Usados/Imagens/imagem mão com dinheiro.png" alt="Imagem Mãozinha com dinheiro">`
			`<figcaption class="legendcaixote">`
			`Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.`
			`</figcaption>`
			`</figure>`
			`</div>`
			`<!--Parte4, imagens notebook-->`
parte 4 já responsivo 2022-10-10 17:25:14 +00:00			`<div class="parte4">`
			`<figure class="img1" >`
			`<img class="imgparte4" src="Arquivos Usados/Imagens/Rectangle 13.png" alt="IMAGEM COMPUTADOR 1">`
			`</figure>`
			`<figure class="img2">`
			`<img class="imgparte4" src="Arquivos Usados/Imagens/Rectangle 16.png" alt="IMAGEM COMPUTADOR 2">`
			`</figure>`
			`<figure class="img3" >`
			`<img class="imgparte4" src="Arquivos Usados/Imagens/Rectangle 17.png" alt="IMAGEM COMPUTADOR 3">`
			`</figure>`
			`</div>`
inicio parte05 2022-10-10 17:33:06 +00:00			`<!--Parte5-mais caixotes-->`
parte5 adicionada 2022-10-10 22:59:33 +00:00			`<div class="caixotes2">`
			`<figure class="cdcaixote2">`
			`<img class="imgcaixote2" src="Arquivos Usados/Imagens/money (1) 2.png" alt="Imagem Dinheiro">`
			`<figcaption class="legendcaixote2">`
			`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>`
			`<figure class="cdcaixote2">`
			`<img class="imgcaixote2" src="Arquivos Usados/Imagens/imagem mão com dinheiro.png" alt="Imagem mão com Dinheiro">`
			`<figcaption class="legendcaixote2">`
			`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>`
			`<figure class="cdcaixote2">`
			`<img class="imgcaixote2" src="Arquivos Usados/Imagens/laptop 1.png" alt="Imagem Laptop">`
			`<figcaption class="legendcaixote2">`
			`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>`
parte 06 2022-10-10 23:27:05 +00:00			`<figure class="cdcaixote2" >`
parte5 adicionada 2022-10-10 22:59:33 +00:00			`<img class="imgcaixote2" src="Arquivos Usados/Imagens/celular.png" alt="Imagem Celular">`
			`<figcaption class="legendcaixote2">`
			`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>`
parte 06 2022-10-10 23:27:05 +00:00			`</figure>`
parte5 adicionada 2022-10-10 22:59:33 +00:00			`</div>`
parte 06 2022-10-10 23:27:05 +00:00			`<!--Parte6-texto com imagem final-->`
Parte07-responsivo 2022-10-11 14:02:09 +00:00			`<article class="parte06">`
parte 06 2022-10-10 23:27:05 +00:00			`<div class="tdtextpart6">`
Quase todos os erros corrigidos 2022-10-19 02:45:28 +00:00			`<h1 class="titlepart6">Lorem ipsum dolor sit amet</h1>`
parte 06 2022-10-10 23:27:05 +00:00			`<p class="paragrafpart6">`
			`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>`
			`</div>`
responsividade 2022-10-11 19:11:06 +00:00			`<figure class="figpart6">`
parte 06 2022-10-10 23:27:05 +00:00			`<img class="imgparte6" src="Arquivos Usados/Imagens/oculos grande.png" alt="imagem oculos grande">`
			`<img class="imgparte06pq" src="Arquivos Usados/Imagens/oculos pequeno.png" alt="imagem oculos pequeno">`
			`</figure>`
Parte07-responsivo 2022-10-11 14:02:09 +00:00			`</article>`
Cabeçario 2022-10-09 12:55:41 +00:00			`</main>`
parte 6 finalizada 2022-10-11 12:39:16 +00:00			`<!--Parte7-final-->`
Cabeçario 2022-10-09 12:55:41 +00:00			`<footer>`
Parte07-responsivo 2022-10-11 14:02:09 +00:00			`<section class="faixafinal">`
			`<ul class="icones">`
			`<li>`
			`<a href="index.html">`
			`<img class="imgicon" src="Arquivos Usados/Imagens/instagram icone.png" alt="Instagram icone">`
			`</a>`
			`</li>`
			`<li>`
			`<a href="index.html">`
			`<img class="imgicon" src="Arquivos Usados/Imagens/facebook icone.png" alt="Facebook icone">`
			`</a>`
			`</li>`
			`<li>`
			`<a href="index.html">`
			`<img class="imgicon" src="Arquivos Usados/Imagens/youtube icone.png" alt="you tube icone">`
			`</a>`
			`</li>`
			`</ul>`
			`<p class="textofinal">`
Quase todos os erros corrigidos 2022-10-19 02:45:28 +00:00			`Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00`
Parte07-responsivo 2022-10-11 14:02:09 +00:00			`</p>`
			`</section>`
Cabeçario 2022-10-09 12:55:41 +00:00			`</footer>`
cria branch 2022-10-09 17:08:35 +00:00			`</body>`
Cabeçario 2022-10-09 12:55:41 +00:00			`</html>`