Todo List

Todo List

Layout Variations

See how this plugin adapts across different mashup views. Each view shows a single instance to demonstrate how the layout responds to available space.

Full View

Done
1

Send monthly report to upper management

2

Conduct one-on-one meetings with team members

3

Finalize quarterly targets

4

Complete performance reviews for all team members, highlighting areas of improvement

5

Set up project timelines

6

Implement new team structures

7

Organize team-building activities

8

Prepare performance improvement plans for underperforming employees with detailed steps

9

Host departmental strategy session

10

Update project documentation to reflect scope changes

11

Review and finalize vendor contracts, ensuring terms align with procurement policies

12

Prepare department budget for the next fiscal year

13

Review team’s performance over the last quarter and prepare a report

14

Conduct stakeholder interviews for the upcoming project initiative

15

Finalize employee promotion decisions based on performance and feedback

16

Create a new project roadmap for the next product cycle

17

Submit final version of marketing plan for new product launch

18

Collaborate with legal to finalize employee contracts for the new hires

19

Complete risk analysis for upcoming projects and develop mitigation strategies

Doing
1

Review team progress

2

Approve budget requests

3

Prepare for team meeting by creating a detailed agenda and gathering necessary documents

4

Coordinate with HR on new hires

5

Provide feedback on project plans

6

Review department expenses

7

Monitor project deadlines

Todo List Work Tasks
<div class="layout">
  <div class="columns">
    <div class="column" data-overflow="true" data-overflow-counter="true">
      <span class="label label--medium group-header label--gray">Done</span>
      <div class="item">
        <div class="meta">
          <span class="index">1</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Send monthly report to upper management</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">2</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Conduct one-on-one meetings with team members</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">3</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Finalize quarterly targets</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">4</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Complete performance reviews for all team members, highlighting areas of improvement</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">5</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Set up project timelines</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">6</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Implement new team structures</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">7</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Organize team-building activities</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">8</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Prepare performance improvement plans for underperforming employees with detailed steps</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">9</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Host departmental strategy session</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">10</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Update project documentation to reflect scope changes</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">11</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Review and finalize vendor contracts, ensuring terms align with procurement policies</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">12</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Prepare department budget for the next fiscal year</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">13</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Review team’s performance over the last quarter and prepare a report</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">14</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Conduct stakeholder interviews for the upcoming project initiative</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">15</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Finalize employee promotion decisions based on performance and feedback</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">16</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Create a new project roadmap for the next product cycle</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">17</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Submit final version of marketing plan for new product launch</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">18</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Collaborate with legal to finalize employee contracts for the new hires</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">19</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Complete risk analysis for upcoming projects and develop mitigation strategies</p>
          </span>
        </div>
      </div>
    </div>
    <div class="column" data-overflow="true" data-overflow-counter="true">
      <span class="label label--medium group-header ">Doing</span>
      <div class="item">
        <div class="meta">
          <span class="index">1</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Review team progress</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">2</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Approve budget requests</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">3</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Prepare for team meeting by creating a detailed agenda and gathering necessary documents</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">4</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Coordinate with HR on new hires</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">5</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Provide feedback on project plans</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">6</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Review department expenses</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">7</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Monitor project deadlines</p>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="title_bar">
  <img class="image" alt="" src="https://usetrmnl.com/images/plugins/todo_list--render.svg" />
  <span class="title">Todo List</span>
  <span class="instance">Work Tasks</span>
</div>

Half Horizontal

Done
1

Send monthly report to upper management

2

Conduct one-on-one meetings with team members

3

Finalize quarterly targets

4

Complete performance reviews for all team members, highlighting areas of improvement

5

Set up project timelines

6

Implement new team structures

7

Organize team-building activities

8

Prepare performance improvement plans for underperforming employees with detailed steps

9

Host departmental strategy session

10

Update project documentation to reflect scope changes

11

Review and finalize vendor contracts, ensuring terms align with procurement policies

12

Prepare department budget for the next fiscal year

13

Review team’s performance over the last quarter and prepare a report

14

Conduct stakeholder interviews for the upcoming project initiative

15

Finalize employee promotion decisions based on performance and feedback

16

Create a new project roadmap for the next product cycle

17

Submit final version of marketing plan for new product launch

18

Collaborate with legal to finalize employee contracts for the new hires

19

Complete risk analysis for upcoming projects and develop mitigation strategies

Doing
1

Review team progress

2

Approve budget requests

3

Prepare for team meeting by creating a detailed agenda and gathering necessary documents

4

Coordinate with HR on new hires

5

Provide feedback on project plans

6

Review department expenses

7

Monitor project deadlines

