Blog post sample

This tailwind example is contributed by sql_guru, on 09-Feb-2023. Component is made with Tailwind v3.4. It is responsive. similar terms for this example are blog page template, article page template

Blog post page

Author sql_guru

Tailwind v3.4 15.1k 14

Fork Fullscreen

<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="max-w-3xl mx-auto">
        
        <div class="py-8">
            <h1 class="text-3xl font-bold mb-2">Blog post title</h1>
            <p class="text-gray-500 text-sm">Published on <time datetime="2022-04-05">April 5, 2022</time></p>
        </div>

<img src="https://images.unsplash.com/photo-1493723843671-1d655e66ac1c" alt="Featured image" class="w-full h-auto mb-8">

<div class="prose prose-sm sm:prose lg:prose-lg xl:prose-xl mx-auto">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus varius fringilla augue, vel vestibulum
                nisl mattis vel. Praesent porttitor pharetra purus eu tincidunt.</p>
            <p>Nullam vitae sapien non est suscipit blandit quis sit amet ipsum. Aliquam euismod accumsan nunc, in
                convallis felis luctus in. Sed rhoncus metus a elit rutrum aliquam.</p>
            <p>Integer ullamcorper leo nulla, nec commodo metus vehicula eget. Duis vel vestibulum tellus, eget mattis
                quam. Nullam euismod libero sed nibh tristique, vel eleifend risus sagittis. In hac habitasse platea
                dictumst. Sed dapibus magna at arcu euismod, a pulvinar turpis tristique. Suspendisse imperdiet velit
                nec lectus rutrum varius.</p>
        </div>
    </div>
</div>

Related Examples

Blog Article Template
blog article template

Anonymous

3 years ago

15.8k
Blog page template

Ron Hicks

3 years ago

14k
Minimal blog page

Ron Hicks

3 years ago

14.1k
Blog post template with responsive sidebar

R.P Ketan

3 years ago

12.6k
Blog page

Ron Hicks

3 years ago

12.9k
Simple blog layout

Shakti

3 years ago

12.1k
Blog Template

Mr Robot

4 years ago

11.1k
simple responsive blog layout with sidebar

Isabella Kowalski

3 years ago

10.4k
google meet clone
Meeting application with fully responsive connect my web for jsx https://abhirajk.vercel.app/

Abhiraj

1 year ago

1.9k
Hello Acode Master! 👋
is a passionate software developer based in Rubavu. He considers himself the top developer in the area and is committed to solving real-world problems through technology.

Code Master(Mfuranziza Dusabe Hamza)

1 year ago

1.3k
A Captivating Blog Post
Blog post page that grabs attention with a headline hero, immerses readers in compelling content, and delights them with visually appealing elements.

$$@(\/)(\/)¥$ $@(\/)(\/)¥

2 years ago

5.4k
Website Pricing List Card Component
Website Pricing List Card Component with Package Names: Basic Package → Starter Website Premium Package → Business Website Professional Package → E-Commerce Solution Pricing Structure: Increased prices significantly to reflect web development services one-time payment model FAQ Content.

Ayyamperumal S

1 year ago

1.7k