/ittf/lab/tw/tw-dash.html.ittf (primary)
1 html 2 lang en 3 $$ https://www.tailwindawesome.com/resources/dashboard-template 4 head 5 meta 6 charset utf-8 7 meta 8 http-equiv X-UA-Compatible 9 content IE=edge 10 meta 11 name viewport 12 content width=device-width, initial-scale=1 13 $* 14 link 15 href https://cdn.tailwindcss.com 16 rel stylesheet 17 *$ 18 js https://cdn.tailwindcss.com 19 body 20 class h-screen overflow-hidden flex items-center justify-center 21 style background: #edf2f7; 22 div 24 . flex h-screen bg-gray-200 25 @ x-data { sidebarOpen: false } 26 . fixed inset-0 z-20 transition-opacity bg-black opacity-50 lg:hidden 27 @ :class sidebarOpen ? 'block' : 'hidden' 28 @click sidebarOpen = false 29 . fixed inset-y-0 left-0 z-30 w-64 overflow-y-auto transition duration-300 transform bg-gray-900 lg:translate-x-0 lg:static lg:inset-0 30 @ :class sidebarOpen ? 'translate-x-0 ease-out' : '-translate-x-full ease-in' 31 . flex items-center justify-center mt-8 32 . flex items-center 33 svg 34 class w-12 h-12 35 viewBox 0 0 512 512 36 fill none 37 xmlns http://www.w3.org/2000/svg 38 path 39 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 40 fill #4C51BF 41 stroke #4C51BF 42 stroke-width 2 43 stroke-linecap round 44 stroke-linejoin round 45 path 46 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 47 fill white 48 span Dashboard 49 class mx-2 text-2xl font-semibold text-white 50 nav 51 class mt-10 52 a 53 class flex items-center px-6 py-2 mt-4 text-gray-100 bg-gray-700 bg-opacity-25 54 href # 55 svg 56 class w-6 h-6 57 xmlns http://www.w3.org/2000/svg 58 fill none 59 viewBox 0 0 24 24 60 stroke currentColor 61 path 62 stroke-linecap round 63 stroke-linejoin round 64 stroke-width 2 65 d M11 3.055A9.001 9.001 0 1020.945 13H11V3.055z 66 path 67 stroke-linecap round 68 stroke-linejoin round 69 stroke-width 2 70 d M20.488 9H15V3.512A9.025 9.025 0 0120.488 9z 71 span Dashboard 72 class mx-3 73 a 74 class flex items-center px-6 py-2 mt-4 text-gray-500 hover:bg-gray-700 hover:bg-opacity-25 hover:text-gray-100 75 href # 76 svg 77 class w-6 h-6 78 xmlns http://www.w3.org/2000/svg 79 fill none 80 viewBox 0 0 24 24 81 stroke currentColor 82 path 83 stroke-linecap round 84 stroke-linejoin round 85 stroke-width 2 86 d M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z 87 span UI Elements 88 class mx-3 89 a 90 class flex items-center px-6 py-2 mt-4 text-gray-500 hover:bg-gray-700 hover:bg-opacity-25 hover:text-gray-100 91 href # 92 svg 93 class w-6 h-6 94 xmlns http://www.w3.org/2000/svg 95 fill none 96 viewBox 0 0 24 24 97 stroke currentColor 98 path 99 stroke-linecap round 100 stroke-linejoin round 101 stroke-width 2 102 d M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10 103 span Tables 104 class mx-3 105 a 106 class flex items-center px-6 py-2 mt-4 text-gray-500 hover:bg-gray-700 hover:bg-opacity-25 hover:text-gray-100 107 href # 108 svg 109 class w-6 h-6 110 xmlns http://www.w3.org/2000/svg 111 fill none 112 viewBox 0 0 24 24 113 stroke currentColor 114 path 115 stroke-linecap round 116 stroke-linejoin round 117 stroke-width 2 118 d M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z 119 span Forms 120 class mx-3 121 . flex flex-col flex-1 overflow-hidden 122 header 123 class flex items-center justify-between px-6 py-4 bg-white border-b-4 border-indigo-600 124 . flex items-center 125 button 126 @click sidebarOpen = true 127 class text-gray-500 focus:outline-none lg:hidden 128 svg 129 class w-6 h-6 130 viewBox 0 0 24 24 131 fill none 132 xmlns http://www.w3.org/2000/svg 133 path 134 d M4 6H20M4 12H20M4 18H11 135 stroke currentColor 136 stroke-width 2 137 stroke-linecap round 138 stroke-linejoin round 139 . relative mx-4 lg:mx-0 140 span 141 class absolute inset-y-0 left-0 flex items-center pl-3 142 svg 143 class w-5 h-5 text-gray-500 144 viewBox 0 0 24 24 145 fill none 146 path 147 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 148 stroke currentColor 149 stroke-width 2 150 stroke-linecap round 151 stroke-linejoin round 152 input 153 class w-32 pl-10 pr-4 rounded-md form-input sm:w-64 focus:border-indigo-600 154 type text 155 placeholder Search 156 . flex items-center 157 . relative 158 @ x-data { notificationOpen: false } 159 button 160 @click notificationOpen = ! notificationOpen 161 class flex mx-4 text-gray-600 focus:outline-none 162 svg 163 class w-6 h-6 164 viewBox 0 0 24 24 165 fill none 166 xmlns http://www.w3.org/2000/svg 167 path 168 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 169 stroke currentColor 170 stroke-width 2 171 stroke-linecap round 172 stroke-linejoin round 173 . fixed inset-0 z-10 w-full h-full 174 @ x-show notificationOpen 175 @click notificationOpen = false 176 style display: none; 177 . absolute right-0 z-10 mt-2 overflow-hidden bg-white rounded-lg shadow-xl w-80 178 @ x-show notificationOpen 179 style width: 20rem; display: none; 180 a 181 href # 182 class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600 183 img 184 class object-cover w-8 h-8 mx-1 rounded-full 185 src https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80 186 alt avatar 187 p 188 class mx-2 text-sm 189 span Sara Salah 190 class font-bold 191 + replied on the 192 span Upload Image 193 class font-bold text-indigo-400 194 ++ artical . 2m 195 a 196 href # 197 class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600 198 img 199 class object-cover w-8 h-8 mx-1 rounded-full 200 src https://images.unsplash.com/photo-1531427186611-ecfd6d936c79?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80 201 alt avatar 202 p 203 class mx-2 text-sm 204 span Slick Net 205 class font-bold 206 ++ start following you . 45m 207 a 208 href # 209 class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600 210 img 211 class object-cover w-8 h-8 mx-1 rounded-full 212 src https://images.unsplash.com/photo-1450297350677-623de575f31c?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=334&q=80 213 alt avatar 214 p 215 class mx-2 text-sm 216 span Jane Doe 217 class font-bold 218 + Like Your reply on 219 span Test with TDD 220 class font-bold text-indigo-400 221 ++ artical . 1h 222 a 223 href # 224 class flex items-center px-4 py-3 -mx-2 text-gray-600 hover:text-white hover:bg-indigo-600 225 img 226 class object-cover w-8 h-8 mx-1 rounded-full 227 src https://images.unsplash.com/photo-1580489944761-15a19d654956?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=398&q=80 228 alt avatar 229 p 230 class mx-2 text-sm 231 span Abigail Bennett 232 class font-bold 233 ++ start following you . 3h 234 . relative 235 @ x-data { dropdownOpen: false } 236 button 237 @click dropdownOpen = ! dropdownOpen 238 class relative block w-8 h-8 overflow-hidden rounded-full shadow focus:outline-none 239 img 240 class object-cover w-full h-full 241 src https://images.unsplash.com/photo-1528892952291-009c663ce843?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=296&q=80 242 alt Your avatar 243 . fixed inset-0 z-10 w-full h-full 244 @ x-show dropdownOpen 245 @click dropdownOpen = false 246 style display: none; 247 . absolute right-0 z-10 w-48 mt-2 overflow-hidden bg-white rounded-md shadow-xl 248 @ x-show dropdownOpen 249 style display: none; 250 a Profile 251 href # 252 class block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-600 hover:text-white 253 a Products 254 href # 255 class block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-600 hover:text-white 256 a Logout 257 href # 258 class block px-4 py-2 text-sm text-gray-700 hover:bg-indigo-600 hover:text-white 259 main 260 class flex-1 overflow-x-hidden overflow-y-auto bg-gray-200 261 . container px-6 py-8 mx-auto 262 h3 Dashboard 263 class text-3xl font-medium text-gray-700 264 . mt-4 265 . flex flex-wrap -mx-6 266 . w-full px-6 sm:w-1/2 xl:w-1/3 267 . flex items-center px-5 py-6 bg-white rounded-md shadow-sm 268 . p-3 bg-indigo-600 bg-opacity-75 rounded-full 269 svg 270 class w-8 h-8 text-white 271 viewBox 0 0 28 30 272 fill none 273 xmlns http://www.w3.org/2000/svg 274 path 275 d M18.2 9.08889C18.2 11.5373 16.3196 13.5222 14 13.5222C11.6804 13.5222 9.79999 11.5373 9.79999 9.08889C9.79999 6.64043 11.6804 4.65556 14 4.65556C16.3196 4.65556 18.2 6.64043 18.2 9.08889Z 276 fill currentColor 277 path 278 d M25.2 12.0444C25.2 13.6768 23.9464 15 22.4 15C20.8536 15 19.6 13.6768 19.6 12.0444C19.6 10.4121 20.8536 9.08889 22.4 9.08889C23.9464 9.08889 25.2 10.4121 25.2 12.0444Z 279 fill currentColor 280 path 281 d M19.6 22.3889C19.6 19.1243 17.0927 16.4778 14 16.4778C10.9072 16.4778 8.39999 19.1243 8.39999 22.3889V26.8222H19.6V22.3889Z 282 fill currentColor 283 path 284 d M8.39999 12.0444C8.39999 13.6768 7.14639 15 5.59999 15C4.05359 15 2.79999 13.6768 2.79999 12.0444C2.79999 10.4121 4.05359 9.08889 5.59999 9.08889C7.14639 9.08889 8.39999 10.4121 8.39999 12.0444Z 285 fill currentColor 286 path 287 d M22.4 26.8222V22.3889C22.4 20.8312 22.0195 19.3671 21.351 18.0949C21.6863 18.0039 22.0378 17.9556 22.4 17.9556C24.7197 17.9556 26.6 19.9404 26.6 22.3889V26.8222H22.4Z 288 fill currentColor 289 path 290 d M6.64896 18.0949C5.98058 19.3671 5.59999 20.8312 5.59999 22.3889V26.8222H1.39999V22.3889C1.39999 19.9404 3.2804 17.9556 5.59999 17.9556C5.96219 17.9556 6.31367 18.0039 6.64896 18.0949Z 291 fill currentColor 292 . mx-5 293 h4 8,282 294 class text-2xl font-semibold text-gray-700 295 div New Users 296 class text-gray-500 297 . w-full px-6 mt-6 sm:w-1/2 xl:w-1/3 sm:mt-0 298 . flex items-center px-5 py-6 bg-white rounded-md shadow-sm 299 . p-3 bg-orange-600 bg-opacity-75 rounded-full 300 svg 301 class w-8 h-8 text-white 302 viewBox 0 0 28 28 303 fill none 304 xmlns http://www.w3.org/2000/svg 305 path 306 d M4.19999 1.4C3.4268 1.4 2.79999 2.02681 2.79999 2.8C2.79999 3.57319 3.4268 4.2 4.19999 4.2H5.9069L6.33468 5.91114C6.33917 5.93092 6.34409 5.95055 6.34941 5.97001L8.24953 13.5705L6.99992 14.8201C5.23602 16.584 6.48528 19.6 8.97981 19.6H21C21.7731 19.6 22.4 18.9732 22.4 18.2C22.4 17.4268 21.7731 16.8 21 16.8H8.97983L10.3798 15.4H19.6C20.1303 15.4 20.615 15.1004 20.8521 14.6261L25.0521 6.22609C25.2691 5.79212 25.246 5.27673 24.991 4.86398C24.7357 4.45123 24.2852 4.2 23.8 4.2H8.79308L8.35818 2.46044C8.20238 1.83722 7.64241 1.4 6.99999 1.4H4.19999Z 307 fill currentColor 308 path 309 d M22.4 23.1C22.4 24.2598 21.4598 25.2 20.3 25.2C19.1403 25.2 18.2 24.2598 18.2 23.1C18.2 21.9402 19.1403 21 20.3 21C21.4598 21 22.4 21.9402 22.4 23.1Z 310 fill currentColor 311 path 312 d M9.1 25.2C10.2598 25.2 11.2 24.2598 11.2 23.1C11.2 21.9402 10.2598 21 9.1 21C7.9402 21 7 21.9402 7 23.1C7 24.2598 7.9402 25.2 9.1 25.2Z 313 fill currentColor 314 . mx-5 315 h4 200,521 316 class text-2xl font-semibold text-gray-700 317 div Total Orders 318 class text-gray-500 319 . w-full px-6 mt-6 sm:w-1/2 xl:w-1/3 xl:mt-0 320 . flex items-center px-5 py-6 bg-white rounded-md shadow-sm 321 . p-3 bg-pink-600 bg-opacity-75 rounded-full 322 svg 323 class w-8 h-8 text-white 324 viewBox 0 0 28 28 325 fill none 326 xmlns http://www.w3.org/2000/svg 327 path 328 d M6.99998 11.2H21L22.4 23.8H5.59998L6.99998 11.2Z 329 fill currentColor 330 stroke currentColor 331 stroke-width 2 332 stroke-linejoin round 333 path 334 d M9.79999 8.4C9.79999 6.08041 11.6804 4.2 14 4.2C16.3196 4.2 18.2 6.08041 18.2 8.4V12.6C18.2 14.9197 16.3196 16.8 14 16.8C11.6804 16.8 9.79999 14.9197 9.79999 12.6V8.4Z 335 stroke currentColor 336 stroke-width 2 337 . mx-5 338 h4 215,542 339 class text-2xl font-semibold text-gray-700 340 div Available Products 341 class text-gray-500 342 . mt-8 343 . flex flex-col mt-8 344 . py-2 -my-2 overflow-x-auto sm:-mx-6 sm:px-6 lg:-mx-8 lg:px-8 345 . inline-block min-w-full overflow-hidden align-middle border-b border-gray-200 shadow sm:rounded-lg 346 table 347 class min-w-full 348 thead 349 tr 350 th 351 class px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50 352 ++ Name 353 th 354 class px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50 355 ++ Title 356 th 357 class px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50 358 ++ Status 359 th 360 class px-6 py-3 text-xs font-medium leading-4 tracking-wider text-left text-gray-500 uppercase border-b border-gray-200 bg-gray-50 361 ++ Role 362 th 363 class px-6 py-3 border-b border-gray-200 bg-gray-50 364 tbody 365 class bg-white 366 tr 367 td 368 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 369 . flex items-center 370 . flex-shrink-0 w-10 h-10 371 img 372 class w-10 h-10 rounded-full 373 src https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80 374 alt 375 . ml-4 376 . text-sm font-medium leading-5 text-gray-900 377 ++ John Doe 379 class text-sm leading-5 text-gray-500 380 td 381 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 382 div Software Engineer 383 class text-sm leading-5 text-gray-900 384 div Web dev 385 class text-sm leading-5 text-gray-500 386 td 387 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 388 span Active 389 class inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full 390 td 391 class px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap border-b border-gray-200 392 ++ Owner 393 td 394 class px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap border-b border-gray-200 395 a Edit 396 href # 397 class text-indigo-600 hover:text-indigo-900 398 tr 399 td 400 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 401 . flex items-center 402 . flex-shrink-0 w-10 h-10 403 img 404 class w-10 h-10 rounded-full 405 src https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80 406 alt 407 . ml-4 408 . text-sm font-medium leading-5 text-gray-900 409 ++ John Doe 411 class text-sm leading-5 text-gray-500 412 td 413 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 414 div Software Engineer 415 class text-sm leading-5 text-gray-900 416 div Web dev 417 class text-sm leading-5 text-gray-500 418 td 419 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 420 span Active 421 class inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full 422 td 423 class px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap border-b border-gray-200 424 ++ Owner 425 td 426 class px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap border-b border-gray-200 427 a Edit 428 href # 429 class text-indigo-600 hover:text-indigo-900 430 tr 431 td 432 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 433 . flex items-center 434 . flex-shrink-0 w-10 h-10 435 img 436 class w-10 h-10 rounded-full 437 src https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80 438 alt 439 . ml-4 440 . text-sm font-medium leading-5 text-gray-900 441 ++ John Doe 443 class text-sm leading-5 text-gray-500 444 td 445 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 446 div Software Engineer 447 class text-sm leading-5 text-gray-900 448 div Web dev 449 class text-sm leading-5 text-gray-500 450 td 451 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 452 span Active 453 class inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full 454 td 455 class px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap border-b border-gray-200 456 ++ Owner 457 td 458 class px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap border-b border-gray-200 459 a Edit 460 href # 461 class text-indigo-600 hover:text-indigo-900 462 tr 463 td 464 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 465 . flex items-center 466 . flex-shrink-0 w-10 h-10 467 img 468 class w-10 h-10 rounded-full 469 src https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80 470 alt 471 . ml-4 472 . text-sm font-medium leading-5 text-gray-900 473 ++ John Doe 475 class text-sm leading-5 text-gray-500 476 td 477 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 478 div Software Engineer 479 class text-sm leading-5 text-gray-900 480 div Web dev 481 class text-sm leading-5 text-gray-500 482 td 483 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 484 span Active 485 class inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full 486 td 487 class px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap border-b border-gray-200 488 ++ Owner 489 td 490 class px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap border-b border-gray-200 491 a Edit 492 href # 493 class text-indigo-600 hover:text-indigo-900 494 tr 495 td 496 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 497 . flex items-center 498 . flex-shrink-0 w-10 h-10 499 img 500 class w-10 h-10 rounded-full 501 src https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80 502 alt 503 . ml-4 504 . text-sm font-medium leading-5 text-gray-900 505 ++ John Doe 507 class text-sm leading-5 text-gray-500 508 td 509 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 510 div Software Engineer 511 class text-sm leading-5 text-gray-900 512 div Web dev 513 class text-sm leading-5 text-gray-500 514 td 515 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 516 span Active 517 class inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full 518 td 519 class px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap border-b border-gray-200 520 ++ Owner 521 td 522 class px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap border-b border-gray-200 523 a Edit 524 href # 525 class text-indigo-600 hover:text-indigo-900 526 tr 527 td 528 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 529 . flex items-center 530 . flex-shrink-0 w-10 h-10 531 img 532 class w-10 h-10 rounded-full 533 src https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80 534 alt 535 . ml-4 536 . text-sm font-medium leading-5 text-gray-900 537 ++ John Doe 539 class text-sm leading-5 text-gray-500 540 td 541 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 542 div Software Engineer 543 class text-sm leading-5 text-gray-900 544 div Web dev 545 class text-sm leading-5 text-gray-500 546 td 547 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 548 span Active 549 class inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full 550 td 551 class px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap border-b border-gray-200 552 ++ Owner 553 td 554 class px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap border-b border-gray-200 555 a Edit 556 href # 557 class text-indigo-600 hover:text-indigo-900 558 tr 559 td 560 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 561 . flex items-center 562 . flex-shrink-0 w-10 h-10 563 img 564 class w-10 h-10 rounded-full 565 src https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80 566 alt 567 . ml-4 568 . text-sm font-medium leading-5 text-gray-900 569 ++ John Doe 571 class text-sm leading-5 text-gray-500 572 td 573 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 574 div Software Engineer 575 class text-sm leading-5 text-gray-900 576 div Web dev 577 class text-sm leading-5 text-gray-500 578 td 579 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 580 span Active 581 class inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full 582 td 583 class px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap border-b border-gray-200 584 ++ Owner 585 td 586 class px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap border-b border-gray-200 587 a Edit 588 href # 589 class text-indigo-600 hover:text-indigo-900 590 tr 591 td 592 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 593 . flex items-center 594 . flex-shrink-0 w-10 h-10 595 img 596 class w-10 h-10 rounded-full 597 src https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80 598 alt 599 . ml-4 600 . text-sm font-medium leading-5 text-gray-900 601 ++ John Doe 603 class text-sm leading-5 text-gray-500 604 td 605 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 606 div Software Engineer 607 class text-sm leading-5 text-gray-900 608 div Web dev 609 class text-sm leading-5 text-gray-500 610 td 611 class px-6 py-4 whitespace-no-wrap border-b border-gray-200 612 span Active 613 class inline-flex px-2 text-xs font-semibold leading-5 text-green-800 bg-green-100 rounded-full 614 td 615 class px-6 py-4 text-sm leading-5 text-gray-500 whitespace-no-wrap border-b border-gray-200 616 ++ Owner 617 td 618 class px-6 py-4 text-sm font-medium leading-5 text-right whitespace-no-wrap border-b border-gray-200 619 a Edit 620 href # 621 class text-indigo-600 hover:text-indigo-900