Bootstrap
  • Home
  • Docs
  • Examples
  • Icons
  • Themes
  • Blog

  • GitHub GitHub
  • Twitter Twitter
  • Open Collective Open Collective
Download

                        
                            
  • v5 releases
  • Latest (5.2.x)
  • v5.1.x
  • v5.0.x

  • v4.6.x
  • v3.4.1
  • v2.3.2

  • All versions
  • 4

    5 Items in Cart

    Cart Subtotal

    5000$
    Process To Checkout
    • Woman T-shirt - yellow
      200$
      Qty
    • Woman bag - purple
      100$
      Qty
    • Unisex headphone - Red
      2000$
      Qty
    • Ergonomic Chair
      920$
      Qty
    View cart
  • 4
    You have 4 notifications
    • Delivery processing 10 min.

    • Order Complete1 hr

    • Tickets Generated3 hr

    • Delivery Complete6 hr

    View all
  • You have 3 message
    • Erica Hughes

      okay, trying now.

      32 min

    • Kori Thomas

      i could help in some of bug?

      58 min

    • Ain Chavez

      It's working awesome :)

      1 hr

    • Johan deo

      Great Thanks you !!

      2 hr

    View all
    • Account
    • Inbox
    • Taskboard
    • Settings
    • Log out
  • Back
  • Dashboard
    • Default
    • Ecommerce
    • Project
  • Widgets
    • General
    • Chart
  • Page layout
    • Boxed
    • RTL
    • Dark Layout
    • Footer Light
    • Footer Dark
    • Footer Fixed
  • Project
    • Project List
    • Create new
  • File manager
  • kanban Board
  • Ecommerce
    • Product
    • Product page
    • Product list
    • Payment Details
    • Order History
    • Invoice
    • Cart
    • Wishlist
    • Checkout
    • Pricing
  • Email
    • Mail Inbox
    • Read mail
    • Compose
  • Chat
    • Chat App
    • Video chat
  • Users
    • Users Profile
    • Users Edit
    • Users Cards
  • Bookmarks
  • Contacts
  • Tasks
  • Calender
  • Social App
  • To-Do
  • Search Result
  • Forms
    • Form Controls
      • Form Validation
      • Base Inputs
      • Checkbox & Radio
      • Input Groups
      • Mega Options
    • Form Widgets
      • Datepicker
      • Timepicker
      • Datetimepicker
      • Daterangepicker
      • Touchspin
      • Select2
      • Switch
      • Typeahead
      • Clipboard
    • Form layout
      • Default Forms
      • Form Wizard 1
      • Form Wizard 2
      • Form Wizard 3
  • Tables
    • Bootstrap Tables
      • Basic Tables
      • Sizing Tables
      • Border Tables
      • Styling Tables
      • Table components
    • Data Tables
      • Basic Init
      • Advance Init
      • Styling
      • AJAX
      • Server Side
      • Plug-in
      • API
      • Data Sources
    • Ex. Data Tables
      • Auto Fill
      • Basic Button
      • Column Reorder
      • Fixed Header
      • HTML 5 Export
      • Key Table
      • Responsive
      • Row Reorder
      • Scroller
    • Js Grid Table
  • Ui Kits
    • State color
    • Typography
    • Avatars
    • helper classes
    • Grid
    • Tag & pills
    • Progress
    • Modal
    • Alert
    • Popover
    • Tooltip
    • Spinners
    • Dropdown
    • Accordion
    • Tabs
      • Bootstrap Tabs
      • Line Tabs
    • Shadow
    • Lists
  • Bonus Ui
    • Scrollable
    • Tree view
    • Bootstrap Notify
    • Rating
    • dropzone
    • Tour
    • SweetAlert2
    • Animated Modal
    • Owl Carousel
    • Ribbons
    • Pagination
    • Steps
    • Breadcrumb
    • Range Slider
    • Image cropper
    • Sticky
    • Basic Card
    • Creative Card
    • Tabbed Card
    • Draggable Card
    • Timeline
      • Timeline 1
      • Timeline 2
  • Builders
    • Form Builder 1
    • Form Builder 2
    • Page Builder
    • Button Builder
  • Animation
    • Animate
    • Scroll Reveal
    • AOS animation
    • Tilt Animation
    • Wow Animation
  • Icons
    • Flag icon
    • Fontawesome Icon
    • Ico Icon
    • Thimify Icon
    • Feather icon
    • Whether Icon
  • Buttons
    • Default Style
    • Flat Style
    • Edge Style
    • Raised Style
    • Button Group
  • Charts
    • Apex Chart
    • Google Chart
    • Sparkline chart
    • Flot Chart
    • Knob Chart
    • Morris Chart
    • Chatjs Chart
    • Chartist Chart
    • Peity Chart
  • Landing page
  • Sample page
  • Internationalization
  • Starter kit
  • Others
    Error Page
    • Error Page 1
    • Error Page 2
    • Error Page 3
    • Error Page 4
    Authentication
    • Login Simple
    • Login with bg image
    • Login with image two
    • Login With validation
    • Login with tooltip
    • Login with sweetalert
    • Register Simple
    • Register with Bg Image
    • Register with Bg video
    • Unlock User
    • Forget Password
    • Creat Password
    • Maintenance
    Coming Soon
    • Coming Simple
    • Coming with Bg video
    • Coming with Bg Image
    Email templates
    • Basic Email
    • Basic With Header
    • Ecomerce Template
    • Email Template 2
    • Ecommerce Email
    • Order Success
  • Gallery
    • Gallery Grid
    • Gallery Grid Desc
    • Masonry Gallery
    • Masonry with Desc
    • Hover Effects
  • Blog
    • Blog Details
    • Blog Single
    • Add Post
  • FAQ
  • Job Search
    • Cards view
    • List View
    • Job Details
    • Apply
  • Learning
    • Learning List
    • Detailed Course
  • Maps
    • Maps JS
    • Vector Maps
  • Editors
    • Summer Note
    • CK editor
    • MDE editor
    • ACE code editor
  • Knowledgebase
    • Knowledgebase
    • Knowledge category
    • Knowledge detail
  • Support Ticket

