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

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.8k
Social media icons svg

Author:
Samuel Dawson

3 years ago

21.3k
Buttons with Icon

Author:
_Amar_

3 years ago

15.9k
Card with social media share buttons

Author:
Computer guy

2 years ago

9.1k
Social media icons
'follow us on' buttons

Author:
R.P Ketan

2 years ago

8.9k
Social share icons

Author:
Amit Pachange

2 years ago

10.9k
Social links with icons

Author:
Leon Bachmann

2 years ago

12.4k
Login popup modal
centered modal for gaining more attention from users, it also has social login buttons.

Author:
R Thapa

2 years ago

17.1k
Tailwind CSS Blog sharing buttons with blog details
Introducing our Blog Sharing Buttons with Blog Details component, designed to enhance the social sharing experience on your blog posts.

Author:
Abid Ullah

1 year ago

2.1k
Continue with Discord button
Login with the Discord button for social login

Author:
Anonymous

2 years ago

12.3k
Social Media Icons
Social Media Icons

Author:
Aman kumar

1 year ago

1.9k
Modern Dark Footer with Overlapping Gradient CTA
A comprehensive, dark-themed website footer component built with HTML and Tailwind CSS. It features a visually distinct overlapping section with a colorful gradient background containing a prominent call-to-action (CTA) block. The main footer area utilizes a multi-column grid layout for organized navigation links, a newsletter signup form, and social media icons. A final bottom bar includes legal links and copyright information. The design is responsive and adapts its layout for different screen sizes.

Author:
Hamza Atig

8 months ago

1k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components