50 lines
1.4 KiB
Text
50 lines
1.4 KiB
Text
---
|
|
import Layout from '../layouts/Layout.astro';
|
|
import Card from '../components/Card.astro';
|
|
import { Image } from 'astro:assets';
|
|
|
|
import portrait from '../assets/images/portrait.jpg';
|
|
---
|
|
|
|
<Layout title="aleidk">
|
|
<section>
|
|
<div class="hstack gap-5">
|
|
<Image
|
|
id="portrait"
|
|
src={portrait}
|
|
alt="portrait of Alexander Navarro"
|
|
loading="eager"
|
|
width={200}
|
|
/>
|
|
<h1>Alexander Navarro</h1>
|
|
</div>
|
|
|
|
<p class="text-justify">
|
|
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim
|
|
labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet.
|
|
Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum
|
|
Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
|
|
Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex
|
|
occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat
|
|
officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in
|
|
Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non
|
|
excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco
|
|
ut ea consectetur et est culpa et culpa duis.
|
|
</p>
|
|
</section>
|
|
</Layout>
|
|
|
|
<style>
|
|
#portrait {
|
|
border-radius: 50%;
|
|
border: 5px solid var(--prj-text);
|
|
}
|
|
|
|
h1 {
|
|
font-size: 3rem;
|
|
}
|
|
|
|
p {
|
|
margin-top: var(--prj-spacing-3);
|
|
}
|
|
</style>
|