ITTF explorer

Project Docs Github

/ittf/lab/tw/tw-wizzi.html.ittf (primary)
                                            edit
                                            html 
    head 
        meta 
            charset UTF-8
        meta 
            name viewport
            content width=device-width, initial-scale=1.0
        js https://cdn.tailwindcss.com
    body 
        class h-screen overflow-hidden flex flex-col
        style background: #edf2f7;
        div
            class w-full min-h-screen flex flex-col
            header 
                class w-full flex bg-green-200
                tw/logo-icon-title()
                tw/main-bar-nav()
                tw/main-bar()
            main
                class w-full flex-1 flex bg-yellow-200 gap-1
                div
                    class w-1/4 flex-1 flex flex-col bg-red-100 border-r-2 border-solid border-r-green-200 
                    . w-full flex justify-center
                        . max-w-40 mt-1 mb-2 mx-2 bg-blue-100 rounded-md
                            span 
                                class flex items-center p-2
                                input 
                                    class w-full max-w-30 pl-4 pr-10 rounded-md form-input focus:border-indigo-600
                                    type text
                                    placeholder Search
                                $if false
                                    svg 
                                        class w-5 h-5 text-gray-500
                                        viewBox 0 0 24 24
                                        fill none
                                        path 
                                            d M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z
                                            stroke currentColor
                                            stroke-width 2
                                            stroke-linecap round
                                            stroke-linejoin round
                    p 1
                div
                    class w-1/4 flex-1 flex flex-col bg-red-100 border-r-2 border-solid border-r-green-200
                    p 2
                div
                    class w-1/4 flex-1 flex flex-col bg-red-100 border-r-2 border-solid border-r-green-200
                    p 3
                div
                    class w-1/4 flex-1 flex flex-col bg-red-100
                    p 4
                    $$ p Add main content here
            footer 
                class w-full text-center bg-gray-200 py-4
                p Add footer content here

                                        
   1 html
   2     head
   3         meta
   4             charset UTF-8
   5         meta
   6             name viewport
   7             content width=device-width, initial-scale=1.0
   8         js https://cdn.tailwindcss.com
   9     body
  10         class h-screen overflow-hidden flex flex-col
  11         style background: #edf2f7;
  12         div
  13             class w-full min-h-screen flex flex-col
  14             header
  15                 class w-full flex bg-green-200
  16                 tw/logo-icon-title()
  17                 tw/main-bar-nav()
  18                 tw/main-bar()
  19             main
  20                 class w-full flex-1 flex bg-yellow-200 gap-1
  21                 div
  22                     class w-1/4 flex-1 flex flex-col bg-red-100 border-r-2 border-solid border-r-green-200
  23                     . w-full flex justify-center
  24                         . max-w-40 mt-1 mb-2 mx-2 bg-blue-100 rounded-md
  25                             span
  26                                 class flex items-center p-2
  27                                 input
  28                                     class w-full max-w-30 pl-4 pr-10 rounded-md form-input focus:border-indigo-600
  29                                     type text
  30                                     placeholder Search
  31                                 $if false
  32                                     svg
  33                                         class w-5 h-5 text-gray-500
  34                                         viewBox 0 0 24 24
  35                                         fill none
  36                                         path
  37                                             d M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z
  38                                             stroke currentColor
  39                                             stroke-width 2
  40                                             stroke-linecap round
  41                                             stroke-linejoin round
  42                     p 1
  43                 div
  44                     class w-1/4 flex-1 flex flex-col bg-red-100 border-r-2 border-solid border-r-green-200
  45                     p 2
  46                 div
  47                     class w-1/4 flex-1 flex flex-col bg-red-100 border-r-2 border-solid border-r-green-200
  48                     p 3
  49                 div
  50                     class w-1/4 flex-1 flex flex-col bg-red-100
  51                     p 4
  52                     $$ p Add main content here
  53             footer
  54                 class w-full text-center bg-gray-200 py-4
  55                 p Add footer content here

