Skip to content

Commit

Permalink
footer: social networks in unsorted list
Browse files Browse the repository at this point in the history
  • Loading branch information
@rbuj
rbuj committed Feb 9, 2024
1 parent 56cc40f commit 87dea0b
Show file tree
Hide file tree
Showing 5 changed files with 33 additions and 21 deletions.
12 changes: 7 additions & 5 deletions blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -142,20 +142,22 @@ <h1>El Blog de salut de Vital360</h1>
</div>
</main>
<footer>
<div class="footer-logo">
<div>
<a href="index.html"><img src="img/logoVital360-n.svg" alt="logo image" class="logo"></a>
</div>
<div id="xarxes-socials">
<a href="#" target="_blank"><img src="img/twitter.svg" alt="X"></a>
<a href="#" target="_blank"><img src="img/instagram.svg" alt="instagram"></a>
<a href="#" target="_blank"><img src="img/youtube.svg" alt="youtube"></a>
<ul>
<li><a href="#" target="_blank"><img src="img/twitter.svg" alt="X"></a></li>
<li><a href="#" target="_blank"><img src="img/instagram.svg" alt="instagram"></a></li>
<li><a href="#" target="_blank"><img src="img/youtube.svg" alt="youtube"></a></li>
</ul>
</div>
<div>
2023-2024 | Robert Buj Gelonch
</div>
<div>
<nav role="navigation" aria-label="Avisos legals">
<ul>
<ul id="footer-links">
<li><a href="#" target="_blank">Política de privadesa</a></li>
<li><a href="#" target="_blank">Política de cookies</a></li>
<li><a href="#" target="_blank">Avís legal</a></li>
Expand Down
8 changes: 6 additions & 2 deletions css/estil.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -251,6 +251,10 @@ footer li:not(:last-child) {
margin-bottom: 6px;
}

#xarxes-socials li {
display: inline-block;
}

/* ---------------------------------------------
footer i header
--------------------------------------------- */
Expand Down Expand Up @@ -791,11 +795,11 @@ div.video-text p {
text-align: end;
}

footer li {
#footer-links li {
display: inline-block;
}

footer li+li:before {
#footer-links li+li:before {
content: "|";
padding: 0 8px;
}
Expand Down
12 changes: 7 additions & 5 deletions entrada.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -121,20 +121,22 @@ <h2>Conclusió</h2>
</div>
</main>
<footer>
<div class="footer-logo">
<div>
<a href="index.html"><img src="img/logoVital360-n.svg" alt="logo image" class="logo"></a>
</div>
<div id="xarxes-socials">
<a href="#" target="_blank"><img src="img/twitter.svg" alt="X"></a>
<a href="#" target="_blank"><img src="img/instagram.svg" alt="instagram"></a>
<a href="#" target="_blank"><img src="img/youtube.svg" alt="youtube"></a>
<ul>
<li><a href="#" target="_blank"><img src="img/twitter.svg" alt="X"></a></li>
<li><a href="#" target="_blank"><img src="img/instagram.svg" alt="instagram"></a></li>
<li><a href="#" target="_blank"><img src="img/youtube.svg" alt="youtube"></a></li>
</ul>
</div>
<div>
2023-2024 | Robert Buj Gelonch
</div>
<div>
<nav role="navigation" aria-label="Avisos legals">
<ul>
<ul id="footer-links">
<li><a href="#" target="_blank">Política de privadesa</a></li>
<li><a href="#" target="_blank">Política de cookies</a></li>
<li><a href="#" target="_blank">Avís legal</a></li>
Expand Down
10 changes: 6 additions & 4 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -162,16 +162,18 @@ <h2>Consells per a un estil de vida saludable</h2>
<a href="index.html"><img src="img/logoVital360-n.svg" alt="logo image" class="logo"></a>
</div>
<div id="xarxes-socials">
<a href="#" target="_blank"><img src="img/twitter.svg" alt="X"></a>
<a href="#" target="_blank"><img src="img/instagram.svg" alt="instagram"></a>
<a href="#" target="_blank"><img src="img/youtube.svg" alt="youtube"></a>
<ul>
<li><a href="#" target="_blank"><img src="img/twitter.svg" alt="X"></a></li>
<li><a href="#" target="_blank"><img src="img/instagram.svg" alt="instagram"></a></li>
<li><a href="#" target="_blank"><img src="img/youtube.svg" alt="youtube"></a></li>
</ul>
</div>
<div>
2023-2024 | Robert Buj Gelonch
</div>
<div>
<nav role="navigation" aria-label="Avisos legals">
<ul>
<ul id="footer-links">
<li><a href="#" target="_blank">Política de privadesa</a></li>
<li><a href="#" target="_blank">Política de cookies</a></li>
<li><a href="#" target="_blank">Avís legal</a></li>
Expand Down
12 changes: 7 additions & 5 deletions videos.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -83,20 +83,22 @@ <h1>Vídeos d'exercici benestar</h1>
</div>
</main>
<footer>
<div class="footer-logo">
<div>
<a href="index.html"><img src="img/logoVital360-n.svg" alt="logo image" class="logo"></a>
</div>
<div id="xarxes-socials">
<a href="#" target="_blank"><img src="img/twitter.svg" alt="X"></a>
<a href="#" target="_blank"><img src="img/instagram.svg" alt="instagram"></a>
<a href="#" target="_blank"><img src="img/youtube.svg" alt="youtube"></a>
<ul>
<li><a href="#" target="_blank"><img src="img/twitter.svg" alt="X"></a></li>
<li><a href="#" target="_blank"><img src="img/instagram.svg" alt="instagram"></a></li>
<li><a href="#" target="_blank"><img src="img/youtube.svg" alt="youtube"></a></li>
</ul>
</div>
<div>
2023-2024 | Robert Buj Gelonch
</div>
<div>
<nav role="navigation" aria-label="Avisos legals">
<ul>
<ul id="footer-links">
<li><a href="#" target="_blank">Política de privadesa</a></li>
<li><a href="#" target="_blank">Política de cookies</a></li>
<li><a href="#" target="_blank">Avís legal</a></li>
Expand Down

0 comments on commit 87dea0b

Please sign in to comment.