move social media links in footer

This commit is contained in:
2025-04-09 20:40:12 +04:00
parent 85ac69153c
commit c4c7d9f2a8
2 changed files with 19 additions and 15 deletions
+9 -4
View File
@@ -729,15 +729,20 @@ img {
.footer-social {
display: flex;
justify-content: flex-start;
justify-content: center;
margin-bottom: 20px;
align-self: flex-start;
align-self: center;
}
.footer-social a {
margin: 0 10px 0 0;
font-size: 24px;
margin: 0 15px;
font-size: 28px;
color: var(--text-color);
transition: transform 0.2s;
}
.footer-social a:hover {
transform: scale(1.2);
}
.footer-contact {
+10 -11
View File
@@ -6,16 +6,7 @@
<img src="img/logo.png" alt="Kaubuntu.re">
</div>
<div class="footer-social">
<a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
<a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
<a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
<a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
<a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
</div>
<div class="footer-contact">CONTACT</div>
<div class="footer-email">zinfos@kaubuntu.com</div>
<div class="footer-email"><a href="mailto:<?php echo CONTACT_EMAIL; ?>"><strong><?php echo CONTACT_EMAIL; ?></strong></a></div>
</div>
<div class="footer-column">
@@ -53,7 +44,15 @@
</div>
</div>
<div class="footer-social">
<a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
<a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
<a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
<a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
<a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
</div>
<div class="footer-copyright">
<strong><?php echo LEGAL_COPYRIGHT; ?></strong> <?php echo date('Y'); ?> - Licence libre <a href="<?php echo LEGAL_LICENSE_URL; ?>" target="_blank" rel="noopener noreferrer">GNU AGPL-V3</a>
Kaubuntu.re <?php echo date('Y'); ?> - Licence libre <a href="<?php echo LEGAL_LICENSE_URL; ?>" target="_blank" rel="noopener noreferrer">GNU AGPL-V3</a>
</div>
</div>