YahToth/challenge-landing-page-gabriel-gomes-fernandes
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature/footer #1

Merged
YahToth merged 17 commits from feature/footer into main 2022-11-01 01:52:07 +00:00
Conversation 0 Commits 17 Files Changed 20 +55
2 changed files with 55 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 443383e414 - Show all commits

28
assets/CSS/main.css
View File

@ -188,6 +188,34 @@ body {
width: 100%;
}
.page-footer {
display: flex;
flex-direction: column;
align-items: center;
background: #000000;
padding: 38px 0;
}
.footer-icons {
display: flex;
list-style: none;
margin-bottom: 16px;
align-items: center;
}
.footer-icon, .footer-icon-3 {
margin: 0 8px;
}
.footer-text {
text-transform: uppercase;
line-height: 12px;
font-size: 10px;
color: #BDBDBD;
text-align: center;
}
@media screen and (max-width:1024px) {
.middle-banner-container {
display: grid;

27
index.html
View File

@ -203,5 +203,32 @@
</section>
</main>
<footer class="page-footer">
<ul class="footer-icons">
<li class="footer-icon">
<a href="https://www.instagram.com/m3.ecommerce/" target="_blank">
<img src="./assets/images/instagram-icon-m3.png" alt="Instagram Icon" />
</a>
</li>
<li class="footer-icon">
<a href="https://www.facebook.com/digitalm3" target="_blank">
<img src="./assets/images/facebook-logo.png" alt="Facebook Icon" />
</a>
</li>
<li class="footer-icon-3">
<a href="https://www.youtube.com/channel/UCW4o86gZG_ceA8CmHltXeXA" target="_blank">
<img src="./assets/images/youtube-logo.png" alt="Youtube Icon" />
</a>
</li>
</ul>
<p class="footer-text">
Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
</p>
</footer>
</body>
</html>