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

6.8k

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

1 year ago

22k
User | Author profile card template

Author:
Computer guy

1 year ago

7.8k
User Profile Card
Full-page Profile card

Author:
Prashant

2 years ago

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

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

Author:
R.P Ketan

1 year ago

24.1k
Author box

Author:
Mr Robot

2 years ago

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

Author:
Simon Scheffer

1 year ago

13.7k
Modern resume template
modern resume template with data

Author:
Amit Pachange

1 year ago

18.1k
Profile Card
Show more details on hover

Author:
Tamani Phiri

1 year ago

12.3k
nextjs-profile-card-tailwind

Author:
Tailwind Free Snippets

4 months ago

739
Profile Card

Author:
Crimson

2 weeks ago

39
My Personal Landing page
This HTML document showcases Aydin Vesali Moghaddam's personal portfolio, highlighting his journey in web development. The page features a responsive design that adapts to various screen sizes, ensuring a seamless user experience across devices. It includes a personal introduction, a brief overview of Aydin's tech journey, and a contact form for visitors to subscribe to updates. Additionally, the page provides links to Aydin's Discord, website, and Twitter, offering multiple avenues for connecting and staying updated on his projects.

Author:
AyDin VM

10 months ago

4k

Explore components by Tags

Didn't find component you were looking for?

Search from 1900+ components