2025-12-27 21:59:58 +08:00
{{template "components/header.html" .}}
{{template "components/preloader.html" .}}
2025-12-26 22:35:18 +08:00
< div id = "main-wrapper" >
<!-- Sidebar Start -->
2025-12-27 21:59:58 +08:00
{{template "components/sidebar.html" .}}
2025-12-26 22:35:18 +08:00
<!-- Sidebar End -->
< div class = "page-wrapper" >
<!-- Header Start -->
2025-12-27 21:59:58 +08:00
{{template "components/topbar.html" .}}
2025-12-26 22:35:18 +08:00
<!-- Header End -->
< div class = "body-wrapper" >
< div class = "container-fluid" >
< div class = "card bg-info-subtle shadow-none position-relative overflow-hidden mb-4" >
< div class = "card-body px-4 py-3" >
< div class = "row align-items-center" >
< div class = "col-9" >
< h4 class = "fw-semibold mb-8" > Kanban< / h4 >
< nav aria-label = "breadcrumb" >
< ol class = "breadcrumb" >
< li class = "breadcrumb-item" >
< a class = "text-muted text-decoration-none" href = "../main/index.html" > Home< / a >
< / li >
< li class = "breadcrumb-item" aria-current = "page" > Kanban< / li >
< / ol >
< / nav >
< / div >
< div class = "col-3" >
< div class = "text-center mb-n5" >
< img src = "../assets/images/breadcrumb/ChatBc.png" alt = "modernize-img" class = "img-fluid mb-n4" / >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "action-btn layout-top-spacing mb-7 d-flex align-items-center justify-content-between flex-wrap gap-6" >
< h5 class = "mb-0 fs-5" > Improving Work Processes< / h5 >
< button id = "add-list" class = "btn btn-primary" > Add List< / button >
< / div >
< div class = "modal fade" id = "addItemModal" tabindex = "-1" role = "dialog" aria-labelledby = "addTaskModalTitle" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-centered" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "add-task-title modal-title" id = "addTaskModalTitleLabel1" > Add Task< / h5 >
< h5 class = "edit-task-title modal-title" id = "addTaskModalTitleLabel2" > Edit Task< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" >
< / button >
< / div >
< div class = "modal-body" >
< div class = "compose-box" >
< div class = "compose-content" id = "addTaskModalTitle" >
< div class = "addTaskAccordion" id = "add_task_accordion" >
< div class = "task-content task-text-progress" >
< div id = "collapseTwo" class = "collapse show" data-parent = "#add_task_accordion" >
< div class = "task-content-body" >
< form action = "javascript:void(0);" >
< div class = "row" >
< div class = "col-md-12" >
< div class = "task-title mb-4 d-flex" >
< input id = "kanban-title" type = "text" placeholder = "Task" class = "form-control" name = "task" >
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "col-md-12" >
< div class = "task-badge d-flex" >
< textarea id = "kanban-text" placeholder = "Task Text" class = "form-control" name = "taskText" > < / textarea >
< / div >
< / div >
< / div >
< / form >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "modal-footer justify-content-start" >
< div class = "d-flex gap-6" >
< button data-btn-action = "addTask" class = "btn add-tsk btn-primary" > Add Task< / button >
< button data-btn-action = "editTask" class = "btn edit-tsk btn-success" > Save< / button >
< button class = "btn bg-danger-subtle text-danger d-flex align-items-center gap-1" data-bs-dismiss = "modal" > Cancel< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "modal fade" id = "addListModal" tabindex = "-1" role = "dialog" aria-labelledby = "addListModalTitle" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-centered" role = "document" >
< div class = "modal-content" >
< div class = "modal-header" >
< h5 class = "modal-title add-list-title" id = "addListModalTitleLabel1" > Add List< / h5 >
< h5 class = "modal-title edit-list-title" id = "addListModalTitleLabel2" > Edit List< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" > < / button >
< / div >
< div class = "modal-body" >
< div class = "compose-box" >
< div class = "compose-content" id = "addListModalTitle" >
< form action = "javascript:void(0);" >
< div class = "row" >
< div class = "col-md-12" >
< div class = "list-title d-flex align-items-center" >
< input id = "item-name" type = "text" placeholder = "List Name" class = "form-control" name = "task" >
< / div >
< / div >
< / div >
< / form >
< / div >
< / div >
< / div >
< div class = "modal-footer justify-content-start" >
< div class = "d-flex gap-6" >
< button class = "btn bg-danger-subtle text-danger d-flex align-items-center gap-1" data-bs-dismiss = "modal" > Cancel< / button >
< button class = "btn add-list btn-primary" > Add List< / button >
< button class = "btn edit-list btn-success" > Save< / button >
< / div >
< / div >
< / div >
< / div >
< / div >
< div class = "modal fade" id = "deleteConformation" tabindex = "-1" role = "dialog" aria-labelledby = "deleteConformationLabel" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-centered" role = "document" >
< div class = "modal-content" id = "deleteConformationLabel" >
< div class = "modal-header" >
< div class = "icon round-40 d-flex align-items-center justify-content-center bg-light-danger text-danger me-2 rounded-circle" >
< i class = "ti ti-trash fs-6" > < / i >
< / div >
< h5 class = "modal-title fw-semibold" id = "exampleModalLabel" > Delete the task?< / h5 >
< button type = "button" class = "btn-close" data-bs-dismiss = "modal" aria-label = "Close" >
< / button >
< / div >
< div class = "modal-body" >
< p class = "mb-0" > If you delete the task it will be gone forever. Are you sure you want to
proceed?< / p >
< / div >
< div class = "modal-footer" >
< button type = "button" class = "btn bg-danger-subtle text-danger" data-bs-dismiss = "modal" > Cancel< / button >
< button type = "button" class = "btn btn-danger" data-remove = "task" > Delete< / button >
< / div >
< / div >
< / div >
< / div >
< div class = "scrumboard" id = "cancel-row" >
< div class = "layout-spacing pb-3" >
< div data-simplebar >
< div class = "task-list-section" >
< div data-item = "item-todo" class = "task-list-container" data-action = "sorting" >
< div class = "connect-sorting connect-sorting-todo" >
< div class = "task-container-header" >
< h6 class = "item-head mb-0 fs-4 fw-semibold" data-item-title = "Todo" > Todo< / h6 >
< div class = "hstack gap-2" >
< div class = "add-kanban-title" >
< a class = "addTask d-flex align-items-center justify-content-center gap-1 lh-sm" data-bs-toggle = "tooltip" data-bs-placement = "top" data-bs-title = "Add Task" >
< i class = "ti ti-plus text-dark" > < / i >
< / a >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item list-edit" href = "javascript:void(0);" > Edit< / a >
< a class = "dropdown-item list-delete" href = "javascript:void(0);" > Delete< / a >
< a class = "dropdown-item list-clear-all" href = "javascript:void(0);" > Clear All< / a >
< / div >
< / div >
< / div >
< / div >
< div class = "connect-sorting-content" data-sortable = "true" >
< div data-draggable = "true" class = "card img-task" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "This is first task" >
This is first task< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-content p-0" >
< img src = "../assets/images/backgrounds/kanban-img-1.jpg" class = "img-fluid" alt = "scrumboard" >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-success fs-1" > Design< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-draggable = "true" class = "card img-task" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Lets do some task on pd" >
Lets do some task on pd< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-content" >
< p class = "mb-0" data-item-text = "Lorem ipsum dolor sit amet, consectetur adipisicing elit, o eiusmod tempor incid." >
Lorem ipsum dolor sit amet, consectetur adipisicing elit, o eiusmod tempor incid.
< / p >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-warning fs-1" > Development< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-draggable = "true" class = "card img-task" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Do some projects on React Native with Flutter" >
Do some projects on React Native with Flutter< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-primary fs-1" > Mobile< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-item = "item-inprogress" class = "task-list-container" data-action = "sorting" >
< div class = "connect-sorting connect-sorting-inprogress" >
< div class = "task-container-header" >
< h6 class = "item-head mb-0 fs-4 fw-semibold" data-item-title = "In Progress" > In Progress< / h6 >
< div class = "hstack gap-2" >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item list-edit" href = "javascript:void(0);" > Edit< / a >
< a class = "dropdown-item list-delete" href = "javascript:void(0);" > Delete< / a >
< a class = "dropdown-item list-clear-all" href = "javascript:void(0);" > Clear All< / a >
< / div >
< / div >
< / div >
< / div >
< div class = "connect-sorting-content" data-sortable = "true" >
< div data-draggable = "true" class = "card" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Design navigation changes" >
Design navigation changes< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-primary fs-1" > Mobile< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-draggable = "true" class = "card img-task" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Battle with fire" >
Battle with fire< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-content p-0" >
< img src = "../assets/images/backgrounds/kanban-img-2.jpg" class = "img-fluid" alt = "scrumboard" >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-success fs-1" > Design< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-draggable = "true" class = "card" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "First design concept" >
First design concept< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-primary fs-1" > Mobile< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-item = "item-pending" class = "task-list-container" data-action = "sorting" >
< div class = "connect-sorting connect-sorting-pending" >
< div class = "task-container-header" >
< h6 class = "item-head mb-0 fs-4 fw-semibold" data-item-title = "Pending" > Pending< / h6 >
< div class = "hstack gap-2" >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item list-edit" href = "javascript:void(0);" > Edit< / a >
< a class = "dropdown-item list-delete" href = "javascript:void(0);" > Delete< / a >
< a class = "dropdown-item list-clear-all" href = "javascript:void(0);" > Clear All< / a >
< / div >
< / div >
< / div >
< / div >
< div class = "connect-sorting-content" data-sortable = "true" >
< div data-draggable = "true" class = "card img-task" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Persona development" >
Persona development< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-content" >
< p class = "mb-0" data-item-text = "Create user personas based on the research data to represent different user groups and their characteristics, gols, and behaviors.." >
Create user personas based on the research data to represent different user groups and
their
characteristics, gols, and behaviors..
< / p >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-warning fs-1" > UX stage< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-draggable = "true" class = "card img-task" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Redesign overview" >
Redesign overview< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-content p-0" >
< img src = "../assets/images/backgrounds/my-card.jpg" class = "img-fluid" alt = "scrumboard" >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-success fs-1" > Design< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-item = "item-pending" class = "task-list-container" data-action = "sorting" >
< div class = "connect-sorting connect-sorting-done" >
< div class = "task-container-header" >
< h6 class = "item-head mb-0 fs-4 fw-semibold" data-item-title = "Done" > Done< / h6 >
< div class = "hstack gap-2" >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item list-edit" href = "javascript:void(0);" > Edit< / a >
< a class = "dropdown-item list-delete" href = "javascript:void(0);" > Delete< / a >
< a class = "dropdown-item list-clear-all" href = "javascript:void(0);" > Clear All< / a >
< / div >
< / div >
< / div >
< / div >
< div class = "connect-sorting-content" data-sortable = "true" >
< div data-draggable = "true" class = "card img-task" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Usability testing" >
Usability testing< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-content p-0" >
< img src = "../assets/images/backgrounds/profilebg.jpg" class = "img-fluid" alt = "scrumboard" >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-info fs-1" > Research< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-draggable = "true" class = "card" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Introduce new navigation" >
Introduce new navigation< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-danger fs-1" > Data science< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-draggable = "true" class = "card" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Branding visual identity" >
Branding visual identity< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-primary fs-1" > Branding< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< div data-draggable = "true" class = "card" >
< div class = "card-body" >
< div class = "task-header" >
< div >
< h4 data-item-title = "Competitor research" >
Competitor research< / h4 >
< / div >
< div class = "dropdown" >
< a class = "dropdown-toggle" href = "javascript:void(0)" role = "button" id = "dropdownMenuLink-1" data-bs-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true" >
< i class = "ti ti-dots-vertical text-dark" > < / i >
< / a >
< div class = "dropdown-menu dropdown-menu-end" aria-labelledby = "dropdownMenuLink-1" >
< a class = "dropdown-item kanban-item-edit cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-pencil fs-5" > < / i > Edit
< / a >
< a class = "dropdown-item kanban-item-delete cursor-pointer d-flex align-items-center gap-1" href = "javascript:void(0);" >
< i class = "ti ti-trash fs-5" > < / i > Delete
< / a >
< / div >
< / div >
< / div >
< div class = "task-content" >
< p class = "mb-0" data-item-text = "research competitors and identify weakness and strengths each of them. comparing their product features, quelity..." >
research competitors and identify weakness and strengths each of them. comparing their
product features, quelity...
< / p >
< / div >
< div class = "task-body" >
< div class = "task-bottom" >
< div class = "tb-section-1" >
< span class = "hstack gap-2 fs-2" data-item-date = "24 July" >
< i class = "ti ti-calendar fs-5" > < / i > 24 July
< / span >
< / div >
< div class = "tb-section-2" >
< span class = "badge text-bg-warning fs-1" > UX stages< / span >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
<!-- Search Bar -->
< div class = "modal fade" id = "exampleModal" tabindex = "-1" aria-hidden = "true" >
< div class = "modal-dialog modal-dialog-scrollable modal-lg" >
< div class = "modal-content rounded-1" >
< div class = "modal-header border-bottom" >
< input type = "search" class = "form-control fs-3" placeholder = "Search here" id = "search" / >
< a href = "javascript:void(0)" data-bs-dismiss = "modal" class = "lh-1" >
< i class = "ti ti-x fs-5 ms-3" > < / i >
< / a >
< / div >
< div class = "modal-body message-body" data-simplebar = "" >
< h5 class = "mb-0 fs-5 p-1" > Quick Page Links< / h5 >
< ul class = "list mb-0 py-2" >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Modern< / span >
< span class = "text-muted d-block" > /dashboards/dashboard1< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Dashboard< / span >
< span class = "text-muted d-block" > /dashboards/dashboard2< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Contacts< / span >
< span class = "text-muted d-block" > /apps/contacts< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Posts< / span >
< span class = "text-muted d-block" > /apps/blog/posts< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Detail< / span >
< span class = "text-muted d-block" > /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Shop< / span >
< span class = "text-muted d-block" > /apps/ecommerce/shop< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Modern< / span >
< span class = "text-muted d-block" > /dashboards/dashboard1< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Dashboard< / span >
< span class = "text-muted d-block" > /dashboards/dashboard2< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Contacts< / span >
< span class = "text-muted d-block" > /apps/contacts< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Posts< / span >
< span class = "text-muted d-block" > /apps/blog/posts< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Detail< / span >
< span class = "text-muted d-block" > /apps/blog/detail/streaming-video-way-before-it-was-cool-go-dark-tomorrow< / span >
< / a >
< / li >
< li class = "p-1 mb-1 bg-hover-light-black" >
< a href = "javascript:void(0)" >
< span class = "d-block" > Shop< / span >
< span class = "text-muted d-block" > /apps/ecommerce/shop< / span >
< / a >
< / li >
< / ul >
< / div >
< / div >
< / div >
< / div >
<!-- Shopping Cart -->
< div class = "offcanvas offcanvas-end shopping-cart" tabindex = "-1" id = "offcanvasRight" aria-labelledby = "offcanvasRightLabel" >
< div class = "offcanvas-header justify-content-between py-4" >
< h5 class = "offcanvas-title fs-5 fw-semibold" id = "offcanvasRightLabel" >
Shopping Cart
< / h5 >
< span class = "badge bg-primary rounded-4 px-3 py-1 lh-sm" > 5 new< / span >
< / div >
< div class = "offcanvas-body h-100 px-4 pt-0" data-simplebar >
< ul class = "mb-0" >
< li class = "pb-7" >
< div class = "d-flex align-items-center" >
< img src = "../assets/images/products/product-1.jpg" width = "95" height = "75" class = "rounded-1 me-9 flex-shrink-0" alt = "modernize-img" / >
< div >
< h6 class = "mb-1" > Supreme toys cooker< / h6 >
< p class = "mb-0 text-muted fs-2" > Kitchenware Item< / p >
< div class = "d-flex align-items-center justify-content-between mt-2" >
< h6 class = "fs-2 fw-semibold mb-0 text-muted" > $250< / h6 >
< div class = "input-group input-group-sm w-50" >
< button class = "btn border-0 round-20 minus p-0 bg-success-subtle text-success" type = "button" id = "add1" >
-
< / button >
< input type = "text" class = "form-control round-20 bg-transparent text-muted fs-2 border-0 text-center qty" placeholder = "" aria-label = "Example text with button addon" aria-describedby = "add1" value = "1" / >
< button class = "btn text-success bg-success-subtle p-0 round-20 border-0 add" type = "button" id = "addo2" >
+
< / button >
< / div >
< / div >
< / div >
< / div >
< / li >
< li class = "pb-7" >
< div class = "d-flex align-items-center" >
< img src = "../assets/images/products/product-2.jpg" width = "95" height = "75" class = "rounded-1 me-9 flex-shrink-0" alt = "modernize-img" / >
< div >
< h6 class = "mb-1" > Supreme toys cooker< / h6 >
< p class = "mb-0 text-muted fs-2" > Kitchenware Item< / p >
< div class = "d-flex align-items-center justify-content-between mt-2" >
< h6 class = "fs-2 fw-semibold mb-0 text-muted" > $250< / h6 >
< div class = "input-group input-group-sm w-50" >
< button class = "btn border-0 round-20 minus p-0 bg-success-subtle text-success" type = "button" id = "add2" >
-
< / button >
< input type = "text" class = "form-control round-20 bg-transparent text-muted fs-2 border-0 text-center qty" placeholder = "" aria-label = "Example text with button addon" aria-describedby = "add2" value = "1" / >
< button class = "btn text-success bg-success-subtle p-0 round-20 border-0 add" type = "button" id = "addon34" >
+
< / button >
< / div >
< / div >
< / div >
< / div >
< / li >
< li class = "pb-7" >
< div class = "d-flex align-items-center" >
< img src = "../assets/images/products/product-3.jpg" width = "95" height = "75" class = "rounded-1 me-9 flex-shrink-0" alt = "modernize-img" / >
< div >
< h6 class = "mb-1" > Supreme toys cooker< / h6 >
< p class = "mb-0 text-muted fs-2" > Kitchenware Item< / p >
< div class = "d-flex align-items-center justify-content-between mt-2" >
< h6 class = "fs-2 fw-semibold mb-0 text-muted" > $250< / h6 >
< div class = "input-group input-group-sm w-50" >
< button class = "btn border-0 round-20 minus p-0 bg-success-subtle text-success" type = "button" id = "add3" >
-
< / button >
< input type = "text" class = "form-control round-20 bg-transparent text-muted fs-2 border-0 text-center qty" placeholder = "" aria-label = "Example text with button addon" aria-describedby = "add3" value = "1" / >
< button class = "btn text-success bg-success-subtle p-0 round-20 border-0 add" type = "button" id = "addon3" >
+
< / button >
< / div >
< / div >
< / div >
< / div >
< / li >
< / ul >
< div class = "align-bottom" >
< div class = "d-flex align-items-center pb-7" >
< span class = "text-dark fs-3" > Sub Total< / span >
< div class = "ms-auto" >
< span class = "text-dark fw-semibold fs-3" > $2530< / span >
< / div >
< / div >
< div class = "d-flex align-items-center pb-7" >
< span class = "text-dark fs-3" > Total< / span >
< div class = "ms-auto" >
< span class = "text-dark fw-semibold fs-3" > $6830< / span >
< / div >
< / div >
< a href = "../main/eco-checkout.html" class = "btn btn-outline-primary w-100" > Go to shopping cart< / a >
< / div >
< / div >
< / div >
< / div >
2025-12-27 21:59:58 +08:00
{{template "components/footer.html" .}}
2025-12-26 22:35:18 +08:00
2025-12-27 02:50:16 +08:00
2025-12-26 22:35:18 +08:00
< script src = "../assets/libs/jquery-ui/dist/jquery-ui.min.js" > < / script >
< script src = "../assets/js/apps/kanban.js" > < / script >
