Home
Samuel Abera
Linkedin Post

Linkedin Post

This tailwind example is contributed by Samuel Abera, on 10-May-2024. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode. similar terms for this example are blog page template, article page template,copy

Blog post page Clone

Author Samuel Abera

3.3k

Fork Fullscreen

<link rel="stylesheet"
    href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0" />

<div class="flex sm:px-4 mt-2 justify-between">
                <div
                    class="flex items-center gap-2 p-2 rounded-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
                    <span class="material-symbols-outlined text-blue-400">panorama</span>
                    <h3 class="text-sm font-semibold text-gray-600 dark:text-gray-300">Media</h3>
                </div>

<div
                    class="flex items-center gap-2 p-2 rounded-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
                    <span class="material-symbols-outlined text-yellow-700">calendar_month</span>
                    <h3 class="text-sm font-semibold text-gray-600 dark:text-gray-300">Event</h3>
                </div>

<div
                    class="flex items-center gap-2 sm:p-2 xs:p-1 rounded-sm cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700">
                    <span class="material-symbols-outlined text-orange-400">newsmode</span>
                    <h3 class="text-sm sm:font-semibold xs:truncate text-gray-600 dark:text-gray-300">Write article</h3>
                </div>
            </div>
        </div>
    </div>
</div>

Related Examples

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.

Author:
Ayyamperumal S

6 days ago

38
Blog, card

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

2 months ago

328
Facebook Login page
Facebook Login page

Author:
Rehman Arshad

9 months ago

1.9k
Blog page

Author:
Ron Hicks

2 years ago

10.6k
Blog page template

Author:
Ron Hicks

2 years ago

12.4k
Clone of Google’s Search Functionality
This Tailwind CSS example, contributed by Bishnu Thapa on April 4th, 2024, showcases a responsive component designed using version 3.4 of Tailwind CSS. It is responsive.

Author:
Bishnu Thapa

11 months ago

2.1k
Minimal blog page

Author:
Ron Hicks

2 years ago

11.9k
Blog post sample

Author:
sql_guru

2 years ago

13.2k
Blog

Author:
Crimson

2 months ago

512
Trending Users
Tailwind Flex Trending Users Card Design

Author:
Samuel Abera

10 months ago

3k
Kids E-learning Platform Card
Kids E-learning Platform Card Clone

Author:
Samuel Abera

4 months ago

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

Author:
Abhiraj

2 months ago

455

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components