<h2>Grade 10 Pathway Selection Portal Login Link</h2>
<p><strong><a href="https://selection.education.go.ke/">Click here for a quick login.</a></strong></p>
<div class="relative z-20">
<div class="sticky top-0 bg-[#06cdff] z-50">
<div class="max-w-6xl xxl:max-w-7xl mx-auto py-4 px-6 md:px-10 xl:px-0 sticky top-0">
<div class="flex items-center justify-between">
<div class="shrink-0">
<figure id="attachment_720234" aria-describedby="caption-attachment-720234" style="width: 1020px" class="wp-caption alignnone"><img class="size-full wp-image-720234" src="https://educationnewshub.co.ke/wp-content/uploads/2025/06/Grade-10-Pathway-Selection-Portal-Login-Link.avif" alt="Grade 10 Pathway Selection Portal Login Link" width="1020" height="639" /><figcaption id="caption-attachment-720234" class="wp-caption-text">Grade 10 Pathway Selection Portal Login Link</figcaption></figure>
</div>
<div class="hidden lg:block">
<div class="flex justify-center lg:block">
<ul class="flex items-center">
<li><a href="https://selection.education.go.ke/"><button class="ant-btn css-1bnmg16 ant-btn-text ant-btn-color-default ant-btn-variant-text underline" type="button">HOME</button></a></li>
<li><a href="https://selection.education.go.ke/about"><button class="ant-btn css-1bnmg16 ant-btn-text ant-btn-color-default ant-btn-variant-text no-underline" type="button">ABOUT</button></a></li>
<li><a href="https://selection.education.go.ke/pathways"><button class="ant-btn css-1bnmg16 ant-btn-text ant-btn-color-default ant-btn-variant-text no-underline" type="button">PATHWAYS</button></a></li>
<li><a href="https://selection.education.go.ke/possible-careers"><button class="ant-btn css-1bnmg16 ant-btn-text ant-btn-color-default ant-btn-variant-text no-underline" type="button">POSSIBLE CAREERS</button></a></li>
<li><a href="https://selection.education.go.ke/schools"><button class="ant-btn css-1bnmg16 ant-btn-text ant-btn-color-default ant-btn-variant-text no-underline" type="button">SCHOOLS</button></a></li>
<li><a href="https://selection.education.go.ke/public-downloads"><button class="ant-btn css-1bnmg16 ant-btn-text ant-btn-color-default ant-btn-variant-text no-underline" type="button">DOWNLOADS</button></a></li>
<li class="ml-6">
<div class="flex justify-end w-full"><a href="https://selection.education.go.ke/login"><button class="ant-btn css-1bnmg16 ant-btn-round ant-btn-dashed ant-btn-color-default ant-btn-variant-dashed ant-btn-lg ant-btn-background-ghost" type="button">Login</button></a></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative z-20 flex-1 flex items-center justify-center px-4 lg:px-0 w-full max-w-7xl mx-auto">
<div class="w-full max-w-6xl xxl:max-w-7xl mx-auto text-center lg:text-left px-8 xl:px-0">
<div class="relative mb-8 motion-preset-slide-right">
<h1 class="font-black text-5xl md:text-6xl lg:text-8xl xl:text-9xl text-transparent bg-clip-text bg-gradient-to-r from-white via-yellow-200 to-yellow-400 leading-tight uppercase tracking-tight">Grade 10<br />
<span class="bg-gradient-to-r from-yellow-400 via-orange-400 to-red-400 bg-clip-text text-transparent animate-pulse">Pathway</span><br />
Selection</h1>
<div class="absolute inset-0 font-black text-5xl md:text-6xl lg:text-8xl xl:text-9xl text-yellow-400/20 leading-tight uppercase tracking-tight blur-sm -z-10">Grade 10<br />
Pathway<br />
Selection</div>
</div>
<div class="mb-12 relative motion-preset-expand">
<p class="text-xl md:text-2xl lg:text-4xl text-white/90 font-light tracking-wide leading-relaxed">Competency Based Education, <span class="font-bold bg-gradient-to-r from-yellow-300 to-yellow-500 bg-clip-text text-transparent">Elimu Thabiti.</span></p>
<div class="w-24 h-1 bg-gradient-to-r from-yellow-400 to-orange-500 mx-auto lg:mx-0 mt-6 rounded-full"></div>
</div>
<div class="flex flex-col lg:flex-row items-center justify-center lg:justify-start gap-6 lg:gap-8">
<div class="relative overflow-hidden rounded-2xl">
<div class="absolute inset-0 bg-gradient-to-r from-purple-400 to-blue-400 opacity-0 group-hover:opacity-30 blur-xl transition-all duration-300"></div>
<p><button class="relative px-8 py-4 bg-gradient-to-r from-purple-600 to-blue-600 text-white font-bold text-lg tracking-wider rounded-2xl cursor-pointer transform group-hover:scale-105 group-hover:shadow-2xl group-hover:shadow-purple-500/25 transition-all duration-300 border border-white/20 backdrop-blur-sm"></button><button class="relative px-8 py-4 bg-gradient-to-r from-purple-600 to-blue-600 text-white font-bold text-lg tracking-wider rounded-2xl cursor-pointer transform group-hover:scale-105 group-hover:shadow-2xl group-hover:shadow-purple-500/25 transition-all duration-300 border border-white/20 backdrop-blur-sm"><span class="relative z-10">PATHWAYS</span></button></p>
<div class="absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-20 transition-opacity duration-300 rounded-2xl"></div>
</div>
<div class="relative overflow-hidden rounded-2xl">
<div class="absolute inset-0 bg-gradient-to-r from-emerald-400 to-teal-400 opacity-0 group-hover:opacity-30 blur-xl transition-all duration-300"></div>
<p><button class="relative px-8 py-4 bg-gradient-to-r from-emerald-600 to-teal-600 text-white font-bold text-lg tracking-wider rounded-2xl cursor-pointer transform group-hover:scale-105 group-hover:shadow-2xl group-hover:shadow-emerald-500/25 transition-all duration-300 border border-white/20 backdrop-blur-sm"></button><button class="relative px-8 py-4 bg-gradient-to-r from-emerald-600 to-teal-600 text-white font-bold text-lg tracking-wider rounded-2xl cursor-pointer transform group-hover:scale-105 group-hover:shadow-2xl group-hover:shadow-emerald-500/25 transition-all duration-300 border border-white/20 backdrop-blur-sm"><span class="relative z-10">POSSIBLE CAREERS</span></button></p>
<div class="absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-20 transition-opacity duration-300 rounded-2xl"></div>
</div>
<div class="relative overflow-hidden rounded-2xl">
<div class="absolute inset-0 bg-gradient-to-r from-orange-400 to-pink-400 opacity-0 group-hover:opacity-30 blur-xl transition-all duration-300"></div>
<p><button class="relative px-8 py-4 bg-gradient-to-r from-orange-600 to-pink-600 text-white font-bold text-lg tracking-wider rounded-2xl cursor-pointer transform group-hover:scale-105 group-hover:shadow-2xl group-hover:shadow-orange-500/25 transition-all duration-300 border border-white/20 backdrop-blur-sm"></button><button class="relative px-8 py-4 bg-gradient-to-r from-orange-600 to-pink-600 text-white font-bold text-lg tracking-wider rounded-2xl cursor-pointer transform group-hover:scale-105 group-hover:shadow-2xl group-hover:shadow-orange-500/25 transition-all duration-300 border border-white/20 backdrop-blur-sm"><span class="relative z-10">SCHOOLS</span></button></p>
<div class="absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-20 transition-opacity duration-300 rounded-2xl"></div>
</div>
</div>
<div class="mt-16 lg:mt-20 flex items-center justify-center lg:justify-start space-x-4 opacity-70"></div>
</div>
</div>

