develop #13

Merged
Rhayllon_Daudt merged 29 commits from develop into main 2022-10-13 19:32:02 +00:00
5 changed files with 63 additions and 7 deletions
Showing only changes of commit 0be67e4479 - Show all commits

Binary file not shown.

After

Width:  |  Height:  |  Size: 287 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 492 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 350 B

View File

@ -168,3 +168,32 @@ body{
width: 71%; width: 71%;
} }
.page-footer{
display: flex;
flex-direction: column;
align-items: center;
padding: 38px 0;
background: #000000;
}
.page-footer-conent{
width: 21%;
}
.footer-icons{
display: flex;
list-style: none;
margin-bottom: 16px;
justify-content: center;
}
.footer-icon{
margin: 0 8px;
}
.footer-text{
font-size: 10px;
line-height: 12px;
text-transform: uppercase;
color: #BDBDBD;
}

View File

@ -39,7 +39,7 @@
<section class="top-cards"> <section class="top-cards">
<div class="top-card"> <div class="top-card">
<img class="top-card-image" src="./assets/images/top-card-01.png" alt="Top Image 1" /> <img class="top-card-image" src="./assets/images/top-card-01.png" alt="Imagem 1" />
<p class="top-card-description" > <p class="top-card-description" >
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.
@ -48,7 +48,7 @@
</div> </div>
<div class="top-card"> <div class="top-card">
<img class="top-card-image" src="./assets/images/top-card-02.png" alt="Top Image 2" /> <img class="top-card-image" src="./assets/images/top-card-02.png" alt="Imagem 2" />
<p class="top-card-description" > <p class="top-card-description" >
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.
@ -57,7 +57,7 @@
</div> </div>
<div class="top-card"> <div class="top-card">
<img class="top-card-image" src="./assets/images/top-card-03.png" alt="Top Image 3" /> <img class="top-card-image" src="./assets/images/top-card-03.png" alt="Imagem 3" />
<p class="top-card-description" > <p class="top-card-description" >
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.
@ -84,7 +84,7 @@
<section class="bottom-cards"> <section class="bottom-cards">
<div class="bottom-card"> <div class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-01.png" alt="Bottom Image 1" /> <img class="bottom-card-image" src="./assets/images/bottom-card-01.png" alt="Imagem 1" />
<p class="bottom-card-description"> <p class="bottom-card-description">
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. 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.
@ -92,7 +92,7 @@
</div> </div>
<div class="bottom-card"> <div class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-02.png" alt="Bottom Image 2" /> <img class="bottom-card-image" src="./assets/images/bottom-card-02.png" alt="Imagem 2" />
<p class="bottom-card-description"> <p class="bottom-card-description">
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. 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.
@ -100,7 +100,7 @@
</div> </div>
<div class="bottom-card"> <div class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-03.png" alt="Bottom Image 3" /> <img class="bottom-card-image" src="./assets/images/bottom-card-03.png" alt="Imagem 3" />
<p class="bottom-card-description"> <p class="bottom-card-description">
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. 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.
@ -108,7 +108,7 @@
</div> </div>
<div class="bottom-card"> <div class="bottom-card">
<img class="bottom-card-image" src="./assets/images/bottom-card-04.png" alt="Bottom Image 4" /> <img class="bottom-card-image" src="./assets/images/bottom-card-04.png" alt="Imagem 4" />
<p class="bottom-card-description"> <p class="bottom-card-description">
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. 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.
@ -133,6 +133,33 @@
</section> </section>
<footer class="page-footer">
<div class="page-footer-conent">
<ul class="footer-icons">
<li class="footer-icon">
<a href="#" target="_blank">
<img src="./assets/images/icon-instagram.png" alt="Icone do Instgram">
</a>
</li>
<li class="footer-icon">
<a href="#" target="_blank">
<img src="./assets/images/icon-facebook.png" alt="Icone do Facebook">
</a>
</li>
<li class="footer-icon">
<a href="#" target="_blank">
<img src="./assets/images/icon-youtube.png" alt="Icone do Youtube">
</a>
</li>
</ul>
<p class="footer-text">
Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
</p>
</div>
</footer>
</main> </main>
</body> </body>