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

2.4k

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

Google.com search page clone

Author:
Mr Robot

2 years ago

10.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.

Author:
Samuel Abera

7 months ago

2.4k
Simple blog layout

Author:
Shakti

1 year ago

9.4k
Blog page template

Author:
Ron Hicks

1 year ago

11.7k
Trending Users
Tailwind Flex Trending Users Card Design

Author:
Samuel Abera

7 months ago

2.2k
Linkedin Add to your feed Clone
Linkedin Add to your feed Clone

Author:
Samuel Abera

7 months ago

2.1k
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

8 months ago

1.8k
newPost

Author:
farisubuntu

6 months ago

1.2k
Blog Template

Author:
Mr Robot

2 years ago

9.2k
Minimal blog page

Author:
Ron Hicks

1 year ago

11k
Simple dialpad

Author:
Brandon D

1 year ago

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

Author:
Samuel Abera

1 month ago

232

Explore components by Tags

Didn't find component you were looking for?

Search from 1800+ components