finished page
This commit is contained in:
53
src/about.njk
Normal file
53
src/about.njk
Normal file
@@ -0,0 +1,53 @@
|
||||
---
|
||||
title: About Me
|
||||
layout: layout.njk
|
||||
---
|
||||
|
||||
<main class="container py-8">
|
||||
<h1 class="text-center text-5xl">This is the {{ title }} page.</h1>
|
||||
<section class="text-gray-700 body-font">
|
||||
<div
|
||||
class="
|
||||
container
|
||||
flex flex-col
|
||||
items-center
|
||||
px-5
|
||||
py-16
|
||||
mx-auto
|
||||
lg:px-20 lg:py-36
|
||||
md:flex-row
|
||||
"
|
||||
>
|
||||
<div class="w-5/6 mb-10 lg:max-w-lg lg:w-full md:w-1/2 md:mb-0">
|
||||
<img
|
||||
class="object-center max-w-xs mb-6 rounded"
|
||||
alt="hero"
|
||||
src="/assets/person.jpg"
|
||||
/>
|
||||
</div>
|
||||
<div
|
||||
class="
|
||||
flex flex-col
|
||||
items-center
|
||||
text-center
|
||||
lg:flex-grow
|
||||
md:w-1/2
|
||||
lg:pl-24
|
||||
md:pl-16 md:items-start md:text-left
|
||||
"
|
||||
>
|
||||
<p
|
||||
class="
|
||||
mb-2
|
||||
text-base
|
||||
leading-relaxed
|
||||
text-center text-gray-700
|
||||
lg:text-left lg:text-xl
|
||||
"
|
||||
>
|
||||
"Something something something."
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
Reference in New Issue
Block a user