Added a lot of components
This commit is contained in:
parent
08f8d90f3d
commit
c94493a3c5
68 changed files with 1030 additions and 8 deletions
37
src/app/hero/hero.component.html
Normal file
37
src/app/hero/hero.component.html
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
<div class="bg-secondary">
|
||||
<div class="relative px-6 pt-14 lg:px-8">
|
||||
<div class="mx-auto max-w-4xl py-32 sm:py-48 lg:py-56">
|
||||
<div class="flex rounded-2xl text-sm leading-6 text-gray-600 border-l-8 border-primary hover:ring-gray-900/20 overflow-hidden bg-white max-h-[279px]">
|
||||
<iov-ascii-photo [index]="1"
|
||||
id="asciiPhoto"
|
||||
class="absolute text-[5px] rounded-x-2xl leading-none tracking-tighter overflow-hidden"></iov-ascii-photo>
|
||||
<img src="/assets/me.png"
|
||||
id="originalPhoto"
|
||||
class="h-[279px]"
|
||||
alt="">
|
||||
<div>
|
||||
<h1 class="text-4xl my-4 font-bold tracking-tight text-gray-900 sm:text-4xl">Hello, I'm Lorenzo!</h1>
|
||||
<h2 class="text-base leading-2 mr-4">
|
||||
I'm a <span class="text-primary font-bold">Software Engineer</span> and <span class="text-primary font-bold">Web Developer</span> based in Sicily.
|
||||
<br>This is my personal website, where I share my projects and my thoughts (sometimes 😅).
|
||||
<br><br>Feel free to navigate through my website and discover more about me.
|
||||
</h2>
|
||||
|
||||
<div class="mt-4 text-base leading-2 mr-4">
|
||||
For any question or collaboration, feel free to contact me via <a class="cursor-pointer underline text-primary hover:text-accent" href="mailto:thisloke@gmail.com">email</a>
|
||||
<br/>or find me on socials
|
||||
<a class="mx-2 relative cursor-pointer" href="https://www.linkedin.com/in/lorenzoiovino/">
|
||||
<img src="/assets/linkedin.svg" class="h-8 inline-block" alt="">
|
||||
</a>
|
||||
<a class="mx-1 relative cursor-pointer" href="
|
||||
https://github.com/lokenxo">
|
||||
<img src="/assets/github.svg" class="h-8 inline-block" alt="">
|
||||
</a>
|
||||
<div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Loading…
Add table
Add a link
Reference in a new issue