/ittf/lab/tw/t/tw/logo-icon-title.html.ittf
                                            edit
                                            $group
    . flex items-center
        svg 
            class w-12 h-12
            viewBox 0 0 512 512
            fill none
            xmlns http://www.w3.org/2000/svg
            path 
                d M364.61 390.213C304.625 450.196 207.37 450.196 147.386 390.213C117.394 360.22 102.398 320.911 102.398 281.6C102.398 242.291 117.394 202.981 147.386 172.989C147.386 230.4 153.6 281.6 230.4 307.2C230.4 256 256 102.4 294.4 76.7999C320 128 334.618 142.997 364.608 172.989C394.601 202.981 409.597 242.291 409.597 281.6C409.597 320.911 394.601 360.22 364.61 390.213Z
                fill #4C51BF
                stroke #4C51BF
                stroke-width 2
                stroke-linecap round
                stroke-linejoin round
            path 
                d M201.694 387.105C231.686 417.098 280.312 417.098 310.305 387.105C325.301 372.109 332.8 352.456 332.8 332.8C332.8 313.144 325.301 293.491 310.305 278.495C295.309 263.498 288 256 275.2 230.4C256 243.2 243.201 320 243.201 345.6C201.694 345.6 179.2 332.8 179.2 332.8C179.2 352.456 186.698 372.109 201.694 387.105Z
                fill white
        span Dashboard
            class mx-2 text-2xl font-semibold text-white
                                        
   1 $group
   2     . flex items-center
   3         svg
   4             class w-12 h-12
   5             viewBox 0 0 512 512
   6             fill none
   7             xmlns http://www.w3.org/2000/svg
   8             path
   9                 d M364.61 390.213C304.625 450.196 207.37 450.196 147.386 390.213C117.394 360.22 102.398 320.911 102.398 281.6C102.398 242.291 117.394 202.981 147.386 172.989C147.386 230.4 153.6 281.6 230.4 307.2C230.4 256 256 102.4 294.4 76.7999C320 128 334.618 142.997 364.608 172.989C394.601 202.981 409.597 242.291 409.597 281.6C409.597 320.911 394.601 360.22 364.61 390.213Z
  10                 fill #4C51BF
  11                 stroke #4C51BF
  12                 stroke-width 2
  13                 stroke-linecap round
  14                 stroke-linejoin round
  15             path
  16                 d M201.694 387.105C231.686 417.098 280.312 417.098 310.305 387.105C325.301 372.109 332.8 352.456 332.8 332.8C332.8 313.144 325.301 293.491 310.305 278.495C295.309 263.498 288 256 275.2 230.4C256 243.2 243.201 320 243.201 345.6C201.694 345.6 179.2 332.8 179.2 332.8C179.2 352.456 186.698 372.109 201.694 387.105Z
  17                 fill white
  18         span Dashboard
  19             class mx-2 text-2xl font-semibold text-white

/ittf/lab/tw/t/tw/main-bar-nav.html.ittf
                                            edit
                                            $group
    . items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1
        id mobile-menu-2
        ul 
            class flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0
            li 
                a Home
                    href #
                    class block py-2 pl-3 pr-4 text-white bg-purple-700 rounded lg:bg-transparent lg:text-purple-700 lg:p-0 dark:text-white
                    aria-current page
            li 
                a Company
                    href #
                    class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700
            li 
                a Marketplace
                    href #
                    class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700
            li 
                a Features
                    href #
                    class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700
            li 
                a Team
                    href #
                    class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700
            li 
                a Contact
                    href #
                    class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700
                                        
   1 $group
   2     . items-center justify-between hidden w-full lg:flex lg:w-auto lg:order-1
   3         id mobile-menu-2
   4         ul
   5             class flex flex-col mt-4 font-medium lg:flex-row lg:space-x-8 lg:mt-0
   6             li
   7                 a Home
   8                     href #
   9                     class block py-2 pl-3 pr-4 text-white bg-purple-700 rounded lg:bg-transparent lg:text-purple-700 lg:p-0 dark:text-white
  10                     aria-current page
  11             li
  12                 a Company
  13                     href #
  14                     class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700
  15             li
  16                 a Marketplace
  17                     href #
  18                     class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700
  19             li
  20                 a Features
  21                     href #
  22                     class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700
  23             li
  24                 a Team
  25                     href #
  26                     class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700
  27             li
  28                 a Contact
  29                     href #
  30                     class block py-2 pl-3 pr-4 text-gray-700 border-b border-gray-100 hover:bg-gray-50 lg:hover:bg-transparent lg:border-0 lg:hover:text-purple-700 lg:p-0 dark:text-gray-400 lg:dark:hover:text-white dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700

