Mohammad Hariri
5070f591d3
Animations - added opacity animation for experience page - added stagger animation for navbar items on mobile - added animation for landing page for years and language indications Pages - About Page mockup Redesign - Navbar to include icons on desktop
19 lines
1.6 KiB
Plaintext
19 lines
1.6 KiB
Plaintext
<section class=\"min-h-[var(--content-height)] w-full flex relative items-center\"><!-- Left Side: Job Details --><div class=\"p-6 flex flex-col gap-4 transition-all opacity-0\"><h3 class=\"text-xl font-semibold text-white\">
|
|
</h3><div class=\"flex flex-col gap-2\"><a href=\"
|
|
\" class=\"text-emerald-400 font-medium text-lg \">
|
|
</a><p class=\"text-slate-400 \">
|
|
</p><p class=\"text-slate-600 text-sm\">
|
|
-
|
|
</p><a href=\"
|
|
\" class=\"text-emerald-500\">
|
|
</a></div><div class=\"flex flex-wrap gap-2\">
|
|
</div><div class=\"flex flex-col gap-2\"><h4 class=\"text-xl font-medium\">About
|
|
</h4>
|
|
<p class=\"text-slate-300\">
|
|
</p>
|
|
</div><div class=\"flex flex-col gap-2\"><h4 class=\"text-xl font-medium\">Role & Responsibilities</h4><div class=\"text-slate-300 whitespace-pre-wrap\">
|
|
</div></div></div></section>
|
|
<script defer src=\"assets/js/experiences.js\"></script> <main class=\"bg-gradient-to-b from-slate-900 w-full to-slate-800 px-6 overflow-x-hidden\"><div class=\"flex w-full items-center justify-between\" x-data=\"{active:$persist(0)}\"><div class=\"relative w-full flex items-center justify-center\"><!-- Timeline --><div id=\"timeline\" class=\"fixed w-10 top-[var(--navbar-height)] left-2 h-[var(--content-height)] flex items-center justify-center\"><div class=\"absolute bg-radial-[at_50%_25%] from-40% from-slate-700 h-full w-0.5 to-slate-800\"></div>
|
|
<div id=\"timeline-point\" class=\"
|
|
\"><div class=\"absolute w-2 h-2 z-[80] bg-emerald-400 rounded-full\"></div></div></div><div id=\"exps-container\" class=\"ml-4 items-center content-center relative xl:w-[1600px]\">
|
|
</div></div></div></main> |