default

  • Dashboard
  • Project

Congratulations mark jecno

Lorem ipsum is simply dummy text of the printing and typesetting printing and typesetting industry.

Learn More
Today Task

5 Task

Completed
Google Project Apply Review

Completed in 3 Hours

75% Percentage

Edit
Business Logo Create

Completed in 5 Hours

Completed

Edit
Business Project Research

Completed in 2 Hours

65% Percentage

Edit
Recruitment in IT Department

Completed in 4 Days

90% Percentage

Edit
Submit Riverfront Project

Completed in 2 Days

30% Percentage

Edit
More...
<div class="card today-task-sec">
 <div class="card-header justify-content-between">
   <h5>Today Task</h5>
 <div class="center-content">
   <p>5 Task</p>
   <span>Completed</span>
 </div>
 <div class="card-header-right">
   <ul class="setting-option">
     <li><div class="setting-badge"><i class="fa fa-spin fa-cog font-primary"></i></div></li>
     <li><i class="view-html fa fa-code font-primary"></i></li>
     <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
     <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
     <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
     <li><i class="icofont icofont-error close-card font-primary"></i></li>
   </ul>
 </div>
</div>
<div class="card-body p-t-0">
 <div class="table-responsive task-details">
   <table class="table table-bordernone">
     <tbody>
       <tr>
         <td>
           <span>Google Project Apply Review</span>
           <p>Completed in 3 Hours</p>
         </td>
         <td class="progress-showcase">
           <div class="progress sm-progress-bar">
             <div class="progress-bar bg-primary" role="progressbar" style="width: 75%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
           </div>
           <p>75% Percentage</p>
         </td>
         <td> 
           <a class="btn light-primary" href="javascript:void(0)">Edit</a>
         </td>
       </tr>
       <tr>
         <td>
           <span>Business Logo Create</span>
           <p>Completed in 5 Hours</p>
         </td>
         <td class="progress-showcase">
           <div class="progress sm-progress-bar">
             <div class="progress-bar bg-secondary" role="progressbar" style="width: 100%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
           </div>
           <p>Completed</p>
         </td>
         <td>
           <a class="btn light-secondary" href="javascript:void(0)">Edit</a>
         </td>
       </tr>
       <tr>
         <td>
           <span>Business Project Research</span>
           <p>Completed in 2 Hours</p>
         </td>
         <td class="progress-showcase">
           <div class="progress sm-progress-bar">
             <div class="progress-bar bg-success" role="progressbar" style="width: 65%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
           </div>
           <p>65% Percentage</p>
         </td>
         <td>
           <a class="btn light-success" href="javascript:void(0)">Edit</a></td>
       </tr>
       <tr>
         <td>
           <span>Recruitment in IT Department</span>
           <p>Completed in 4 Days</p>
         </td>
         <td class="progress-showcase">
           <div class="progress sm-progress-bar">
             <div class="progress-bar bg-warning" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
           </div>
           <p>90% Percentage</p>
         </td>
         <td><a class="btn light-warning" href="javascript:void(0)">Edit</a></td>
       </tr>
       <tr>
         <td>
           <span>Submit Riverfront Project</span>
           <p>Completed in 2 Days</p>
         </td>
         <td>
           <div class="progress-showcase">
             <div class="progress sm-progress-bar">
               <div class="progress-bar bg-info" role="progressbar" style="width: 30%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
             </div>
             <p>30% Percentage</p>
           </div>
         </td>
         <td>
           <a class="btn light-info" href="javascript:void(0)">Edit</a>
         </td>
       </tr>
       </tbody>
     </table>
   </div>
   <div class="text-center">
    <a class="f-w-700" href="javascript:void(0)">More...</a>
  </div>