/ittf/lab/tw/t/tw/main-bar.html.ittf
                                            edit
                                            $group
    . flex items-center
        button 
            @click sidebarOpen = true
            class text-gray-500 focus:outline-none lg:hidden
            svg 
                class w-6 h-6
                viewBox 0 0 24 24
                fill none
                xmlns http://www.w3.org/2000/svg
                path 
                    d M4 6H20M4 12H20M4 18H11
                    stroke currentColor
                    stroke-width 2
                    stroke-linecap round
                    stroke-linejoin round
        . relative mx-4 lg:mx-0
            span 
                class absolute inset-y-0 left-0 flex items-center pl-3
                svg 
                    class w-5 h-5 text-gray-500
                    viewBox 0 0 24 24
                    fill none
                    path 
                        d M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z
                        stroke currentColor
                        stroke-width 2
                        stroke-linecap round
                        stroke-linejoin round
            input 
                class w-32 pl-10 pr-4 rounded-md form-input sm:w-64 focus:border-indigo-600
                type text
                placeholder Search
    . flex items-center
        . relative
            @ x-data { notificationOpen: false }
            button 
                @click notificationOpen = ! notificationOpen
                class flex mx-4 text-gray-600 focus:outline-none
                svg 
                    class w-6 h-6
                    viewBox 0 0 24 24
                    fill none
                    xmlns http://www.w3.org/2000/svg
                    path 
                        d M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9
                        stroke currentColor
                        stroke-width 2
                        stroke-linecap round
                        stroke-linejoin round
            . fixed inset-0 z-10 w-full h-full
                @ x-show notificationOpen
                @click notificationOpen = false
                style display: none;
            . absolute right-0 z-10 mt-2 overflow-hidden bg-white rounded-lg shadow-xl w-80
                @ x-show notificationOpen
                style width: 20rem; display: none;
                a 
                    href #
                    class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600
                    img 
                        class object-cover w-8 h-8 mx-1 rounded-full
                        src https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80
                        alt avatar
                    p 
                        class mx-2 text-sm
                        span Sara Salah
                            class font-bold
                        + replied on the
                        span Upload Image
                            class font-bold text-indigo-400
                        ++ artical . 2m
                a 
                    href #
                    class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600
                    img 
                        class object-cover w-8 h-8 mx-1 rounded-full
                        src https://images.unsplash.com/photo-1531427186611-ecfd6d936c79?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80
                        alt avatar
                    p 
                        class mx-2 text-sm
                        span Slick Net
                            class font-bold
                        ++ start following you . 45m
                a 
                    href #
                    class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600
                    img 
                        class object-cover w-8 h-8 mx-1 rounded-full
                        src https://images.unsplash.com/photo-1450297350677-623de575f31c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80
                        alt avatar
                    p 
                        class mx-2 text-sm
                        span Jane Doe
                            class font-bold
                        + Like Your reply on
                        span Test with TDD
                            class font-bold text-indigo-400
                        ++ artical . 1h
                a 
                    href #
                    class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600
                    img 
                        class object-cover w-8 h-8 mx-1 rounded-full
                        src https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=398&q=80
                        alt avatar
                    p 
                        class mx-2 text-sm
                        span Abigail Bennett
                            class font-bold
                        ++ start following you . 3h
        . relative
            @ x-data { dropdownOpen: false }
            button 
                @click dropdownOpen = ! dropdownOpen
                class relative block w-8 h-8 overflow-hidden rounded-full shadow focus:outline-none
                img 
                    class object-cover w-full h-full
                    src https://images.unsplash.com/photo-1528892952291-009c663ce843?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=296&q=80
                    alt Your avatar
            . fixed inset-0 z-10 w-full h-full
                @ x-show dropdownOpen
                @click dropdownOpen = false
                style display: none;
            . absolute right-0 z-10 w-48 mt-2 overflow-hidden bg-white rounded-md shadow-xl
                @ x-show dropdownOpen
                style display: none;
                a Profile
                    href #
                    class block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-600 hover:text-white
                a Products
                    href #
                    class block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-600 hover:text-white
                a Logout
                    href #
                    class block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-600 hover:text-white

                                        
   1 $group
   2     . flex items-center
   3         button
   4             @click sidebarOpen = true
   5             class text-gray-500 focus:outline-none lg:hidden
   6             svg
   7                 class w-6 h-6
   8                 viewBox 0 0 24 24
   9                 fill none
  10                 xmlns http://www.w3.org/2000/svg
  11                 path
  12                     d M4 6H20M4 12H20M4 18H11
  13                     stroke currentColor
  14                     stroke-width 2
  15                     stroke-linecap round
  16                     stroke-linejoin round
  17         . relative mx-4 lg:mx-0
  18             span
  19                 class absolute inset-y-0 left-0 flex items-center pl-3
  20                 svg
  21                     class w-5 h-5 text-gray-500
  22                     viewBox 0 0 24 24
  23                     fill none
  24                     path
  25                         d M21 21L15 15M17 10C17 13.866 13.866 17 10 17C6.13401 17 3 13.866 3 10C3 6.13401 6.13401 3 10 3C13.866 3 17 6.13401 17 10Z
  26                         stroke currentColor
  27                         stroke-width 2
  28                         stroke-linecap round
  29                         stroke-linejoin round
  30             input
  31                 class w-32 pl-10 pr-4 rounded-md form-input sm:w-64 focus:border-indigo-600
  32                 type text
  33                 placeholder Search
  34     . flex items-center
  35         . relative
  36             @ x-data { notificationOpen: false }
  37             button
  38                 @click notificationOpen = ! notificationOpen
  39                 class flex mx-4 text-gray-600 focus:outline-none
  40                 svg
  41                     class w-6 h-6
  42                     viewBox 0 0 24 24
  43                     fill none
  44                     xmlns http://www.w3.org/2000/svg
  45                     path
  46                         d M15 17H20L18.5951 15.5951C18.2141 15.2141 18 14.6973 18 14.1585V11C18 8.38757 16.3304 6.16509 14 5.34142V5C14 3.89543 13.1046 3 12 3C10.8954 3 10 3.89543 10 5V5.34142C7.66962 6.16509 6 8.38757 6 11V14.1585C6 14.6973 5.78595 15.2141 5.40493 15.5951L4 17H9M15 17V18C15 19.6569 13.6569 21 12 21C10.3431 21 9 19.6569 9 18V17M15 17H9
  47                         stroke currentColor
  48                         stroke-width 2
  49                         stroke-linecap round
  50                         stroke-linejoin round
  51             . fixed inset-0 z-10 w-full h-full
  52                 @ x-show notificationOpen
  53                 @click notificationOpen = false
  54                 style display: none;
  55             . absolute right-0 z-10 mt-2 overflow-hidden bg-white rounded-lg shadow-xl w-80
  56                 @ x-show notificationOpen
  57                 style width: 20rem; display: none;
  58                 a
  59                     href #
  60                     class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600
  61                     img
  62                         class object-cover w-8 h-8 mx-1 rounded-full
  63                         src https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80
  64                         alt avatar
  65                     p
  66                         class mx-2 text-sm
  67                         span Sara Salah
  68                             class font-bold
  69                         + replied on the
  70                         span Upload Image
  71                             class font-bold text-indigo-400
  72                         ++ artical . 2m
  73                 a
  74                     href #
  75                     class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600
  76                     img
  77                         class object-cover w-8 h-8 mx-1 rounded-full
  78                         src https://images.unsplash.com/photo-1531427186611-ecfd6d936c79?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80
  79                         alt avatar
  80                     p
  81                         class mx-2 text-sm
  82                         span Slick Net
  83                             class font-bold
  84                         ++ start following you . 45m
  85                 a
  86                     href #
  87                     class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600
  88                     img
  89                         class object-cover w-8 h-8 mx-1 rounded-full
  90                         src https://images.unsplash.com/photo-1450297350677-623de575f31c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80
  91                         alt avatar
  92                     p
  93                         class mx-2 text-sm
  94                         span Jane Doe
  95                             class font-bold
  96                         + Like Your reply on
  97                         span Test with TDD
  98                             class font-bold text-indigo-400
  99                         ++ artical . 1h
 100                 a
 101                     href #
 102                     class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600
 103                     img
 104                         class object-cover w-8 h-8 mx-1 rounded-full
 105                         src https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=398&q=80
 106                         alt avatar
 107                     p
 108                         class mx-2 text-sm
 109                         span Abigail Bennett
 110                             class font-bold
 111                         ++ start following you . 3h
 112         . relative
 113             @ x-data { dropdownOpen: false }
 114             button
 115                 @click dropdownOpen = ! dropdownOpen
 116                 class relative block w-8 h-8 overflow-hidden rounded-full shadow focus:outline-none
 117                 img
 118                     class object-cover w-full h-full
 119                     src https://images.unsplash.com/photo-1528892952291-009c663ce843?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=296&q=80
 120                     alt Your avatar
 121             . fixed inset-0 z-10 w-full h-full
 122                 @ x-show dropdownOpen
 123                 @click dropdownOpen = false
 124                 style display: none;
 125             . absolute right-0 z-10 w-48 mt-2 overflow-hidden bg-white rounded-md shadow-xl
 126                 @ x-show dropdownOpen
 127                 style display: none;
 128                 a Profile
 129                     href #
 130                     class block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-600 hover:text-white
 131                 a Products
 132                     href #
 133                     class block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-600 hover:text-white
 134                 a Logout
 135                     href #
 136                     class block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-600 hover:text-white