Salesqueen Software Solution

In Progress Dropdown

HTML
<button type="button" id="button" class="btn btn-outline-primary dropdown-toggle progressbtn" data-bs-toggle="dropdown" >In Progress</button>
           <ul class="dropdown-menu">
               <li><a class="dropdown-item" href="#">Completed</a></li>
               <li><a class="dropdown-item" href="#">Assigned</a></li>
           </ul>

Without Dropdown

HTML
<button type="button" class="btn btn-outline-primary progressbtn" data-bs-toggle="dropdown" id="button">In Progress</button>

Save Button

HTML
<button type="submit" class="btn btn-info savebtn">Save</button>

Pop Button

HTML
<button type="button" class="new popbtn" data-toggle="modal" data-target="#myModal">NEW Popup</button>

switch Button , Close Button

HTML
<button type="button" class="switch hidden-xs switchbtn">SWITCH TO LIST</button>

Filter

HTML
 <button type="button" class=" filter">
       <i class="fa fa-filter" style="font-size: 12px;"></i>
   </button>

Filter

HTML
<div class="row">
  
    <div class="col-md-4 ">
      <div class="containerbtn">
    
    <button type="button" class=" filter dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
       <i class="fa fa-filter" style="font-size: 12px;"></i>
   </button>
  <div>
   
<ul class="dropdown-menu dropdown-menu-right width300 " id="sublist">
  <li >
    <a href="#" class="txt" >All</a>
  </li>
    <li class="divider"></li>
    <li class="active">
      <a href="#" class="prog">Not Started</a></li>
      <li class="active">
      <a href="#" class="prog">In Progress</a></li>
      <li class="active">
      <a href="#" class="prog">Testing</a></li>
      <li class="active">
      <a href="#" class="prog">Awaiting Feedback</a></li>
      <li >
      <a href="#" class="txt">Complete</a></li>
      <li class="divider"></li>
      <li >
      <a href="#" class="txt">Today's tasks</a></li>
        <li>
    <a href="#" class="txt">Due Date Passed</a></li>
      <li>
    <a href="#" class="txt">Upcoming tasks</a></li>
    <li class="divider"></li>
      <li>
    <a href="#" class="txt">Tasks Assigned to me</a></li>
      <li>
    <a href="#" class="txt">Tasks I'm following</a></li>
      <li>
    <a href="#" class="txt">Not Assigned</a></li>
      <li>
    <a href="#" class="txt">Recurring</a></li>
    <li class="divider"></li>
      <li>
    <a href="#" class="txt">Billable</a></li>
      <li>
    <a href="#" class="txt">Billed</a></li>
      <li>
    <a href="#" class="txt">Not Billed</a></li>
    <li class="divider"></li>
      <li class="submenu">
    <span class="txt">By Assigned Member</span>
    <ul class="submenuul" >
      <li>
        <a href="#" class="txt">GTS Solution</a></li>
        <li>
          <a href="#" class="txt">Ray Red</a></li>
      </ul></li>
</ul>
      
    </div>
  
</div>
</div></div>

Task Overview

HTML
<button type="button" class="view taskbtn" >TASK OVERVIEW</button>

table buttons

HTML
 <button type="button" class="btn btn-outline-secondary"  id="button1" data-bs-toggle="tooltip" title="Total comments"><i class="bi bi-chat-dots"></i> 0</button>

table buttons

HTML
 <button type="button" class="btn btn-outline-secondary" id="button1" data-bs-toggle="tooltip" title="Total checklist items marked as finsihed"> <i class="bi bi-list-task"></i> 0/1</button>

table buttons

HTML
 <button type="button" class="btn btn-outline-secondary" id="button1" data-bs-toggle="tooltip" title="Total Logged Time"><i class="bi bi-stopwatch"></i> 00.00</button>

table buttons

HTML
 <span class="btn1">Approved</span>

table buttons

HTML
<span class="dept" >Administration</span>

table buttons

HTML
<span class="btn btn-outline-primary" data-bs-toggle="dropdown" id="button">Progress</span> 

table buttons

HTML
 <a href="#" class="btn btn-danger _delete btn-icon" style="font-size:12px;" >
                            <i class="fa fa-times"></i> </a>

table buttons

HTML
<a href="#" class="btn btn-light _edit btn-icon" style="font-size:12px;">
                            <i class="fa fa-pencil" aria-hidden="true"></i>
                            </a>

table buttons

HTML
 <button type="button" class="btn btn-outline-primary" data-bs-toggle="dropdown" id="button">In Progress</button>