Fonts
Text 5XL
Text 4XL
Text 3XL
Text 2XL
Text XL
Text LG
Text Base
Text SM
Text XS
<p class="text-5xl">Text 5XL</p>
<p class="text-4xl">Text 4XL</p>
<p class="text-3xl">Text 3XL</p>
<p class="text-2xl">Text 2XL</p>
<p class="text-xl">Text XL</p>
<p class="text-lg">Text LG</p>
<p class="text-base">Text Base</p>
<p class="text-sm">Text SM</p>
<p class="text-xs">Text XS</p>
<p class="text-4xl">Text 4XL</p>
<p class="text-3xl">Text 3XL</p>
<p class="text-2xl">Text 2XL</p>
<p class="text-xl">Text XL</p>
<p class="text-lg">Text LG</p>
<p class="text-base">Text Base</p>
<p class="text-sm">Text SM</p>
<p class="text-xs">Text XS</p>
Images
<img class="w-40 sm:w-72 xl:w-80" src="/images/avatar.svg" alt="Avatar" />
<img class="w-40 sm:w-72 xl:w-80" src="/images/avatar-big.svg" alt="Hero" />Hero Text
Software Engineer
<HeroText />Buttons
<Button>Primary</Button>
<Button>Icon <ArrowIcon color="white"/></Button>Footer
<Footer />Work Experience Section
Discover My Franchise
Simon Fraser University
Guard RFID
<WorkExperience
color="green-light"
companyName="Discover My Franchise"
url="https://www.discovermyfranchise.com/"
/>
<WorkExperience
color="blue-light"
companyName="Simon Fraser University"
url="https://www.sfu.ca/"
/>
<WorkExperience
color="purple-light"
companyName="Guard RFID"
url="https://www.guardrfid.com/"
/>Work Experience Section
dovsiien@gmail.com
+1 647 819 4111
LinkedIn Profile
<WorkExperience
color="green-light"
companyName="dovsiien@gmail.com"
url="mailto:dovsiien@gmail.com"
/>
<WorkExperience
color="blue-light"
companyName="+1 647 819 4111"
url="tel:+16478194111"
/>
<WorkExperience
color="purple-light"
companyName="LinkedIn Profile"
url="https://www.linkedin.com/in/denys-ovsiienko-00a4671b6/"
/>Timeline
Apr '22
Dec '21
Apr '21
<Timeline />Projecs
GameList GG
A web app to track your games.
ReactJS
ExpressJS
MongoDB
MantineUI
Docker
DigitalOcean
Coffee Bike Vancouver
A mobile app for Coffee Bike Vancouver
Flutter
Firebase
Figma
<div class="grid grid-cols-1 lg:grid-cols-2 bg-black py-1 gap-1">
<Project
name="GameList GG"
description="A web app to track your games."
skills={[
'ReactJS',
'ExpressJS',
'MongoDB',
'MantineUI',
'Docker',
'DigitalOcean'
]}
url="https://gamelist.gg"
/>
<Project
name="Coffee Bike Vancouver"
description="A mobile app for Coffee Bike Vancouver"
skills={[
'Flutter',
'Firebase',
'Figma'
]}
url="https://www.coffeebike.ca/"
/>
</div>