Skip to content

Commit 2186b2a

Browse files
GPlemonGPlemon
committed
footer update
1 parent 4ce9a92 commit 2186b2a

File tree

2 files changed

+86
-69
lines changed

2 files changed

+86
-69
lines changed

‎.vscode/.server-controller-port.log‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"port": 13452,
3+
"time": 1741791328732,
4+
"version": "0.0.3"
5+
}

‎index.html‎

Lines changed: 81 additions & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -587,79 +587,91 @@ <h4 class="position-relative d-block h3 mx-4 text-center ">Fun Coding Projects
587587
</main>
588588
</body>
589589

590-
<article class=" shadow-sm w-100" style="border-radius: 50px;">
591-
592-
<div>
593-
<div class="p-4 rounded">
594-
<aside>
595-
<h5 class="font-weight-light mt-4">Contact Information </h5>
596-
<h6 class="font-weight-light mt-4 text-white">
597-
Find me on linkedin, facebook or dev </h6>
598-
</aside>
599-
600-
<a href="https://www.facebook.com/gabriel.pocevicius"><span><svg class='animate-link-effect' version="1.1"
601-
id="Capa_1" x="0px" y="0px" width="54px" height="54px" viewBox="0 0 60.734 60.733"
602-
style="enable-background:new 0 0 60.734 60.733;">
603-
<g>
604-
<path
605-
d="M57.378,0.001H3.352C1.502,0.001,0,1.5,0,3.353v54.026c0,1.853,1.502,3.354,3.352,3.354h29.086V37.214h-7.914v-9.167h7.914 v-6.76c0-7.843,4.789-12.116,11.787-12.116c3.355,0,6.232,0.251,7.071,0.36v8.198l-4.854,0.002c-3.805,0-4.539,1.809-4.539,4.462 v5.851h9.078l-1.187,9.166h-7.892v23.52h15.475c1.852,0,3.355-1.503,3.355-3.351V3.351C60.731,1.5,59.23,0.001,57.378,0.001z" />
606-
</g>
607-
</svg></span></a>
608-
609-
<a href="https://dev.to/gabrieliuspocevicius" id="Capa_1" x="0px" y="0px">
610-
<span><svg class='animate-link-effect' viewBox="0 32 447.99999999999994 448" xmlns="http://www.w3.org/2000/svg"
611-
width="46px" height="46px">
612-
<path
613-
d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35s5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58z" />
614-
</svg>
615-
</span>
616-
</a>
617-
618-
<a href="https://www.linkedin.com/in/gabrielius-pocevicius-83344b201/">
619-
<svg class=' animate-link-effect' version="1.1" id="Capa_1" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="54px" height="54px" viewBox="0 0 510 510" style="enable-background:new 0 0 510 510;">
620-
<g id="post-linkedin">
621-
<path
622-
d="M459,0H51C22.95,0,0,22.95,0,51v408c0,28.05,22.95,51,51,51h408c28.05,0,51-22.95,51-51V51C510,22.95,487.05,0,459,0z M153,433.5H76.5V204H153V433.5z M114.75,160.65c-25.5,0-45.9-20.4-45.9-45.9s20.4-45.9,45.9-45.9s45.9,20.4,45.9,45.9 S140.25,160.65,114.75,160.65z M433.5,433.5H357V298.35c0-20.399-17.85-38.25-38.25-38.25s-38.25,17.851-38.25,38.25V433.5H204 V204h76.5v30.6c12.75-20.4,40.8-35.7,63.75-35.7c48.45,0,89.25,40.8,89.25,89.25V433.5z" />
623-
</g>
624-
625-
</svg>
626-
</a>
627-
628-
<a href="https://github.com/gabrieliusPocevicius">
629-
<svg class='m-2 animate-link-effect' height="54px" width="54px" viewBox="0 0 16 16" version="1.1" width="32" aria-hidden="true">
630-
<path fill="white"
631-
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z">
632-
</path>
633-
</svg>
634-
</a>
635-
636-
</div>
590+
<footer class="container social-footer shadow-sm w-100 p-4" style="border-radius: 50px;">
591+
<div class="social-links-container d-flex justify-content-center align-items-center flex-wrap gap-3 mb-4">
592+
<!-- Facebook Link -->
593+
<a href="https://www.facebook.com/gabriel.pocevicius" aria-label="Facebook Profile" class=" social-link m-1">
594+
<svg class="social-icon" version="1.1" width="40" height="40" viewBox="0 0 60.734 60.733">
595+
<title>Facebook</title>
596+
<path d="M57.378,0.001H3.352C1.502,0.001,0,1.5,0,3.353v54.026c0,1.853,1.502,3.354,3.352,3.354h29.086V37.214h-7.914v-9.167h7.914v-6.76c0-7.843,4.789-12.116,11.787-12.116c3.355,0,6.232,0.251,7.071,0.36v8.198l-4.854,0.002c-3.805,0-4.539,1.809-4.539,4.462v5.851h9.078l-1.187,9.166h-7.892v23.52h15.475c1.852,0,3.355-1.503,3.355-3.351V3.351C60.731,1.5,59.23,0.001,57.378,0.001z" />
597+
</svg>
598+
</a>
599+
600+
<!-- Dev.to Link -->
601+
<a href="https://dev.to/gabrieliuspocevicius" aria-label="Dev.to Profile" class="social-link m-1">
602+
<svg class="social-icon" viewBox="0 32 448 448" width="40" height="40">
603+
<title>Dev.to</title>
604+
<path d="M120.12 208.29c-3.88-2.9-7.77-4.35-11.65-4.35H91.03v104.47h17.45c3.88 0 7.77-1.45 11.65-4.35s5.82-7.25 5.82-13.06v-69.65c-.01-5.8-1.96-10.16-5.83-13.06zM404.1 32H43.9C19.7 32 .06 51.59 0 75.8v360.4C.06 460.41 19.7 480 43.9 480h360.2c24.21 0 43.84-19.59 43.9-43.8V75.8c-.06-24.21-19.7-43.8-43.9-43.8zM154.2 291.19c0 18.81-11.61 47.31-48.36 47.25h-46.4V172.98h47.38c35.44 0 47.36 28.46 47.37 47.28zm100.68-88.66H201.6v38.42h32.57v29.57H201.6v38.41h53.29v29.57h-62.18c-11.16.29-20.44-8.53-20.72-19.69V193.7c-.27-11.15 8.56-20.41 19.71-20.69h63.19zm103.64 115.29c-13.2 30.75-36.85 24.63-47.44 0l-38.53-144.8h32.57l29.71 113.72 29.57-113.72h32.58z" />
605+
</svg>
606+
</a>
607+
608+
<!-- LinkedIn Link -->
609+
<a href="https://www.linkedin.com/in/gabrielius-pocevicius-83344b201/" aria-label="LinkedIn Profile" class="social-link m-1">
610+
<svg class="social-icon" width="40" height="40" viewBox="0 0 510 510">
611+
<title>LinkedIn</title>
612+
<path d="M459,0H51C22.95,0,0,22.95,0,51v408c0,28.05,22.95,51,51,51h408c28.05,0,51-22.95,51-51V51C510,22.95,487.05,0,459,0z M153,433.5H76.5V204H153V433.5z M114.75,160.65c-25.5,0-45.9-20.4-45.9-45.9s20.4-45.9,45.9-45.9s45.9,20.4,45.9,45.9S140.25,160.65,114.75,160.65z M433.5,433.5H357V298.35c0-20.399-17.85-38.25-38.25-38.25s-38.25,17.851-38.25,38.25V433.5H204V204h76.5v30.6c12.75-20.4,40.8-35.7,63.75-35.7c48.45,0,89.25,40.8,89.25,89.25V433.5z" />
613+
</svg>
614+
</a>
615+
616+
<!-- GitHub Link -->
617+
<a href="https://github.com/GPlemon" aria-label="GitHub Profile" class="m-4 social-link">
618+
<svg class="social-icon" height="40" width="40" viewBox="0 0 16 16">
619+
<title>GitHub</title>
620+
<path fill="black" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z" />
621+
</svg>
622+
</a>
623+
</div>
624+
625+
626+
627+
</footer>
637628

