35 lines
2.1 KiB
Plaintext
35 lines
2.1 KiB
Plaintext
<div id="our-story" class="w-screen bg-[<%= color %>] lg:bg-[#fdfefe] lg:my-8">
|
|
<div class="container mx-auto lg:h-fit text-slate-900 lg:rounded-2xl lg:bg-[<%= color %>] lg:shadow-2xl px-8 py-8">
|
|
<div class="w-fit mx-auto">
|
|
<h1 class="text-5xl rogue-script lg:text-7xl">How we met</h1>
|
|
</div>
|
|
<ol class="relative border-l border-slate-900">
|
|
<li class="mb-10 ms-4">
|
|
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-600">June 2019</time>
|
|
<h3 class="text-lg font-semibold text-slate-900">Met Rock Climbing</h3>
|
|
</li>
|
|
<li class="mb-10 ms-4">
|
|
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-600">October 2019</time>
|
|
<h3 class="text-lg font-semibold text-slate-900">Adam asked out Jillian in Italy (after climbing many stairs)</h3>
|
|
</li>
|
|
<li class="mb-10 ms-4">
|
|
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-600">August 2020</time>
|
|
<h3 class="text-lg font-semibold text-slate-900">Moved to Philadelphia</h3>
|
|
</li>
|
|
<li class="mb-10 ms-4">
|
|
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-600">September 2021</time>
|
|
<h3 class="text-lg font-semibold text-slate-900">Bought a house in Chalfont</h3>
|
|
</li>
|
|
<li class="mb-10 ms-4">
|
|
<div class="absolute w-3 h-3 bg-slate-600 rounded-full mt-1.5 -start-1.5 border border-slate-900"></div>
|
|
<time class="mb-1 text-sm font-normal leading-none text-gray-600">October 2024</time>
|
|
<h3 class="text-lg font-semibold text-slate-900">5 year anniversary date and Proposal</h3>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</div>
|