</div>
</div>
Project Goal

Archive

$658429
JanuaryFebruaryMarchAprilMayJuneJuly100806040200
<div class="card project-goal-sec">
 <div class="card-header justify-content-between">
   <h5>Project Goal</h5>
   <div class="center-content">
     <p>Archive</p>
     <span>$658429</span>
   </div>
   <div class="card-header-right">
     <ul class="setting-option">
       <li>
         <div class="setting-badge">
           <i class="fa fa-spin fa-cog font-primary"></i>
         </div>
       </li>
       <li><i class="view-html fa fa-code font-primary"></i></li>
       <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
       <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
       <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
       <li><i class="icofont icofont-error close-card font-primary"></i></li>
     </ul>
   </div>
 </div>
 <div class="card-body p-0">
   <div id="radar-chart"></div>
 </div>
</div>
calendar
October, 2022
S
M
T
W
T
F
S
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
<div class="card project-calendar" data-intro="This is Date picker">
 <div class="card-header">
   <h5>calendar</h5>
   <div class="card-header-right">
     <ul class="setting-option">
       <li><div class="setting-badge"><i class="fa fa-spin fa-cog font-primary"></i></div></li>
       <li><i class="view-html fa fa-code font-primary"></i></li>
       <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
       <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
       <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
      <li><i class="icofont icofont-error close-card font-primary"></i></li>
    </ul>
  </div>
</div>
<div class="card-body">
  <div class="datepicker-here date-picker-university" data-language="en"></div>
 </div>
</div>
All Employe Distribute Work

Company,SanFrancisco

9:00 to 10:00

Business Plan is Approved

Elisse Joson,San Francisco

10:00 to 1:00

Our Education Project Presentation

Company,San Francisco

1:10 to 3:15

Coffe Break

Our Company All Team Member

3:15 to 3:30

Annually Earnings

Archive

Expected

