→ Anonymous
→ Interactive Kanban Task Board

Interactive Kanban Task Board

This bootstrap css example is contributed by Anonymous, on 13-Sep-2024. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Other Widget

Author Anonymous

3.8k

v.5.3

Fork Fullscreen

<div class="container-fluid py-4">
    <h1 class="text-center mb-4">Kanban Task Board</h1>
    <div class="kanban-board">
        <div class="kanban-column" id="todo">
            <h4>To Do</h4>
            <div class="tasks" data-status="todo"></div>
            <div class="add-task-form">
                <input type="text" class="form-control mb-2" placeholder="New task title">
                <select class="form-select mb-2">
                        <option value="low">Low Priority</option>
                        <option value="medium">Medium Priority</option>
                        <option value="high">High Priority</option>
                    </select>
                <button class="btn btn-primary btn-sm w-100">Add Task</button>
            </div>
        </div>
        <div class="kanban-column" id="in-progress">
            <h4>In Progress</h4>
            <div class="tasks" data-status="in-progress"></div>
        </div>
        <div class="kanban-column" id="done">
            <h4>Done</h4>
            <div class="tasks" data-status="done"></div>
        </div>
    </div>
</div>

More Examples

bootstrap quiz template (Interactive)
Interactive MCQ Quiz show results at the end

Author:
Arturo

4 months ago

1.4k

v.5.3
Interactive Quiz Application
1. Dynamic Question Loading: Questions are loaded one at a time from a predefined set. 2. Timer: Each question has a 30-second time limit. Interactive Options: Users can select their answer, with visual feedback for correct and incorrect choices. 3. Progress Bar: Shows the user's progress through the quiz. 4. Results Summary: Displays the final score with a congratulatory or encouraging message. 5. Responsive Design: The quiz adapts to different screen sizes.

Author:
Ross Wille

7 months ago

3.8k

v.5.3
Background image with bootstrap 4
Bootstrap 4 background image

Author:
Anonymous

4 months ago

494

v.4.6
Credit cards bootstrap 5
credit cards design made with Bootstrap 5

Author:
Ankit khedkar

9 months ago

1.4k

v.5.3
Privacy policy template with boostrap 5

Author:
Anonymous

3 months ago

1.2k

v.5.3
Parallax effect with image background

Author:
Anonymous

4 months ago

859

v.4.6
Bootstrap video player
Video player with buttons

Author:
Kemaya m

9 months ago

2.6k

v.5.3
Music Player
Working music player With start top buttons and progress bar

Author:
Prajwal Hallale

9 months ago

4.3k

v.5.3
Music player with bootstrap 5
Animated music player design

Author:
Mateo Rojas

4 months ago

929

v.5.3
Typewriter Effect

Author:
Anonymous

9 months ago

965

v.4.6
Audio player with bootstrap

Author:
Arturo

4 months ago

1.4k

v.5.3
Bootstrap 5 chat template

Author:
Andreas Müller

9 months ago

1.1k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent