Home
Computer guy
User | Author profile card

User | Author profile card

This tailwind example is contributed by Computer guy, on 27-Sep-2023. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Author box, User information

Profile

Author Computer guy

7.2k

Fork Fullscreen

<ul class="mt-2 flex flex-row items-center justify-center md:justify-start ">
                        <li class="mr-5">
                            <a href="" target="_blank" aria-label="GitHub">
                                <svg class="h-6 text-indigo-700 hover:text-indigo-300" fill="currentColor" role="img"
                                    viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                    <title>GitHub</title>
                                    <path
                                        d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12">
                                    </path>
                                </svg>
                            </a>
                        </li>

<li>
                            <a href="" target="_blank" aria-label="Twitter">
                                <svg class="h-6 text-indigo-700 hover:text-indigo-300" fill="currentColor" role="img"
                                    viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                                    <title>Twitter</title>
                                    <path
                                        d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z">
                                    </path>
                                </svg>
                            </a>
                        </li>
                    </ul>
                </div>

<p class="text-indigo-300 font-semibold text-center md:text-left">
                 Insurance Specialist | Protecting Lives and Assets | Dedicated to Your Peace of Mind | Serving Since 2007 | Your Trusted Risk Manager
                </p>
            </div>
        </div>
    </div>
</section>

Related Examples

About me section with image

Author:
Kofi Osei

2 years ago

23.2k
User | Author profile card template

Author:
Computer guy

1 year ago

8.1k
User Profile Card
Full-page Profile card

Author:
Prashant

2 years ago

17.5k
User Profile Card
The card features a user's profile picture, name, location, and options for interactions. It has a clean and modern design with rounded edges and icons for user engagement. It also has support for dark mod:

Author:
Prashant

2 years ago

60.5k
Basic Resume template
simple and clean layout that provides a professional look.

Author:
R.P Ketan

2 years ago

25.4k
Author box

Author:
Mr Robot

2 years ago

11.3k
User profile card with social icons
Showcases a user's profile information along with links to their various social media accounts.

Author:
Simon Scheffer

2 years ago

14.5k
Modern resume template
modern resume template with data

Author:
Amit Pachange

1 year ago

19.9k
Responsive Hero Section with Typewriter Effect
A modern hero section featuring a typewriter animation effect, social media links, and responsive design. Includes a user avatar placeholder and a clean dark gradient background. Built with Tailwind CSS and Font Awesome icons. Perfect for personal portfolio websites.

Author:
Muhammad Umair Arshad

1 month ago

110
Personal card
A card to show minimal info for staff member

Author:
farid

4 months ago

406
Portfolio

Author:
Aitrik Saha

3 months ago

680
Modern Responsive Footer with Tailwind CSS
This sleek and modern responsive footer is built using HTML and Tailwind CSS. It features three sections: brand information, useful links, and social media icons. The footer includes smooth hover effects, subtle fade-in animations, and a fully responsive design that adapts seamlessly to different screen sizes. Perfect for websites looking for a professional and stylish footer section.

Author:
Ayyamperumal S

2 months ago

654

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components