future-leaders.html

<div class="overflow-hidden py-24 sm:py-32">
	<div class="mx-auto max-w-7xl px-6 lg:px-8">
		<div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2">
			<div class="lg:ml-auto lg:pl-4 lg:pt-4">
				<div class="lg:max-w-lg">
					<p class="text-base font-semibold leading-7 text-indigo-600">A Free Workshop for Young Adults</p>
					<h2 class="mt-2 text-3xl font-serif tracking-tight text-emerald-900 sm:text-4xl">Future Leaders Programme</h2>
					<p class="mt-6 text-lg leading-8 text-emerald-600">So many of our clients say they wished they'd learnt more leadership skills before they started their careers. If you run an educational institution for young adults then get in touch. Let's give your students the best start possible before going into the workforce.</p>
					<dl class="mt-10 max-w-xl space-y-8 text-base leading-7 text-emerald-600 lg:max-w-none">
						{{-- <div class="relative pl-9">
							<dt class="inline font-semibold text-emerald-900">
								<x-heroicon-s-cloud-arrow-up class="absolute left-1 top-1 h-5 w-5 text-indigo-600" />
								Push to deploy.
							</dt>
							<dd class="inline">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione.</dd>
						</div>
						<div class="relative pl-9">
							<dt class="inline font-semibold text-emerald-900">
								<x-heroicon-s-cloud-arrow-up class="absolute left-1 top-1 h-5 w-5 text-indigo-600" />
								SSL certificates.
							</dt>
							<dd class="inline">Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.</dd>
						</div>
						<div class="relative pl-9">
							<dt class="inline font-semibold text-emerald-900">
								<x-heroicon-s-cloud-arrow-up class="absolute left-1 top-1 h-5 w-5 text-indigo-600" />
								Database backups.
							</dt>
							<dd class="inline">Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. Et magna sit morbi lobortis.</dd>
						</div>
					</dl> --}}
				</div>
			</div>
			<div class="flex items-start justify-end lg:order-first">
				<img src="/images/future-leaders-programme.jpg" alt="Product screenshot" class="w-[48rem] max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[57rem]" width="2432" height="1442">
			</div>
		</div>
	</div>
</div>