logout

This tailwind example is contributed by Uwera Dorcas, on 28-May-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Social media links,

Social media buttons

Author Uwera Dorcas

Fork Fullscreen

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Logout</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f9;
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            text-align: center;
        }
        .logout-container {
            background-color: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            max-width: 400px;
            width: 100%;
        }
        h2 {
            color: #6200ea;
        }
        .btn {
            display: inline-block;
            padding: 10px 20px;
            margin-top: 20px;
            background-color: #6200ea;
            color: white;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s;
        }
        .btn:hover {
            background-color: #3700b3;
        }
    </style>
</head>
<body>
    <div class="logout-container">
        <h2>You have been logged out</h2>
        <p>Thank you for using our application.</p>
        <a href="index.html" class="btn">Return to Home Page</a>
    </div>
</body>
</html>

Related Examples

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

Author:
Anonymous

1 year ago

11.4k
Login form with social login buttons

Author:
Task Master

2 years ago

18.4k
Card with social media share buttons

Author:
Computer guy

1 year ago

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

Author:
Anonymous

1 year ago

2.6k
Social media icons svg

Author:
Samuel Dawson

2 years ago

20.3k
Payment Button

Author:
Md. Tofayel islam

1 year ago

2.7k
Social Media Icons
Social Media Icons

Author:
Sedat Kumcu

7 months ago

1.2k
modern portifolio
by salvator

Author:
Baraka Salvator

1 month ago

75
Social share icons

Author:
Amit Pachange

2 years ago

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

Author:
R Thapa

1 year ago

16k
Social Media Icon Buttons with Tooltips
A responsive and interactive social media icon component built with Tailwind CSS. This component features Facebook, Twitter, and Instagram icons with smooth hover effects and tooltips that display the platform name. The icons are styled with rounded edges, shadows, and scale-up effects on hover, making them visually appealing for social media integrations. Ideal for adding social links to any website or application.

Author:
SHARIFUL ISLAM

4 months ago

771
Floating Action Button
This component displays a fixed, floating contact button panel positioned at the bottom-right corner of the screen. It provides users with quick access to key communication channels including WhatsApp, Email, and Instagram. Each icon is styled with vibrant, platform-specific colors and includes subtle hover animations for an interactive user experience. Ideal for improving accessibility and encouraging user engagement, especially on mobile devices.

Author:
Arturo Lizana

2 months ago

550

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components