fix: remove redundant text elements and standardize layout properties across multiple HTML files for improved consistency

This commit is contained in:
George Birikorang 2025-09-02 08:01:20 -04:00
parent 7d35a5a187
commit 914de4c029
8 changed files with 26 additions and 63 deletions

View file

@ -28,7 +28,7 @@
<div class="flex items-center gap-3 mb-12">
<a href="index.html" class="flex items-center gap-3 hover:opacity-80 transition-opacity">
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
<span class="text-white text-2xl font-bold tracking-wider">KH3</span>
</a>
</div>
@ -360,10 +360,7 @@
alt="KH3"
class="w-12 h-12"
/>
<span
class="text-white text-2xl font-bold tracking-wider drop-shadow-lg"
>KH3</span
>
</div>
</div>
@ -892,7 +889,7 @@
alt="KH3"
class="w-12 h-12"
/>
<span class="text-2xl font-bold tracking-wider">KH3</span>
</a>
<p class="text-neutral-300 leading-relaxed">
Building inspiring spaces through innovative construction and
@ -967,7 +964,7 @@
alt="KH3"
class="w-16 h-16"
/>
<span class="text-4xl font-bold tracking-wider">KH3</span>
</a>
<div class="w-64 h-1 bg-neutral-800 rounded-full overflow-hidden">
<div class="h-full bg-kh3-red rounded-full animate-pulse"></div>
@ -1378,25 +1375,15 @@
}
/* Section classes for targeting */
.hero-section {
/* This class will be added to the hero section for targeting */
}
.dream-design-deliver {
/* This class will be added to the dream design deliver section for targeting */
}
.mission-vision {
/* This class will be added to the mission vision section for targeting */
}
.values-section {
/* This class will be added to the values section for targeting */
}
.team-section {
/* This class will be added to the team section for targeting */
}
.hero-section { contain: layout; }
.dream-design-deliver { contain: layout; }
.mission-vision { contain: layout; }
.values-section { contain: layout; }
.team-section { contain: layout; }
</style>
<script src="js/main.js"></script>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 186 KiB

After

Width:  |  Height:  |  Size: 121 KiB

Before After
Before After

BIN
assets/images/kh3_logo2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

View file

@ -30,7 +30,7 @@
<div class="flex items-center gap-3 mb-12">
<a href="index.html" class="flex items-center gap-3 hover:opacity-80 transition-opacity">
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
<span class="text-white text-2xl font-bold tracking-wider">KH3</span>
</a>
</div>
@ -363,9 +363,7 @@
alt="KH3"
class="w-12 h-12"
/>
<span class="text-white text-2xl font-bold tracking-wider drop-shadow-lg"
>KH3</span
>
</a>
</div>
@ -710,7 +708,7 @@
alt="KH3"
class="w-12 h-12"
/>
<span class="text-2xl font-bold tracking-wider">KH3</span>
</a>
<div class="flex space-x-8">
<a

View file

@ -31,9 +31,6 @@
class="flex items-center gap-3 hover:opacity-80 transition-opacity"
>
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
<span class="text-white text-2xl font-bold tracking-wider"
>KH3</span
>
</a>
</div>
@ -372,9 +369,6 @@
class="flex items-center gap-3 animate-logo-float hover:opacity-80 transition-opacity"
>
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-16 h-16" />
<span class="text-white text-2xl font-bold tracking-wider"
>KH3</span
>
</a>
</div>
@ -587,7 +581,6 @@
class="flex items-center gap-3 mb-8 hover:opacity-80 transition-opacity justify-center"
>
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-16 h-16" />
<span class="text-4xl font-bold tracking-wider">KH3</span>
</a>
<div class="w-64 h-1 bg-neutral-800 rounded-full overflow-hidden">
<div class="h-full bg-kh3-red rounded-full animate-pulse"></div>
@ -771,7 +764,7 @@
/* Hero section class for targeting */
.hero-section {
/* This class will be added to the hero section for targeting */
contain: layout;
}
@keyframes slideOutLeft {

View file

@ -30,9 +30,6 @@
class="flex items-center gap-3 hover:opacity-80 transition-opacity"
>
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
<span class="text-white text-2xl font-bold tracking-wider"
>KH3</span
>
</a>
</div>
@ -363,10 +360,6 @@
class="flex items-center gap-3 hover:opacity-80 transition-opacity"
>
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
<span
class="text-white text-2xl font-bold tracking-wider drop-shadow-lg"
>KH3</span
>
</a>
</div>
@ -1141,7 +1134,7 @@
/* Hero section class for targeting */
.hero-section {
/* This class will be added to the hero section for targeting */
contain: layout;
}
/* Homepage-style menu outline and waves */

View file

@ -163,9 +163,7 @@
}
/* Hero section class for targeting */
.hero-section {
/* This class will be added to the hero section for targeting */
}
.hero-section { contain: layout; }
/* Homepage-style menu outline and waves */
#menuWrap { position: relative; overflow: visible; }
@ -195,8 +193,8 @@
<!-- Logo -->
<div class="flex items-center gap-3 mb-12">
<a href="index.html" class="flex items-center gap-3 hover:opacity-80 transition-opacity">
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-20 h-20" />
<span class="text-white text-2xl font-bold tracking-wider">KH3</span>
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
</a>
</div>
@ -526,12 +524,9 @@
<img
src="assets/images/kh3_logo.png"
alt="KH3"
class="w-20 h-20"
class="w-12 h-12"
/>
<span
class="text-white text-2xl font-bold tracking-wider drop-shadow-lg"
>KH3</span
>
</a>
</div>

View file

@ -28,7 +28,7 @@
<div class="flex items-center gap-3 mb-12">
<a href="index.html" class="flex items-center gap-3 hover:opacity-80 transition-opacity">
<img src="assets/images/kh3_logo.png" alt="KH3" class="w-12 h-12" />
<span class="text-white text-2xl font-bold tracking-wider">KH3</span>
</a>
</div>
@ -360,10 +360,7 @@
alt="KH3"
class="w-12 h-12"
/>
<span
class="text-white text-2xl font-bold tracking-wider drop-shadow-lg"
>KH3</span
>
</div>
</div>
@ -1064,7 +1061,7 @@
alt="KH3"
class="w-16 h-16"
/>
<span class="text-4xl font-bold tracking-wider">KH3</span>
</a>
<div class="w-64 h-1 bg-neutral-800 rounded-full overflow-hidden">
<div class="h-full bg-kh3-red rounded-full animate-pulse"></div>