EleonoraOtz/challenge-landing-page-eleonora-otz
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Adiciona o texto do footer desktop e mobile

Browse Source
This commit is contained in:
Eleonora Otz de Mendonça Soares 2022-10-13 13:29:33 -03:00
parent 1631b74a2f
commit 5c2a5ea1cf
4 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/images/facebook-icon.svg
View File

@ -1,3 +1,3 @@
<svg width="14" height="24" viewBox="0 0 14 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.9992 0.0049936L9.88695 0C6.39043 0 4.13082 2.31828 4.13082 5.90643V8.62969H1.00158C0.731177 8.62969 0.512207 8.84891 0.512207 9.11932V13.065C0.512207 13.3354 0.731426 13.5544 1.00158 13.5544H4.13082V23.5106C4.13082 23.781 4.34979 24 4.62019 24H8.70296C8.97337 24 9.19234 23.7808 9.19234 23.5106V13.5544H12.8512C13.1216 13.5544 13.3405 13.3354 13.3405 13.065L13.342 9.11932C13.342 8.98948 13.2903 8.86514 13.1987 8.77326C13.1071 8.68138 12.9822 8.62969 12.8524 8.62969H9.19234V6.32115C9.19234 5.21157 9.45675 4.64829 10.9021 4.64829L12.9987 4.64755C13.2689 4.64755 13.4878 4.42833 13.4878 4.15817V0.494367C13.4878 0.224462 13.2691 0.00549296 12.9992 0.0049936Z" fill="white"/>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.9993 0.0049936L14.887 0C11.3905 0 9.13087 2.31828 9.13087 5.90643V8.62969H6.00163C5.73123 8.62969 5.51226 8.84891 5.51226 9.11932V13.065C5.51226 13.3354 5.73148 13.5544 6.00163 13.5544H9.13087V23.5106C9.13087 23.781 9.34984 24 9.62025 24H13.703C13.9734 24 14.1924 23.7808 14.1924 23.5106V13.5544H17.8512C18.1216 13.5544 18.3406 13.3354 18.3406 13.065L18.3421 9.11932C18.3421 8.98948 18.2904 8.86514 18.1988 8.77326C18.1071 8.68138 17.9823 8.62969 17.8525 8.62969H14.1924V6.32115C14.1924 5.21157 14.4568 4.64829 15.9022 4.64829L17.9988 4.64755C18.2689 4.64755 18.4879 4.42833 18.4879 4.15817V0.494367C18.4879 0.224462 18.2692 0.00549296 17.9993 0.0049936Z" fill="white"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 792 B

After

Width:  |  Height:  |  Size: 787 B

4
assets/images/youtube-icon.svg
View File

@ -1,3 +1,3 @@
<svg width="24" height="18" viewBox="0 0 24 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.98 2.34C22.329 1.182 21.6225 0.969 20.184 0.888C18.747 0.7905 15.1335 0.75 12.003 0.75C8.8665 0.75 5.2515 0.7905 3.816 0.8865C2.3805 0.969 1.6725 1.1805 1.0155 2.34C0.345 3.4965 0 5.4885 0 8.9955C0 8.9985 0 9 0 9C0 9.003 0 9.0045 0 9.0045V9.0075C0 12.4995 0.345 14.5065 1.0155 15.651C1.6725 16.809 2.379 17.019 3.8145 17.1165C5.2515 17.2005 8.8665 17.25 12.003 17.25C15.1335 17.25 18.747 17.2005 20.1855 17.118C21.624 17.0205 22.3305 16.8105 22.9815 15.6525C23.658 14.508 24 12.501 24 9.009C24 9.009 24 9.0045 24 9.0015C24 9.0015 24 8.9985 24 8.997C24 5.4885 23.658 3.4965 22.98 2.34ZM9 13.5V4.5L16.5 9L9 13.5Z" fill="white"/>
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.98 5.34C22.329 4.182 21.6225 3.969 20.184 3.888C18.747 3.7905 15.1335 3.75 12.003 3.75C8.8665 3.75 5.2515 3.7905 3.816 3.8865C2.3805 3.969 1.6725 4.1805 1.0155 5.34C0.345 6.4965 0 8.4885 0 11.9955C0 11.9985 0 12 0 12C0 12.003 0 12.0045 0 12.0045V12.0075C0 15.4995 0.345 17.5065 1.0155 18.651C1.6725 19.809 2.379 20.019 3.8145 20.1165C5.2515 20.2005 8.8665 20.25 12.003 20.25C15.1335 20.25 18.747 20.2005 20.1855 20.118C21.624 20.0205 22.3305 19.8105 22.9815 18.6525C23.658 17.508 24 15.501 24 12.009C24 12.009 24 12.0045 24 12.0015C24 12.0015 24 11.9985 24 11.997C24 8.4885 23.658 6.4965 22.98 5.34ZM9 16.5V7.5L16.5 12L9 16.5Z" fill="white"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 743 B

After

Width:  |  Height:  |  Size: 759 B

15
assets/styles/main.css
View File

@ -228,12 +228,12 @@ body {
background: #000000;
align-items: center;
padding: 38px 0;
gap: 17px;
}
.footer-icons {
display: flex;
list-style: none;
margin-bottom: 16px;
}
.footer-icon {
@ -241,6 +241,7 @@ body {
}
.footer-text {
text-align: center;
text-transform: uppercase;
font-size: 10px;
line-height: 12px;
@ -336,7 +337,7 @@ body {
.bottom-cards {
flex-direction: column;
margin-bottom: 131px;
margin-bottom: 98px;
}
.bottom-card {
@ -358,7 +359,7 @@ body {
}
.bottom-infocard-text {
margin-bottom: 50px;
margin-bottom: 87px;
gap: 10px;
width: 84%;
align-items: center;
@ -384,6 +385,14 @@ body {
width: 100%;
margin-bottom: 50px;
}
.page-footer {
gap: 16px;
}
.footer-text {
max-width: 63%;
}
}
/*Versão telas 4k*/

3
index.html
View File

@ -168,6 +168,9 @@
</li>
</ul>
<p class="footer-text">
Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00
</p>
</footer>
</body>
</html>