Home
sql_guru
Blog post sample

Blog post sample

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

Blog post page

Author sql_guru

13.5k

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

Author:
Anonymous

2 years ago

14.1k
Blog page template

Author:
Ron Hicks

2 years ago

12.8k
Minimal blog page

Author:
Ron Hicks

2 years ago

12.7k
Blog post template with responsive sidebar

Author:
R.P Ketan

2 years ago

11.3k
Blog page

Author:
Ron Hicks

2 years ago

11.3k
Simple blog layout

Author:
Shakti

2 years ago

11k
Blog Template

Author:
Mr Robot

3 years ago

10.4k
simple responsive blog layout with sidebar

Author:
Isabella Kowalski

2 years ago

9.1k
LinkedIn Post UI Mockup
A static HTML and Tailwind CSS component designed to replicate the user interface of a LinkedIn post. This mockup accurately represents the post structure including the header (avatar, name, headline, timestamp), content area (text, optional media), engagement statistics (likes, comments, reposts), and the action bar (Like, Comment, Repost, Send). It's fully responsive, supports light and dark themes, and uses appropriate iconography and styling to closely mimic the LinkedIn feed experience.

Author:
Hamza Atig

3 months ago

704
News Feed

$$@(\/)(\/)Y$ Author:
$@(\/)(\/)Y

7 months ago

1.2k
Jobs recommended for you
This HTML page is a responsive, dark-mode-friendly job recommendation interface designed using Tailwind CSS. It displays job listings in a card format, each showing: A colorful header background. A company logo/profile image styled as a rounded thumbnail. A job title (e.g., Senior Product Designer). A company name. A location with an icon. Job type (e.g., Full-time). Time since posting (e.g., 2d ago).

Author:
Code Master(Mfuranziza Dusabe Hamza)

2 months ago

308
Blog, card

Author:
Алла Телегина

6 months ago

563

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components