638629

639-
</div>
640-
<span class="py-4 px-4 font-weight-light mt-4">
641-
<svg class="d-block container" width="54px" height="54px" viewBox="0 0 612 612" xmlns="http://www.w3.org/2000/svg"
642-
focusable="false">
643-
<path fill="currentColor"
644-
d="M510 8a94.3 94.3 0 0 1 94 94v408a94.3 94.3 0 0 1-94 94H102a94.3 94.3 0 0 1-94-94V102a94.3 94.3 0 0 1 94-94h408m0-8H102C45.9 0 0 45.9 0 102v408c0 56.1 45.9 102 102 102h408c56.1 0 102-45.9 102-102V102C612 45.9 566.1 0 510 0z">
645-
</path>
646-
<path fill="currentColor"
647-
d="M196.77 471.5V154.43h124.15c54.27 0 91 31.64 91 79.1 0 33-24.17 63.72-54.71 69.21v1.76c43.07 5.49 70.75 35.82 70.75 78 0 55.81-40 89-107.45 89zm39.55-180.4h63.28c46.8 0 72.29-18.68 72.29-53 0-31.42-21.53-48.78-60-48.78h-75.57zm78.22 145.46c47.68 0 72.73-19.34 72.73-56s-25.93-55.37-76.46-55.37h-74.49v111.4z">
648-
</path>
649-
</svg>
650-
</span>
651-
652-
<!-- <div class="py-4 px-4 font-weight-light mt-4 ">
653-
654-
<aside class='position-relative'>Contact No: <b class=" rounded py-4 px-4">+353 83 872 7876</b>
655-
</aside>
656-
</div> -->
657-
658-
659-
</article>
660630
<!-- npm install aos --save -->
661631

662632
</html>
663633
<script async defer>
664634
AOS.init();
665-
</script>
635+
</script>
636+
637+
<style>
638+
.social-footer {
639+
640+
transition: all 0.3s ease;
641+
}
642+
643+
.social-link {
644+
display: inline-flex;
645+
justify-content: center;
646+
align-items: center;
647+
padding: 10px;
648+
border-radius: 50%;
649+
background-color: #f1f1f1;
650+
transition: transform 0.3s ease, background-color 0.3s ease;
651+
}
652+
653+
.social-link:hover {
654+
transform: translateY(-5px);
655+
}
656+
657+
.social-icon {
658+
transition: fill 0.3s ease;
659+
}
660+
661+
.social-link:hover .social-icon {
662+
fill: #007bff;
663+
}
664+
665+
.contact-link {
666+
padding: 5px 10px;
667+
border-radius: 20px;
668+
text-decoration: none;
669+
color: #333;
670+
font-weight: bold;
671+
transition: background-color 0.3s ease;
672+
}
673+
674+
.contact-link:hover {
675+
color: white;
676+
}
677+
</style>

0 commit comments

Comments
 (0)