support/website-kh3
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

social icons
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
support 2026-03-05 08:27:08 +00:00
parent aba6eaa57f
commit 985eda807c
2 changed files with 20 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/components/footer.html
View file

@ -38,10 +38,10 @@
<h3 class="text-lg font-semibold text-white mb-4 uppercase tracking-wider">Navigate</h3>
<ul class="space-y-3">
<li><a href="index.html" class="hover:text-kh3-red transition-colors">Home</a></li>
<li><a href="about.html" class="hover:text-kh3-red transition-colors">Why KH3</a></li>
<li><a href="services.html" class="hover:text-kh3-red transition-colors">How We Work</a>
<li><a href="why.html" class="hover:text-kh3-red transition-colors">Why KH3</a></li>
<li><a href="how.html" class="hover:text-kh3-red transition-colors">How We Work</a>
</li>
<li><a href="projects.html" class="hover:text-kh3-red transition-colors">Our What</a></li>
<li><a href="what.html" class="hover:text-kh3-red transition-colors">Our What</a></li>
<li><a href="who.html" class="hover:text-kh3-red transition-colors">Who We Are</a></li>
</ul>
</div>
@ -57,10 +57,22 @@
</ul>
<!-- Social Icons (add your links) -->
<div class="flex justify-center md:justify-start space-x-4 mt-6">
<a href="https://linkedin.com" aria-label="LinkedIn"
class="hover:text-kh3-red transition-colors">LinkedIn</a>
<a href="https://instagram.com" aria-label="Instagram"
class="hover:text-kh3-red transition-colors">Instagram</a>
<a href="https://www.linkedin.com/company/kh3" aria-label="LinkedIn"
class="hover:text-kh3-red transition-colors focus:outline-none focus:ring-2 focus:ring-kh3-red focus:ring-offset-2 focus:ring-offset-kh3-black rounded">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
class="w-6 h-6">
<path
d="M4.98 3.5C4.98 4.88 3.88 6 2.5 6S0 4.88 0 3.5 1.12 1 2.5 1s2.48 1.12 2.48 2.5zM0 8h5v16H0V8zm7.5 0h4.8v2.2h.07c.67-1.27 2.3-2.6 4.73-2.6C22.42 7.6 24 9.3 24 13.1V24h-5v-9.3c0-2.2-.8-3.7-2.8-3.7-1.53 0-2.44 1.03-2.84 2.02-.15.36-.18.86-.18 1.36V24h-5V8z" />
</svg>
</a>
<a href="https://www.instagram.com/the_rkh3limited" aria-label="Instagram"
class="hover:text-kh3-red transition-colors focus:outline-none focus:ring-2 focus:ring-kh3-red focus:ring-offset-2 focus:ring-offset-kh3-black rounded">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"
class="w-6 h-6">
<path
d="M7.75 2C4.57 2 2 4.57 2 7.75v8.5C2 19.43 4.57 22 7.75 22h8.5C19.43 22 22 19.43 22 16.25v-8.5C22 4.57 19.43 2 16.25 2h-8.5zm0 2h8.5C18.01 4 20 5.99 20 7.75v8.5c0 1.76-1.99 3.75-3.75 3.75h-8.5C5.99 20 4 18.01 4 16.25v-8.5C4 5.99 5.99 4 7.75 4zm9.5 1.5a1.25 1.25 0 100 2.5 1.25 1.25 0 000-2.5zM12 7a5 5 0 100 10 5 5 0 000-10zm0 2a3 3 0 110 6 3 3 0 010-6z" />
</svg>
</a>
</div>
</div>

2
src/index.html
View file

@ -50,7 +50,7 @@
<div class="absolute bottom-8 left-1/2 transform -translate-x-1/2 z-20 opacity-0 hidden md:flex items-center gap-4"
data-anim="fade-in-up" data-anim-delay="1200">
<a href="about.html" data-trans="crossfade"
<a href="why.html" data-trans="crossfade"
class="inline-block uppercase tracking-wider px-6 py-3 text-base border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-md animate-border-glow">
Why KH3
</a>