2010201020112011201220122013201320142014201520152016201620172017201820182019201960k55k50k45k40k35k30k25k20k15k10k
<div class="card annual-earning-sec">
 <div class="card-header justify-content-between">
   <h5>Annually Earnings</h5>
   <div class="center-content">
     <div class="center-content-left">
       <div class="round bg-primary d-inline-block"></div>
       <p>Archive</p>
     </div>
     <div class="center-content-right">
       <p>Expected</p>
     </div>
   </div>
   <div class="card-header-right">
     <ul class="setting-option">
       <li><div class="setting-badge"><i class="fa fa-spin fa-cog font-primary"></i></div></li>
       <li><i class="view-html fa fa-code font-primary"></i></li>
       <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
       <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
       <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
       <li><i class="icofont icofont-error close-card font-primary"></i></li>
     </ul>
   </div>
 </div>
 <div class="card-body py-0 p-0">
   <div id="earnings-chart"></div>
 </div>
</div>
Visitors Countries

Country

195
+
−
South America
Europe
London
Australia
<div class="card visitor-sec">
   <div class="card-header justify-content-between">
     <h5>Visitors Countries</h5>
     <div class="center-content">
       <p>Country</p><span>195</span>
     </div>
     <div class="card-header-right">
       <ul class="setting-option">
         <li>
           <div class="setting-badge">
             <i class="fa fa-spin fa-cog font-primary"></i>
           </div>
         </li>
         <li><i class="view-html fa fa-code font-primary"></i></li>
         <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
         <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
         <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
         <li><i class="icofont icofont-error close-card font-primary"></i></li>
       </ul>
     </div>
   </div>
   <div class="card-body p-0">
     <div class="jvector-map-height" id="world-map2"></div>
   <div class="show-value-top d-flex">
         <div class="counry-data d-inline-block">
           <div class="round bg-primary d-inline-block"></div>
           <span>South America</span>
         </div>
         <div class="counry-data d-inline-block">
           <div class="round bg-secondary d-inline-block"></div>
           <span>Europe</span>
         </div>
         <div class="counry-data d-inline-block">
           <div class="round bg-warning d-inline-block"></div>
           <span>London</span>
         </div>
        <div class="counry-data d-inline-block">
           <div class="round bg-success d-inline-block"></div>
           <span>Australia</span>
         </div>
     </div>
   </div>
</div>
Manage Invoice
Name Date Project Contact Number Country Amount Status
01
Smith johson Lorn

16 August,2019 5:10am

Business Logo Create

+1(555) 4585 6859

United Kingdom

$8435.00

Past Due

02
Brown Taylor Jeron

26 Mar,2019 2:10pm

Apply Google Review

+880 8759 0013

Bangladesh

$4542.00

Paid

03
Admas Lopez Perry

06 Aug,2019 3:10am

Recruitment Refrances

+613201 2546

Australia

$6140.00

Past Due

04
Barker Cartor Ward

22 Sept,2019 2:10pm

Project Research

+1-684 8759 0013

American Samoa

$1526.00

Paid

