loke/lorenzoiovino.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add style home and bio

Browse source
This commit is contained in:
Lorenzo Iovino 2024-01-12 13:42:41 +01:00
parent 3ea3bae29a
commit f212b27eec
5 changed files with 39 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/app/hero/hero.component.html
View file

@ -11,19 +11,22 @@
alt="" height="300" width="300"
loading="lazy">
<div class="self-center pt-6 sm:pt-0 mx-2 sm:mx-0 ">
<img ngSrc="/assets/photos/me.png"
class="h-[180px] sm:hidden block float-left"
alt="" height="180" width="180"
loading="lazy">
<h1 class="text-4xl font-bold text-gray-900 sm:text-5xl sm:py-8 sm:top-8 mt-4 sm:mt-0 mb-2 sm:mb-0 break-words">Hey, I'm Lorenzo!</h1>
<div class="mr-8">
<h2 class="text-lg mr-4 ml-4 sm:ml-0 sm:mx-4 sm:text-xl leading-2 sm:mr-24 mt-4 sm:mt-0 text-center sm:text-left">
<h1 class="text-4xl font-bold text-gray-900 sm:text-5xl sm:py-8 sm:top-8 mt-4 sm:mt-0 mb-2 sm:mb-0 break-words block sm:hidden mx-2">Hey, I'm Lorenzo!</h1>
<div class="flex justify-center">
<img ngSrc="/assets/photos/me.png"
class="sm:hidden block clear-both"
alt=""
loading="lazy" height="300" width="300">
</div>
<h1 class="text-4xl font-bold text-gray-900 sm:text-5xl sm:py-8 sm:top-8 mt-4 sm:mt-0 mb-2 sm:mb-0 break-words hidden sm:block">Hey, I'm Lorenzo!</h1>
<div class="mx-auto sm:mr-8">
<h2 class="text-lg mr-4 ml-4 sm:ml-0 sm:mx-4 sm:text-xl leading-2 sm:mr-24 mt-4 sm:mt-0 text-left">
I'm on a quest to uncover life's meaning while diving deep into my passion for Computer Science as a
<span class="text-primary font-bold drop-shadow-sm">Software Engineer</span>.
<br>Here, on my personal website, I share my projects and occasional thoughts.
</h2>
<div class="text-lg mt-4 ml-4 sm:ml-0 mr-4 sm:mx-4 sm:text-xl leading-2 sm:mr-24 text-center sm:text-left">
<div class="text-lg mt-4 ml-4 sm:ml-0 mr-4 sm:mx-4 sm:text-xl leading-2 sm:mr-24 text-left">
Explore more about me and feel free to reach out for any questions or collaborations via
<a class="cursor-pointer underline text-primary hover:text-accent drop-shadow-sm" href="mailto:thisloke@gmail.com">email</a>
or on socials!