RodrigoJorge/challenge-landing-page-Rodrigo-Jorge
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

footer feito

Browse Source
This commit is contained in:
Rodrigo 2022-10-11 12:01:06 -03:00
parent 0b935aded8
commit 473c18cf50
6 changed files with 55 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
imagens/Group (4).png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 490 B

BIN
imagens/Rectangle 15.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 362 KiB

BIN
imagens/facebook-logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 287 B

BIN
imagens/youtube 2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 351 B

14
index.html
View File

@ -71,7 +71,7 @@
</figcaption> </figcaption>
</figure> </figure>
<figure class="box3"> <figure class="box3">
<img src="imagens/Group.png" alt="imagem de dinheiro"> <img src="imagens/laptop 1.png" alt="imagem de dinheiro">
<figcaption> <figcaption>
<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> <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>
</figcaption> </figcaption>
@ -85,7 +85,19 @@
</section> </section>
<section class="corpoPt6"> <section class="corpoPt6">
<h1>Lorem ipsum dolor sit amet</h1> <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>
<img src="imagens/Rectangle 15.png" alt="imagem de retangulo">
</section> </section>
</main> </main>
<footer>
<div class="divRodape">
<img src="imagens/Group (4).png" alt="icone instagram">
<img src="imagens/facebook-logo.png" alt="icone facebook">
<img src="imagens/youtube 2.png" alt="icone youtube">
</div>
<p class="paragrafoRodape">Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00</p>
</footer>
</body> </body>
</html> </html>

42
style.css
View File

@ -146,3 +146,45 @@ section figure figcaption p{
margin-top: 35px; margin-top: 35px;
width: 20%; width: 20%;
} }
.corpoPt6{
margin-top: 108px;
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.corpoPt6 p{
font-size: 16px;
width: 28%;
margin-block-start: 0;
margin-block-end: 0;
margin-bottom: 50px;
}
.corpoPt6 h1{
font-weight: 600;
font-size: 32px;
width: 21%;
margin-block-start: 0;
margin-block-end: 0;
}
.corpoPt6 img{
width: 71%;
}
footer{
margin-top: 116px ;
background: #000000;
display: flex;
flex-direction: column;
align-items: center;
}
.divRodape{
margin-top: 38px ;
gap: 21.5px;
}
.paragrafoRodape{
color:#BDBDBD;
font-style: normal;
font-size: 10px;
text-transform: uppercase;
margin-bottom: 38px;
}