Acorn_Media/warmseal-roofing
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update social media links in navigation and adjust CSS for social media icons

Browse Source
This commit is contained in:
Gary 2025-05-08 14:13:28 +01:00
parent bb47678da6
commit 580f3a4f49
4 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/style.css
View File

@ -8179,7 +8179,7 @@ h1, h2, h3, h4, h5,
.social-media p a {
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 4px;
background: rgba(255, 255, 255, 0.1);
background: var(--blue); }

BIN
images/projects.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 138 KiB

After

Width:  |  Height:  |  Size: 250 KiB

BIN
images/services.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 119 KiB

After

Width:  |  Height:  |  Size: 2.5 MiB

10
includes/nav.php
View File

@ -7,11 +7,11 @@
</div>
<div class="col-3 d-flex justify-content-end align-items-center">
<div class="social-media">
<p class="mb-0 d-flex">
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-facebook"></i></span></a>
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-twitter"></i></span></a>
<a href="#" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-instagram"></i></span></a>
</p>
<p class="mb-0 d-flex">
<a href="facebook.com" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-facebook"></i></span></a>
<a href="twitter.com" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-twitter"></i></span></a>
<a href="instagram.com" target="_blank" class="d-flex align-items-center justify-content-center"><span><i class="fab fa-instagram"></i></span></a>
</p>
</div>
</div>
</div>