fix: adjust indentation and formatting in index.html for improved readability

This commit is contained in:
George Birikorang 2025-08-31 22:47:49 -04:00
parent a2fe128ff7
commit 9111542693

View file

@ -44,8 +44,8 @@
<!-- Navigation items in inverted C shape --> <!-- Navigation items in inverted C shape -->
<div class="space-y-6"> <div class="space-y-6">
<!-- HOME - Top --> <!-- HOME - Top -->
<a <a
href="index.html" href="index.html"
class="block text-white text-xl md:text-lg font-medium border-b border-white pb-1 ml-0 font-montserrat opacity-0 animate-fade-in-left" class="block text-white text-xl md:text-lg font-medium border-b border-white pb-1 ml-0 font-montserrat opacity-0 animate-fade-in-left"
style=" style="
animation-delay: 0.05s; animation-delay: 0.05s;
@ -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;
@ -455,7 +455,7 @@
>DESIGN</span >DESIGN</span
> >
</div> </div>
</div> </div>
<!-- DELIVER --> <!-- DELIVER -->
<div class="flex items-center gap-6"> <div class="flex items-center gap-6">
@ -529,7 +529,7 @@
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>
<!-- Mobile CTA bar: About & Contacts (centered) --> <!-- Mobile CTA bar: About & Contacts (centered) -->
<div <div
@ -537,14 +537,14 @@
style="animation: fadeInUp 0.8s ease-out 1.2s forwards" style="animation: fadeInUp 0.8s ease-out 1.2s forwards"
> >
<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
@ -552,7 +552,7 @@
</div> </div>
</div> </div>
</section> </section>
</div> </div>
<!-- Custom Cursor --> <!-- Custom Cursor -->
<div <div