Henrique-Martins-Silva/challenge-landing-page-Henrique-Martins
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

adiciona footer desktop

Browse Source
This commit is contained in:
Henrique Martins Silva 2022-10-12 18:39:31 -03:00
parent 146b065a7d
commit af5b8aa282
5 changed files with 57 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/svg/Group (1).svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.5488 0H7.45086C3.34246 0 0 3.46642 0 7.72699V20.273C0 24.5337 3.34246 28 7.45086 28H19.5488C23.6575 28 27 24.5336 27 20.273V7.72699C27.0002 3.46642 23.6575 0 19.5488 0ZM24.6046 20.273C24.6046 23.1639 22.3366 25.5157 19.549 25.5157H7.45086C4.66338 25.5159 2.39557 23.1639 2.39557 20.273V7.72699C2.39557 4.83626 4.66338 2.4843 7.45086 2.4843H19.5488C22.3365 2.4843 24.6044 4.83626 24.6044 7.72699V20.273H24.6046Z" fill="white"/>
<path d="M13.5 6.78552C9.66372 6.78552 6.54277 10.0221 6.54277 14.0004C6.54277 17.9786 9.66372 21.215 13.5 21.215C17.3363 21.215 20.4572 17.9786 20.4572 14.0004C20.4572 10.0221 17.3363 6.78552 13.5 6.78552ZM13.5 18.7305C10.9848 18.7305 8.93834 16.6086 8.93834 14.0002C8.93834 11.3917 10.9846 9.26965 13.5 9.26965C16.0153 9.26965 18.0616 11.3917 18.0616 14.0002C18.0616 16.6086 16.0152 18.7305 13.5 18.7305Z" fill="white"/>
<path d="M20.7491 4.67896C20.2875 4.67896 19.8341 4.87273 19.5082 5.21225C19.1806 5.55011 18.9923 6.02047 18.9923 6.50077C18.9923 6.97958 19.1808 7.44977 19.5082 7.78929C19.834 8.12716 20.2875 8.32259 20.7491 8.32259C21.2122 8.32259 21.6642 8.12716 21.9916 7.78929C22.319 7.44977 22.5058 6.97941 22.5058 6.50077C22.5058 6.02047 22.319 5.55011 21.9916 5.21225C21.6658 4.87273 21.2122 4.67896 20.7491 4.67896Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

3
assets/svg/facebook-logo (1).svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.9992 0.0049936L14.8869 0C11.3904 0 9.13082 2.31828 9.13082 5.90643V8.62969H6.00158C5.73118 8.62969 5.51221 8.84891 5.51221 9.11932V13.065C5.51221 13.3354 5.73143 13.5544 6.00158 13.5544H9.13082V23.5106C9.13082 23.781 9.34979 24 9.62019 24H13.703C13.9734 24 14.1923 23.7808 14.1923 23.5106V13.5544H17.8512C18.1216 13.5544 18.3405 13.3354 18.3405 13.065L18.342 9.11932C18.342 8.98948 18.2903 8.86514 18.1987 8.77326C18.1071 8.68138 17.9822 8.62969 17.8524 8.62969H14.1923V6.32115C14.1923 5.21157 14.4567 4.64829 15.9021 4.64829L17.9987 4.64755C18.2689 4.64755 18.4878 4.42833 18.4878 4.15817V0.494367C18.4878 0.224462 18.2691 0.00549296 17.9992 0.0049936Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 786 B

3
assets/svg/youtube 2 (1).svg Normal file
View File

@ -0,0 +1,3 @@
<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

After

Width:  |  Height:  |  Size: 759 B

14
index.html
View File

@ -93,8 +93,20 @@
<img class="banner-bottom bottom-desktop" src="assets/image/Rectangle 15 desktop.png" alt="banner da area de baixo desktop">
<img class="banner-bottom bottom-mobile" src="assets/image/Rectangle 15.png" alt="banner da area de baixo">
</section>
</main>
<footer class="page-footer">
<div class="footer-image">
<figure>
<img class="logo-footer" src="assets/svg/Group (1).svg" alt="logo instagram">
<img class="logo-footer" src="assets/svg/facebook-logo (1).svg" alt="logo facebook">
<img class="logo-footer" src="assets/svg/youtube 2 (1).svg" alt="logo youtube">
</figure>
</div>
<div>
<p class="text-footer"> Copyright © 2020 - Loja Comércio Eletrônico CNPJ: 000.000.000/0001-00</p>
</div>
</footer>
</body>
</html>

36
style/style.css
View File

@ -267,8 +267,7 @@
padding: 50px 0 215px
}
.bottom-text{
width: 70%;
align-items: center;
width: 100%;
padding-top: 10px;
}
}
@ -285,4 +284,35 @@
line-height: 48px;
text-align: center;
}
}
}
.page-footer{
display: flex;
flex-direction: column;
align-items: center;
background: black;
}
.footer-content{
display: grid;
gap: 16px;
padding: 40px 0 24px;
}
.footer-image{
display: block;
padding: 40px 0 12px;
}
.logo-footer{
padding: 0 6px;
}
.text-footer{
font-size: 10px;
line-height: 12px;
padding-bottom: 24px;
text-transform: uppercase;
color: #BDBDBD;
}