Home
Prajwal Hallale
Social share buttons box

Social share buttons box

This tailwind example is contributed by Prajwal Hallale, on 28-Apr-2023. Component is made with Tailwind CSS v3. similar terms for this example are Social media links,

Social media buttons

Author Prajwal Hallale

11.4k

Fork Fullscreen

<fieldset class="text-lg border-2 border-gray-300 rounded-lg p-4 mb-4 max-w-sm mx-auto mt-24">
    <legend class="px-2 text-xl font-semibold">
        Share
    </legend>
    <div id="laravel-share-this" class="flex justify-center gap-4 flex-wrap" style="color: black;">
        <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fmcqmate.com%2Fquiz%2F14%2F8085-microprocessor&amp;quote=8085%2BMicroprocessor%2Bonline%2Bpractice%2Btest"
            target="_blank"
            class="border-2 border-blue-500 rounded-md py-1 px-2 text-blue-500 hover:bg-blue-500 hover:text-white">Facebook</a>
        <a href="https://wa.me/?text=8085+Microprocessor+online+practice+test%0A%0Ahttps%3A%2F%2Fmcqmate.com%2Fquiz%2F14%2F8085-microprocessor"
            target="_blank"
            class="border-2 border-green-500 rounded-md py-1 px-2 text-green-500 hover:bg-green-500 hover:text-white">Whatsapp</a>
        <a href="https://twitter.com/intent/tweet?text=8085+Microprocessor+online+practice+test%0A&amp;url=https%3A%2F%2Fmcqmate.com%2Fquiz%2F14%2F8085-microprocessor"
            target="_blank"
            class="border-2 border-blue-400 rounded-md py-1 px-2 text-blue-400 hover:bg-blue-400 hover:text-white">Twitter</a>
        <a href="https://telegram.me/share/url?text=8085+Microprocessor+online+practice+test%0A&amp;url=https%3A%2F%2Fmcqmate.com%2Fquiz%2F14%2F8085-microprocessor"
            target="_blank"
            class="border-2 border-blue-600 rounded-md py-1 px-2 text-blue-600 hover:bg-blue-600 hover:text-white">Telegram</a>
    </div>
</fieldset>

Related Examples

Social share icons

Author:
Amit Pachange

2 years ago

12.1k
Social media icons svg

Author:
Samuel Dawson

2 years ago

19.6k
Buttons with Icon

Author:
_Amar_

2 years ago

14.5k
Card with social media share buttons

Author:
Computer guy

1 year ago

8.2k
Social media icons
'follow us on' buttons

Author:
R.P Ketan

1 year ago

8k
Social share icons

Author:
Amit Pachange

2 years ago

10k
Social links with icons

Author:
Leon Bachmann

2 years ago

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

1 month ago

381
Social Media Icons
Social Media Icons

Author:
Aman kumar

8 months ago

1.1k
Team Section

Author:
Samuel Abera

4 months ago

1.2k
Social media login modal
Popup model for social media login. i.e. google and GitHub. you can add more buttons according to your need

Author:
Sameer Sultana

1 year ago

14.2k
Continue with Google button
Login with google button for social login.

Author:
S. Patel

1 year ago

22.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components