53 lines
2.5 KiB
TypeScript
53 lines
2.5 KiB
TypeScript
|
export default function Posts() {
|
||
|
|
return (
|
||
|
|
<div class="min-w-screen flex flex-col items-center justify-between bg-gray-100 dark:bg-gray-700 sm:min-h-screen">
|
||
|
|
<div class="space-y-2 text-center md:text-left">
|
||
|
|
<h1 class="text-2xl text-white font-bold sm:text-4xl">Blog posts</h1>
|
||
|
|
<h2 class="text-md font-medium text-cyan-700 dark:text-cyan-200 sm:text-xl">
|
||
|
|
A lot of them!
|
||
|
|
</h2>
|
||
|
|
</div>
|
||
|
|
<div class="h-screen bg-gray-700 flex items-center justify-center">
|
||
|
|
<div class="flex bg-gray-700 space-x-4">
|
||
|
|
<div class="p-6 bg-gray-700 rounded-lg shadow-md">
|
||
|
|
<h2 class="text-grey-900 text-lg font-bold mb-2">Blog Post 1</h2>
|
||
|
|
<p>Written by Wyatt Miller</p>
|
||
|
|
<p>
|
||
|
|
Lorem ipsum odor amet, consectetuer adipiscing elit. Senectus
|
||
|
|
aliquet fusce habitant sem integer lectus curae quisque. Tincidunt
|
||
|
|
vitae adipiscing justo et nulla. Faucibus imperdiet turpis maximus
|
||
|
|
nam natoque suscipit platea. Feugiat imperdiet malesuada enim diam
|
||
|
|
primis. Vitae sollicitudin molestie cubilia tempus nunc dignissim
|
||
|
|
adipiscing.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="p-6 bg-gray-700 rounded-lg shadow-md">
|
||
|
|
<h2 class="text-grey-900 text-lg font-bold mb-2">Blog Post 2</h2>
|
||
|
|
<p>Written by Wyatt Miller</p>
|
||
|
|
<p>
|
||
|
|
Lorem ipsum odor amet, consectetuer adipiscing elit. Senectus
|
||
|
|
aliquet fusce habitant sem integer lectus curae quisque. Tincidunt
|
||
|
|
vitae adipiscing justo et nulla. Faucibus imperdiet turpis maximus
|
||
|
|
nam natoque suscipit platea. Feugiat imperdiet malesuada enim diam
|
||
|
|
primis. Vitae sollicitudin molestie cubilia tempus nunc dignissim
|
||
|
|
adipiscing.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div class="p-6 bg-gray-700 rounded-lg shadow-md">
|
||
|
|
<h2 class="text-grey-900 text-lg font-bold mb-2">Blog Post 3</h2>
|
||
|
|
<p>Written by Wyatt Miller</p>
|
||
|
|
<p>
|
||
|
|
Lorem ipsum odor amet, consectetuer adipiscing elit. Senectus
|
||
|
|
aliquet fusce habitant sem integer lectus curae quisque. Tincidunt
|
||
|
|
vitae adipiscing justo et nulla. Faucibus imperdiet turpis maximus
|
||
|
|
nam natoque suscipit platea. Feugiat imperdiet malesuada enim diam
|
||
|
|
primis. Vitae sollicitudin molestie cubilia tempus nunc dignissim
|
||
|
|
adipiscing.
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|