Embedded Files
View Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tailbot CSS Blog Style 1</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body>
<section class="text-gray-600 body-font">
<div class="container px-5 py-24 mx-auto">
<div class="flex flex-wrap -mx-4 -my-8">
<div class="py-8 px-4 lg:w-1/3">
<div class="h-full flex items-start">
<div class="w-12 flex-shrink-0 flex flex-col text-center leading-none">
<span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200">Jul</span>
<span class="font-medium text-lg text-gray-800 title-font leading-none">18</span>
</div>
<div class="flex-grow pl-6">
<h2 class="tracking-widest text-xs title-font font-medium text-indigo-500 mb-1">CATEGORY</h2>
<h1 class="title-font text-xl font-medium text-gray-900 mb-3">The 400 Blows</h1>
<p class="leading-relaxed mb-5">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p>
<a class="inline-flex items-center">
<img alt="blog" src="https://dummyimage.com/103x103" class="w-8 h-8 rounded-full flex-shrink-0 object-cover object-center">
<span class="flex-grow flex flex-col pl-3">
<span class="title-font font-medium text-gray-900">Alper Kamu</span>
</span>
</a>
</div>
</div>
</div>
<div class="py-8 px-4 lg:w-1/3">
<div class="h-full flex items-start">
<div class="w-12 flex-shrink-0 flex flex-col text-center leading-none">
<span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200">Jul</span>
<span class="font-medium text-lg text-gray-800 title-font leading-none">18</span>
</div>
<div class="flex-grow pl-6">
<h2 class="tracking-widest text-xs title-font font-medium text-indigo-500 mb-1">CATEGORY</h2>
<h1 class="title-font text-xl font-medium text-gray-900 mb-3">Shooting Stars</h1>
<p class="leading-relaxed mb-5">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p>
<a class="inline-flex items-center">
<img alt="blog" src="https://dummyimage.com/102x102" class="w-8 h-8 rounded-full flex-shrink-0 object-cover object-center">
<span class="flex-grow flex flex-col pl-3">
<span class="title-font font-medium text-gray-900">Holden Caulfield</span>
</span>
</a>
</div>
</div>
</div>
<div class="py-8 px-4 lg:w-1/3">
<div class="h-full flex items-start">
<div class="w-12 flex-shrink-0 flex flex-col text-center leading-none">
<span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200">Jul</span>
<span class="font-medium text-lg text-gray-800 title-font leading-none">18</span>
</div>
<div class="flex-grow pl-6">
<h2 class="tracking-widest text-xs title-font font-medium text-indigo-500 mb-1">CATEGORY</h2>
<h1 class="title-font text-xl font-medium text-gray-900 mb-3">Neptune</h1>
<p class="leading-relaxed mb-5">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p>
<a class="inline-flex items-center">
<img alt="blog" src="https://dummyimage.com/101x101" class="w-8 h-8 rounded-full flex-shrink-0 object-cover object-center">
<span class="flex-grow flex flex-col pl-3">
<span class="title-font font-medium text-gray-900">Henry Letham</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.fc{
font-weight: 400;
font-size: large;
color: darkgray;
font-family:fantasy;
text-align: center;
}
</style>
<div class="fc">
@ TailBot
</div>
</body>
</html>
Google Sites
Report abuse