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

1.5k

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

Animated Title
App Logo or Main Title

Author:
khalidrootdevs

11 months ago

5.2k
Portfolio Hero Section 3
visually stunning and captivating hero section component for your portfolio website.

Author:
Samuel Abera

5 months ago

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

3 months ago

820
Hero section
Hero section for your project

Author:
Prajwal Hallale

2 years ago

8.6k
Nutrition Facts table example

Author:
Kofi Osei

1 year ago

11.2k
New Nav Component
A new navigation component

Author:
Amit PR

6 months ago

1.6k
Yoga Coach Hero Section

Author:
Samuel Abera

5 months ago

2.9k
navigation header
responsive navigation header

Author:
Abid Ullah

2 months ago

575
Section Heading
A gorgeous section heading with a smooth blur element.

Author:
Coastal UI

1 week ago

39
Responsive portfolio with dark mode
responsive and support dark mode .portfolio website

Author:
ABDESLAMI ACHRAF

1 month ago

728
sticky headings
sticky headings

Author:
Anonymous

11 months ago

4.5k
Simple table with border

Author:
Kairi Greene

1 year ago

10.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 1700+ componenent