News feed

This tailwind example is contributed by Bunny, on 05-Jun-2023. Component is made with Tailwind v3.4. It is responsive.

Tailwind v3.4 14.2k 7

<div class="bg-white rounded-lg shadow-md border p-4">
            <div class="flex items-center mb-4">
                <img class="w-12 h-12 rounded-full mr-3" src="https://randomuser.me/api/portraits/men/22.jpg" alt="Profile Image">
                <div>
                    <h2 class="text-lg font-semibold">John Doe</h2>
                    <p class="text-gray-500 text-sm">Published on June 17, 2023</p>
                </div>
            </div>
            <p class="text-gray-700 mb-4">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac orci
                fermentum, viverra erat at, accumsan elit. Proin ultrices auctor nisl, eu facilisis lectus condimentum
                eu.
            </p>
            <div class="flex justify-end">
                <a href="#" class="text-blue-500 font-semibold">Read More</a>
            </div>
        </div>

<div class="bg-white rounded-lg shadow-md border p-4 mt-4">
            <div class="flex items-center mb-4">
                <img class="w-12 h-12 rounded-full mr-3" src="https://randomuser.me/api/portraits/women/45.jpg" alt="Profile Image">
                <div>
                    <h2 class="text-lg font-semibold">Jane Smith</h2>
                    <p class="text-gray-500 text-sm">Published on June 15, 2023</p>
                </div>
            </div>
            <p class="text-gray-700 mb-4">Ut tincidunt arcu ut mauris gravida, ac volutpat justo tristique. Phasellus ut
                pharetra velit. Nullam vel justo id felis tincidunt venenatis. Proin id ligula ut dui rhoncus feugiat.
            </p>
            <div class="flex justify-end">
                <a href="#" class="text-blue-500 font-semibold">Read More</a>
            </div>        </div>
    </div>
</div>

Related Examples

Question & Answer
questions and answers

Anonymous

3 years ago

9.3k
Invoice template

Shakti

3 years ago

28.8k
Chat template
fullscreen chat template suitable for mobile devices

Manon Daniel

3 years ago

18.2k
Google map iframe with tailwind

Kofi Osei

3 years ago

22.4k
background animation
background animation

Anonymous

3 years ago

53.1k
admindashboard
creates a responsive, interactive admin dashboard using Tailwind CSS, Font Awesome, Chart.js, and custom JavaScript animations. It's called "Materially Dashboard" and is designed for presenting key statistics and analytics data in a visually appealing manner.

ishimwe shadad

1 year ago

1.4k
Invoice
Invoice

Tanvir Hasan Bappy (Tanvir)

1 year ago

1.4k
Tailwind css banner offer
Bold neobrutalist design with thick borders, vibrant colors, and strong shadows - perfect for promotions.

saim-t8

1 year ago

1.1k
Old Times Pomodorro
When the love of time management goes beyond the management of love over time. ~ Rogue agent

Hasan AlDoy (McDoy)

5 months ago

424
Tailwind Google Map widget

Dung Vuong

1 year ago

1.1k
barbershop

Ishimwe Shadad

10 months ago

648
Todo List
A simple tool to track tasks: add, edit, complete, or delete items to stay organized daily.

Muzammil Riaz

1 year ago

1.6k