FIX: bad animatio
This commit is contained in:
10
index.html
10
index.html
@@ -111,11 +111,9 @@
|
||||
.hero-title {
|
||||
animation: fadeInBottom 0.8s ease-out 0.3s forwards;
|
||||
opacity: 0;
|
||||
font-size: 120%;
|
||||
}
|
||||
.hero-subtitle {
|
||||
animation: fadeInBottom 0.8s ease-out 1.0s forwards;
|
||||
opacity: 0;
|
||||
}
|
||||
/* Removed animation from subtitle */
|
||||
</style>
|
||||
</head>
|
||||
<body class="w-full">
|
||||
@@ -123,10 +121,10 @@
|
||||
<!-- Section 1: Hero / Landing Page -->
|
||||
<section id="hero" class="hero-section h-screen flex flex-col items-center justify-center text-center relative overflow-hidden">
|
||||
<div class="content-container pb-16">
|
||||
<h1 class="hero-title text-5xl md:text-7xl tracking-wide gradient-text pb-4">
|
||||
<h1 class="hero-title text-6xl md:text-8xl tracking-wide gradient-text pb-4">
|
||||
<span class="font-medium">Making</span> <span class="font-extrabold">Technology</span> <span class="font-medium">Work</span>
|
||||
</h1>
|
||||
<p class="hero-subtitle text-sky-300 text-sm md:text-base tracking-wider opacity-20">Empowering people through innovation</p>
|
||||
<p class="text-sky-300 text-sm md:text-base tracking-wider opacity-20">Empowering people through innovation</p>
|
||||
</div>
|
||||
<a href="#about" class="absolute bottom-10 flex flex-col items-center text-gray-400 hover:text-white transition-colors duration-300 no-underline">
|
||||
<div class="scroll-down-chevron mb-2"></div>
|
||||
|
||||
Reference in New Issue
Block a user