Todo List Work Tasks
<div class="layout">
  <div class="columns">
    <div class="column" data-overflow="true" data-overflow-counter="true">
      <span class="label label--medium group-header label--gray">Done</span>
      <div class="item">
        <div class="meta">
          <span class="index">1</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Send monthly report to upper management</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">2</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Conduct one-on-one meetings with team members</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">3</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Finalize quarterly targets</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">4</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Complete performance reviews for all team members, highlighting areas of improvement</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">5</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Set up project timelines</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">6</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Implement new team structures</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">7</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Organize team-building activities</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">8</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Prepare performance improvement plans for underperforming employees with detailed steps</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">9</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Host departmental strategy session</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">10</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Update project documentation to reflect scope changes</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">11</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Review and finalize vendor contracts, ensuring terms align with procurement policies</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">12</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Prepare department budget for the next fiscal year</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">13</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Review team’s performance over the last quarter and prepare a report</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">14</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Conduct stakeholder interviews for the upcoming project initiative</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">15</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Finalize employee promotion decisions based on performance and feedback</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">16</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Create a new project roadmap for the next product cycle</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">17</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Submit final version of marketing plan for new product launch</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">18</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Collaborate with legal to finalize employee contracts for the new hires</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">19</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Complete risk analysis for upcoming projects and develop mitigation strategies</p>
          </span>
        </div>
      </div>
    </div>
    <div class="column" data-overflow="true" data-overflow-counter="true">
      <span class="label label--medium group-header ">Doing</span>
      <div class="item">
        <div class="meta">
          <span class="index">1</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Review team progress</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">2</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Approve budget requests</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">3</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Prepare for team meeting by creating a detailed agenda and gathering necessary documents</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">4</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Coordinate with HR on new hires</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">5</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Provide feedback on project plans</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">6</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Review department expenses</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">7</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Monitor project deadlines</p>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="title_bar">
  <img class="image" alt="" src="https://usetrmnl.com/images/plugins/todo_list--render.svg" />
  <span class="title">Todo List</span>
  <span class="instance">Work Tasks</span>
</div>

Half Vertical

Done
1

Send monthly report to upper management

2

Conduct one-on-one meetings with team members

3

Finalize quarterly targets

4

Complete performance reviews for all team members, highlighting areas of improvement

5

Set up project timelines

6

Implement new team structures

7

Organize team-building activities

8

Prepare performance improvement plans for underperforming employees with detailed steps

9

Host departmental strategy session

10

Update project documentation to reflect scope changes

11

Review and finalize vendor contracts, ensuring terms align with procurement policies

12

Prepare department budget for the next fiscal year

13

Review team’s performance over the last quarter and prepare a report

14

Conduct stakeholder interviews for the upcoming project initiative

15

Finalize employee promotion decisions based on performance and feedback

16

Create a new project roadmap for the next product cycle

17

Submit final version of marketing plan for new product launch

18

Collaborate with legal to finalize employee contracts for the new hires

19

Complete risk analysis for upcoming projects and develop mitigation strategies

Doing
1

Review team progress

2

Approve budget requests

3

Prepare for team meeting by creating a detailed agenda and gathering necessary documents

4

Coordinate with HR on new hires

5

Provide feedback on project plans

6

Review department expenses

7

Monitor project deadlines

Todo List Work Tasks
<div class="layout">
  <div class="columns">
    <div class="column" data-overflow="true" data-overflow-counter="true">
      <span class="label label--medium group-header label--gray">Done</span>
      <div class="item">
        <div class="meta">
          <span class="index">1</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Send monthly report to upper management</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">2</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Conduct one-on-one meetings with team members</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">3</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Finalize quarterly targets</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">4</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Complete performance reviews for all team members, highlighting areas of improvement</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">5</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Set up project timelines</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">6</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Implement new team structures</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">7</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Organize team-building activities</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">8</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Prepare performance improvement plans for underperforming employees with detailed steps</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">9</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Host departmental strategy session</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">10</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Update project documentation to reflect scope changes</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">11</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Review and finalize vendor contracts, ensuring terms align with procurement policies</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">12</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Prepare department budget for the next fiscal year</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">13</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Review team’s performance over the last quarter and prepare a report</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">14</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Conduct stakeholder interviews for the upcoming project initiative</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">15</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Finalize employee promotion decisions based on performance and feedback</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">16</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Create a new project roadmap for the next product cycle</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">17</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Submit final version of marketing plan for new product launch</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">18</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Collaborate with legal to finalize employee contracts for the new hires</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">19</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray">
            <p>Complete risk analysis for upcoming projects and develop mitigation strategies</p>
          </span>
        </div>
      </div>
    </div>
    <div class="column" data-overflow="true" data-overflow-counter="true">
      <span class="label label--medium group-header ">Doing</span>
      <div class="item">
        <div class="meta">
          <span class="index">1</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Review team progress</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">2</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Approve budget requests</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">3</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Prepare for team meeting by creating a detailed agenda and gathering necessary documents</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">4</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Coordinate with HR on new hires</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">5</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Provide feedback on project plans</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">6</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Review department expenses</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">7</span>
        </div>
        <div class="content">
          <span class="title title--small ">
            <p>Monitor project deadlines</p>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="title_bar">
  <img class="image" alt="" src="https://usetrmnl.com/images/plugins/todo_list--render.svg" />
  <span class="title">Todo List</span>
  <span class="instance">Work Tasks</span>
