JohnCosta27/JohnTech
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

further work on the experience component

Browse Source
This commit is contained in:
JohnCosta27
2022-04-14 16:33:16 +01:00
parent 7a250dd444
commit a198df9016
1 changed files with 15 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/sections/Experience.jsx
View File

@ -13,18 +13,18 @@ const Experience = () => {
<div className="w-full flex justify-center px-4">
<div className="w-full max-w-7xl flex bg-polar-night-400 py-4 rounded-md">
<div className="w-12 flex flex-col justify-between items-center h-96 relative">
<div className="w-4 h-8 flex justify-center items-center">
<div className="w-8 h-8 flex justify-center items-center">
<div className="w-4 h-4 bg-frost-200 rounded-full z-20 hover:w-6 hover:h-6 transition-all"></div>
</div>
<div className="w-8 h-8 flex justify-center items-center">
<div className="w-4 h-4 bg-frost-200 rounded-full z-20"></div>
</div>
<div className="w-4 h-8 flex justify-center items-center">
<div className="w-4 h-4 bg-frost-200 rounded-full z-20"></div>
</div>
<div className="w-4 h-8 flex justify-center items-center">
<div className="w-8 h-8 flex justify-center items-center">
<div className="w-4 h-4 bg-frost-200 rounded-full z-20"></div>
</div>
<div className="w-1 h-full bg-blue-500 absolute rounded-full"></div>
</div>
<div className="w-full h-full flex flex-col justify-between">
<div className="w-24 h-full flex flex-col justify-between">
<div className="h-8 flex items-center">
<p className="text-md text-snow-storm-300">14/04/2022</p>
</div>
@ -35,6 +35,15 @@ const Experience = () => {
<p className="text-md text-snow-storm-300">14/04/2022</p>
</div>
</div>
<div className="w-full h-full p-4 flex flex-col items-center gap-2">
<h1 className="text-2xl text-snow-storm-100">Hello World</h1>
<p className="text-md text-snow-storm-100">
Dolor sit est sint quis labore culpa. Eiusmod tempor elit amet culpa ad enim nisi
consequat duis consequat commodo eu quis id. Nostrud ut consectetur ut occaecat. Dolor
sit est sint quis labore culpa. Eiusmod tempor elit amet culpa ad enim nisi Dolor sit
est sint quis labore culpa. Eiusmod tempor elit amet culpa ad enim nisi
</p>
</div>
</div>
</div>
</div>