<div class="card manage-invoice-sec">
 <div class="card-header pb-0">
   <h5>Manage Invoice</h5>
   <div class="card-header-right">
     <ul class="setting-option">
       <li>
         <div class="setting-badge"><i class="fa fa-spin fa-cog font-primary"></i></div>
       </li>
       <li><i class="view-html fa fa-code font-primary"></i></li>
       <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
       <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
       <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
       <li><i class="icofont icofont-error close-card font-primary"></i></li>
     </ul>
   </div>
 </div>
 <div class="card-body">
   <div class="manage-invoice-table">
     <div class="item">
       <div class="table-responsive manage-invoice">
         <table class="table table-bordernone">
          <thead>
           <tr>
             <th>Name </th>
             <th>Date</th>
             <th>Project</th>
             <th>Contact Number</th>
             <th>Country</th>
             <th>Amount</th>
             <th>Status</th>
             <th>
               <ul class="setting-option">
                 <li>
                   <div class="setting-badge"><i class="fa fa-spin fa-cog font-primary"></i></div>
                 </li>
                 <li><i class="view-html fa fa-code font-primary"></i></li>
                 <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
                 <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
                 <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
                 <li><i class="icofont icofont-error close-card font-primary"></i></li>
               </ul>
             </th>
           </tr>
             </thead>
               <tbody>
                   <tr>
                     <td> 
                       <span>01</span>
                       <div class="t-title"><img class="img-40 rounded-circle align-top" src="../assets/images/dashboard-3/1_1.png" alt="" data-original-title="" title=""/>
                         <div class="d-inline-block align-middle"><a href="user-profile.html"><span class="f-w-500">Smith johson Lorn</span></a></div>
                       </div>
                     </td>
                     <td><p>16 August,2019 5:10am</p></td>
                     <td> <span>Business Logo Create</span></td>
                     <td> <p>+1(555) 4585 6859</p></td>
                     <td> <p>United Kingdom</p></td>
                     <td><p>$8435.00</p></td>
                     <td><p>Past Due</p></td>
                     <td><div class="progress-showcase">
                       <div class="progress sm-progress-bar">
                         <div class="progress-bar bg-primary" role="progressbar" style="width: 50%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                         </div>
                       </div>
                     </td>
                   </tr>
                   <tr>
                     <td> 
                       <span>02</span>
                       <div class="t-title">
                         <img class="img-40 rounded-circle align-top" src="../assets/images/dashboard-3/2_2.png" alt="" data-original-title="" title=""/>
                         <div class="d-inline-block align-middle">
                           <a href="user-profile.html"><span class="f-w-500">Brown Taylor Jeron</span></a></div>
                       </div>
                     </td>
                     <td> 
                       <p>26 Mar,2019 2:10pm</p>
                     </td>
                     <td> <span>Apply Google Review</span></td>
                     <td> <p>+880 8759 0013</p></td>
                     <td> <p>Bangladesh</p></td>
                     <td> <p>$4542.00</p></td>
                     <td> <p>Paid</p></td>
                     <td> <div class="progress-showcase">
                       <div class="progress sm-progress-bar">
                         <div class="progress-bar bg-success" role="progressbar" style="width: 70%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                       </div>
                       </div>
                     </td>
                   </tr>
                   <tr>
                     <td> 
                         <span>03</span>
                         <div class="t-title">
                           <img class="img-40 rounded-circle align-top" src="../assets/images/dashboard-3/3_3.png" alt="" data-original-title="" title=""/>
                         <div class="d-inline-block align-middle">
                           <a href="user-profile.html"><span class="f-w-500">Admas Lopez Perry</span></a></div>
                         </div>
                     </td>
                     <td> 
                       <p>06 Aug,2019 3:10am</p>
                     </td>
                     <td> <span>Recruitment Refrances</span></td>
                     <td> <p>+613201 2546</p></td>
                     <td> <p>Australia</p></td>
                     <td> <p>$6140.00</p></td>
                     <td> <p>Past Due</p></td>
                     <td>
                       <div class="progress-showcase">
                         <div class="progress sm-progress-bar">
                           <div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                         </div>
                       </div>
                     </td>
                   </tr>
                   <tr>
                     <td> <span>04</span>
                       <div class="t-title"><img class="img-40 rounded-circle align-top" src="../assets/images/dashboard-3/4_4.png" alt="" data-original-title="" title=""/>
                         <div class="d-inline-block align-middle"><a href="user-profile.html"><span class="f-w-500">Barker Cartor Ward</span></a></div>
                       </div>
                     </td>
                     <td> <p>22 Sept,2019 2:10pm</p></td>
                     <td> <span>Project Research</span></td>
                     <td> <p>+1-684 8759 0013</p></td>
                     <td> <p>American Samoa</p></td>
                     <td> <p>$1526.00</p> </td>
                     <td> <p>Paid</p></td>
                     <td> 
                       <div class="progress-showcase"><div class="progress sm-progress-bar">
                           <div class="progress-bar bg-success" role="progressbar" style="width: 80%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                         </div>
                       </div>
                     </td>
                   </tr>
                 </tbody>
               </table>
               </div>
             </div>
           </div>
           </div>
         </div>

Copyright 2022 © wingo All rights reserved.

Hand crafted & made with