</div>

Quadrant

Done
1

Send monthly report to upper management

2

Conduct one-on-one meetings with team members

3

Finalize quarterly targets

4

Complete performance reviews for all team members, highlighting areas of improvement

5

Set up project timelines

6

Implement new team structures

7

Organize team-building activities

8

Prepare performance improvement plans for underperforming employees with detailed steps

9

Host departmental strategy session

10

Update project documentation to reflect scope changes

11

Review and finalize vendor contracts, ensuring terms align with procurement policies

12

Prepare department budget for the next fiscal year

13

Review team’s performance over the last quarter and prepare a report

14

Conduct stakeholder interviews for the upcoming project initiative

15

Finalize employee promotion decisions based on performance and feedback

16

Create a new project roadmap for the next product cycle

17

Submit final version of marketing plan for new product launch

18

Collaborate with legal to finalize employee contracts for the new hires

19

Complete risk analysis for upcoming projects and develop mitigation strategies

Doing
1

Review team progress

2

Approve budget requests

3

Prepare for team meeting by creating a detailed agenda and gathering necessary documents

4

Coordinate with HR on new hires

5

Provide feedback on project plans

6

Review department expenses

7

Monitor project deadlines

Todo List Work Tasks
<div class="layout">
  <div class="columns">
    <div class="column" data-overflow="true" data-overflow-counter="true">
      <span class="label label--medium group-header label--gray">Done</span>
      <div class="item">
        <div class="meta">
          <span class="index">1</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Send monthly report to upper management</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">2</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Conduct one-on-one meetings with team members</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">3</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Finalize quarterly targets</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">4</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Complete performance reviews for all team members, highlighting areas of improvement</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">5</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Set up project timelines</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">6</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Implement new team structures</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">7</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Organize team-building activities</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">8</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Prepare performance improvement plans for underperforming employees with detailed steps</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">9</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Host departmental strategy session</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">10</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Update project documentation to reflect scope changes</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">11</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Review and finalize vendor contracts, ensuring terms align with procurement policies</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">12</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Prepare department budget for the next fiscal year</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">13</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Review team’s performance over the last quarter and prepare a report</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">14</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Conduct stakeholder interviews for the upcoming project initiative</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">15</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Finalize employee promotion decisions based on performance and feedback</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">16</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Create a new project roadmap for the next product cycle</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">17</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Submit final version of marketing plan for new product launch</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">18</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Collaborate with legal to finalize employee contracts for the new hires</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">19</span>
        </div>
        <div class="content">
          <span class="title title--small label--gray" data-clamp="6">
            <p>Complete risk analysis for upcoming projects and develop mitigation strategies</p>
          </span>
        </div>
      </div>
    </div>
    <div class="column" data-overflow="true" data-overflow-counter="true">
      <span class="label label--medium group-header ">Doing</span>
      <div class="item">
        <div class="meta">
          <span class="index">1</span>
        </div>
        <div class="content">
          <span class="title title--small " data-clamp="6">
            <p>Review team progress</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">2</span>
        </div>
        <div class="content">
          <span class="title title--small " data-clamp="6">
            <p>Approve budget requests</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">3</span>
        </div>
        <div class="content">
          <span class="title title--small " data-clamp="6">
            <p>Prepare for team meeting by creating a detailed agenda and gathering necessary documents</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">4</span>
        </div>
        <div class="content">
          <span class="title title--small " data-clamp="6">
            <p>Coordinate with HR on new hires</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">5</span>
        </div>
        <div class="content">
          <span class="title title--small " data-clamp="6">
            <p>Provide feedback on project plans</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">6</span>
        </div>
        <div class="content">
          <span class="title title--small " data-clamp="6">
            <p>Review department expenses</p>
          </span>
        </div>
      </div>
      <div class="item">
        <div class="meta">
          <span class="index">7</span>
        </div>
        <div class="content">
          <span class="title title--small " data-clamp="6">
            <p>Monitor project deadlines</p>
          </span>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="title_bar">
  <img class="image" alt="" src="https://usetrmnl.com/images/plugins/todo_list--render.svg" />
  <span class="title">Todo List</span>
  <span class="instance">Work Tasks</span>
</div>