georgebiri/kh3_website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix: standardize indentation and improve layout consistency in index.html for better readability and structure

Browse source
This commit is contained in:
George Birikorang 2025-09-02 07:40:31 -04:00
parent 9f0d845eef
commit 7d35a5a187
1 changed files with 31 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

62
index.html
View file

@ -35,7 +35,7 @@
>KH3</span >KH3</span
> >
</a> </a>
</div> </div>
<!-- Navigation Links - Inverted C Layout --> <!-- Navigation Links - Inverted C Layout -->
<nav class="flex-1 relative"> <nav class="flex-1 relative">
@ -54,7 +54,7 @@
" "
> >
<span class="md:hidden">HOME</span> <span class="md:hidden">HOME</span>
<span <span
class="hidden md:inline" class="hidden md:inline"
style=" style="
animation-delay: 0.05s; animation-delay: 0.05s;
@ -63,7 +63,7 @@
" "
>H</span >H</span
> >
<span <span
class="hidden md:inline" class="hidden md:inline"
style=" style="
animation-delay: 0.075s; animation-delay: 0.075s;
@ -93,8 +93,8 @@
</a> </a>
<!-- WHY - Slightly right --> <!-- WHY - Slightly right -->
<a <a
href="about.html" href="about.html"
class="block text-white text-xl md:text-lg font-medium hover:text-kh3-red transition-colors ml-0 md:ml-6 font-montserrat opacity-0 animate-fade-in-left" class="block text-white text-xl md:text-lg font-medium hover:text-kh3-red transition-colors ml-0 md:ml-6 font-montserrat opacity-0 animate-fade-in-left"
style=" style="
animation-delay: 0.2s; animation-delay: 0.2s;
@ -134,8 +134,8 @@
</a> </a>
<!-- HOW - More right --> <!-- HOW - More right -->
<a <a
href="services.html" href="services.html"
class="block text-white text-xl md:text-lg font-medium hover:text-kh3-red transition-colors ml-0 md:ml-12 font-montserrat opacity-0 animate-fade-in-left" class="block text-white text-xl md:text-lg font-medium hover:text-kh3-red transition-colors ml-0 md:ml-12 font-montserrat opacity-0 animate-fade-in-left"
style=" style="
animation-delay: 0.35s; animation-delay: 0.35s;
@ -266,8 +266,8 @@
</a> </a>
<!-- CONTACTS - More right --> <!-- CONTACTS - More right -->
<a <a
href="contact.html" href="contact.html"
class="block text-white text-xl md:text-lg font-medium hover:text-kh3-red transition-colors ml-0 md:ml-12 font-montserrat opacity-0 animate-fade-in-left" class="block text-white text-xl md:text-lg font-medium hover:text-kh3-red transition-colors ml-0 md:ml-12 font-montserrat opacity-0 animate-fade-in-left"
style=" style="
animation-delay: 0.75s; animation-delay: 0.75s;
@ -393,17 +393,17 @@
<div class="menu-outline" aria-hidden="true"></div> <div class="menu-outline" aria-hidden="true"></div>
<div <div
class="grid grid-cols-3 gap-1 w-6 h-6 relative" class="grid grid-cols-3 gap-1 w-6 h-6 relative"
id="menuGrid" id="menuGrid"
> >
<span class="w-1 h-1 bg-white"></span> <span class="w-1 h-1 bg-white"></span>
<span class="w-1 h-1 bg-white"></span> <span class="w-1 h-1 bg-white"></span>
<span class="w-1 h-1 bg-white"></span> <span class="w-1 h-1 bg-white"></span>
<span class="w-1 h-1 bg-white"></span> <span class="w-1 h-1 bg-white"></span>
<span class="w-1 h-1 bg-white"></span> <span class="w-1 h-1 bg-white"></span>
<span class="w-1 h-1 bg-white"></span> <span class="w-1 h-1 bg-white"></span>
<span class="w-1 h-1 bg-white"></span> <span class="w-1 h-1 bg-white"></span>
<span class="w-1 h-1 bg-white"></span> <span class="w-1 h-1 bg-white"></span>
<span class="w-1 h-1 bg-white"></span> <span class="w-1 h-1 bg-white"></span>
</div> </div>
<div <div
id="menuPetal" id="menuPetal"
@ -444,7 +444,7 @@
class="w-3 h-3 bg-kh3-red transform rotate-45 -mt-1.5" class="w-3 h-3 bg-kh3-red transform rotate-45 -mt-1.5"
></div> ></div>
<div class="w-px h-8 bg-kh3-red"></div> <div class="w-px h-8 bg-kh3-red"></div>
</div> </div>
<div class="flex items-center h-16"> <div class="flex items-center h-16">
<span <span
class="text-xs md:text-sm tracking-widest text-neutral-400" class="text-xs md:text-sm tracking-widest text-neutral-400"
@ -523,18 +523,18 @@
<div class="flex items-center gap-4"> <div class="flex items-center gap-4">
<a <a
href="about.html" href="about.html"
data-trans data-trans
class="px-4 py-2 text-sm uppercase tracking-wider border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none" class="px-4 py-2 text-sm uppercase tracking-wider border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none"
>Why</a >Why</a
> >
<a <a
href="contact.html" href="contact.html"
data-trans data-trans
class="px-4 py-2 text-sm uppercase tracking-wider border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none" class="px-4 py-2 text-sm uppercase tracking-wider border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none"
>Contacts</a >Contacts</a
> >
</div> </div>
</div> </div>
</div> </div>
</div> </div>
@ -545,7 +545,7 @@
> >
<a <a
class="inline-block uppercase tracking-wider px-5 py-2 md:px-6 md:py-3 text-sm md:text-base border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none animate-border-glow" class="inline-block uppercase tracking-wider px-5 py-2 md:px-6 md:py-3 text-sm md:text-base border border-white text-white hover:bg-kh3-red hover:border-kh3-red transition-all duration-300 rounded-none animate-border-glow"
href="about.html" href="about.html"
data-trans data-trans
> >
Why Why
@ -566,9 +566,9 @@
WHO WHO
</a> </a>
<div class="w-6 md:w-8 h-px bg-kh3-red"></div> <div class="w-6 md:w-8 h-px bg-kh3-red"></div>
</div> </div>
</section> </section>
</div> </div>
<!-- Custom Cursor --> <!-- Custom Cursor -->
<div <div