Home
Srreyashi DeyChakii
Admin portal landing page

Admin portal landing page

This tailwind example is contributed by Srreyashi DeyChakii, on 26-May-2024. Component is made with Tailwind CSS v3. It is responsive.

Header Table

Author Srreyashi DeyChakii

3.1k

Fork Fullscreen

<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-white">
            Admin Portal

</h1>
        <p class="text-gray-300">
           Application update and Status

</p>

<div class="shadow-lg rounded-lg overflow-hidden mx-3 md:mx-4">
    <table class="w-full table-fixed">
        <thead>
            <tr class="bg-gray-100">
                <th class="w-1/4 py-4 px-6 text-left text-gray-600 font-bold uppercase">Source</th>
                <th class="w-1/4 py-4 px-6 text-left text-gray-600 font-bold uppercase">Toggle</th>
                <th class="w-1/4 py-4 px-6 text-left text-gray-600 font-bold uppercase">URL</th>
                <th class="w-1/4 py-4 px-6 text-left text-gray-600 font-bold uppercase">Status</th>
            </tr>
        </thead>
        <tbody class="bg-white">
            <tr>
                <td class="py-4 px-6 border-b border-gray-200">box</td>
                <td class="py-4 px-6 border-b border-gray-200 truncate">On</td>
                <td class="py-4 px-6 border-b border-gray-200">www.box.net</td>
                <td class="py-4 px-6 border-b border-gray-200">
                    <span class="bg-green-500 text-white py-1 px-2 rounded-full text-xs">Active</span>
                </td>
            </tr>
            <tr>
                <td class="py-4 px-6 border-b border-gray-200">FR</td>
                <td class="py-4 px-6 border-b border-gray-200 truncate">Off</td>
                <td class="py-4 px-6 border-b border-gray-200">www.frr.com</td>
                <td class="py-4 px-6 border-b border-gray-200">
                    <span class="bg-red-500 text-white py-1 px-2 rounded-full text-xs">Inactive</span>
                </td>
            </tr>
            <tr>

Related Examples

Tailwind CSS Datatable
Use this datatable component from Flowbite to power interactivity for table like pagination, search, sorting, and more: https://flowbite.com/docs/plugins/datatables/

Author:
Zoltán Szőgyényi

10 months ago

1.9k
Pricing comparison table
Showcase different pricing tiers or plans for a product or service.

Author:
Christian Ahlin

6 months ago

898
Header + simple Hero Section

Author:
ABDO-SY

4 months ago

1.1k
home
html , css

Author:
Hacker Development

1 month ago

401
Acode master
Welcome to Hamza's official portfolio — a creative developer blending modern design with powerful code. Explore animations, projects, and innovations crafted with HTML, Tailwind CSS, and passion.

Author:
Code Master(Mfuranziza Dusabe Hamza)

1 month ago

125
Navbar
E-commerce Navbar

Author:
Aman kumar

1 year ago

3.7k
Table template

Author:
Oliver Hansen

2 years ago

14.8k
home page
Hero Section: Gradient background with noise texture Animated floating image Gradient text effect Call-to-action buttons Features Section: Three feature cards with gradient headers Hover animations Clean iconography Stats Display: Full-width gradient background Clean stat presentation Testimonials: Three testimonial cards with user avatars Star ratings Border accents Hover scaling effects Call-to-Action (CTA) Section: Gradient background Centered content Multiple action buttons Footer: Four-column layout Social media icons Newsletter signup Copyright information Design Features: Vibrant gradient color scheme Smooth hover animations and transitions Responsive layout for all screen sizes Modern typography Subtle floating animations Clean, card-based design

Author:
ishimwe prince

1 month ago

171
Hero section
Hero section for your project

Author:
Prajwal Hallale

2 years ago

8.9k
Home
html , css

Author:
Hacker Development

1 month ago

45
Coffee
custom

Author:
Rebecca IRANKUNDA

4 weeks ago

43
Teste

Author:
Barbara Santos

6 months ago

962

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components