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

General

  1. Widgets
  2. General
Earnings

6659

Products

9856

Messages

893

New User

45631

Sale
Today
$25698
-$2658(36%)
Sale
Month
$6954
+$369(15%)
Sale
Week
$63147
+$69(65%)
Sale
Year
$963198
+$3654(90%)
68%
New
6982
12%
Pending
783
68%
Done
3674
68%
Cancel
069

24

March2018

There is no minimum donation, any sum is appreciated

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
Oct 13, 2022

kolkata, India

25°C

Newyork

95°F

Peris

50°C

India

India, Surat

36°F

Recent Activity
  • A
    Any desktop publishing.
    • 25 July 2017
    • 20 hours ago
  • C
    Contrary to popular belief.
    • 25 July 2017
    • 20 hours ago
  • E
    Established fact that a reader.
    • 25 July 2017
    • 20 hours ago
  • H
    H-Code - A premium portfolio.
    • 25 July 2017
    • 20 hours ago
  • T
    There isn't any hidden.
    • 25 July 2017
    • 20 hours ago
    • 25 July 2017
    • 20 hours ago
<div class="card">
  <div class="card-header pb-0 d-flex justify-content-between align-items-center">
    <h5 class="text-uppercase">Recent Activity</h5>
    <div class="setting-list">
      <ul class="list-unstyled setting-option">
        <li><div class="setting-primary"><i class="icon-settings"></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">
    <ul class="crm-activity">
      <li class="media"><span class="me-3 font-primary">A</span>
        <div class="align-self-center media-body">
          <h6 class="mt-0">Any desktop publishing packages and web page editors.</h6>
          <ul class="dates">
            <li>25 July 2017</li>
            <li>20 hours ago</li>
          </ul>
        </div>
      </li>
      <li class="media">
       <span class="me-3 font-secondary">C</span>
       <div class="align-self-center media-body">
         <h6 class="mt-0">Contrary to popular belief, Lorem Ipsum is not simply. </h6>
         <ul class="dates">
           <li>25 July 2017</li>
           <li>20 hours ago </li>
         </ul>
       </div>
     </li>
     <li class="media">
         <span class="me-3 font-primary">E</span>
         <div class="align-self-center media-body">
             <h6 class="mt-0">Established fact that a reader will be distracted </h6>
             <ul class="dates">
               <li>25 July 2017</li>
               <li>20 hours ago</li>
             </ul>
         </div>
     </li>
     <li class="media">
       <span class="me-3 font-secondary">H</span>
       <div class="align-self-center media-body">
         <h6 class="mt-0">H-Code - A premium portfolio template from ThemeZaa </h6>
         <ul class="dates">
           <li>25 July 2017</li>
           <li>20 hours ago </li>
         </ul>
       </div>
     </li>
     <li class="media">
         <span class="me-3 font-primary">T</span>
         <div class="align-self-center media-body">
             <h6 class="mt-0">There isn't anything embarrassing hidden.</h6>
             <ul class="dates">
               <li>25 July 2017</li>
               <li>20 hours ago</li>
             </ul>
         </div>
     </li>
     <li class="media">
       <div class="align-self-center media-body">
         <ul class="dates">
           <li>25 July 2017</li>
           <li>20 hours ago</li>
         </ul>
       </div>
     </li>
   </ul>
 </div>
</div>

Scarlett john

Manager
Follower

9564

Following

49K

Total Post

96M

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock.

Poio klot
Developer
New Order

25639

  • Profit8989
  • Loss2560
Facebook
Post

6589

Like

75269

Twitter
Post

6589

Follower

75269

linkedin
Post

1234

linkedin

4369

Google +
Post

369

Follower

3458

Daily

36%

Month

96%

Week

46%

Daily

36%

Month

96%

Week

46%

Daily

36%

Month

96%

Week

46%

PRODUCTS CART
Details Quantity Status Price
Simply dummy text of the printing 1 Pending
6523
Long established 5 Cancle
6523
sometimes by accident 10 Cancle
6523
Classical Latin literature 9 Return
6523
keep the site on the Internet 8 Pending
6523
Molestiae consequatur 3 Cancle
6523
Pain can procure 8 Return
6523
<div class="card">
 <div class="card-header pb-0 d-flex justify-content-between align-items-center">
   <h5>PRODUCTS CART</h5>
   <div class="setting-list">
     <ul class="list-unstyled setting-option">
       <li>
         <div class="setting-primary"><i class="icon-settings"></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="user-status table-responsive">
     <table class="table table-bordernone">
       <thead>
         <tr>
           <th scope="col">Details</th>
           <th scope="col">Quantity</th>
           <th scope="col">Status</th>
           <th scope="col">Price</th>
         </tr>
       </thead>
       <tbody>
         <tr>
           <td class="f-w-600">Simply dummy text of the printing</td>
           <td>1</td>
           <td class="font-primary">Pending</td>
           <td>
             <div class="span badge rounded-pill pill-badge-secondary">6523</div>
           </td>
         </tr>
         <tr>
           <td class="f-w-600">Long established</td>
           <td>5</td>
           <td class="font-secondary">Cancle</td>
           <td>
             <div class="span badge rounded-pill pill-badge-success">6523</div>
           </td>
         </tr>
         <tr>
           <td class="f-w-600">sometimes by accident</td>
           <td>10</td>
           <td class="font-secondary">Cancle</td>
           <td>
             <div class="span badge rounded-pill pill-badge-warning">6523</div>
           </td>
         </tr>
         <tr>
           <td class="f-w-600">Classical Latin literature</td>
           <td>9</td>
           <td class="font-primary">Return</td>
           <td>
             <div class="span badge rounded-pill pill-badge-primary">6523</div>
           </td>
         </tr>
         <tr>
           <td class="f-w-600">keep the site on the Internet</td>
           <td>8</td>
           <td class="font-primary">Pending</td>
           <td>
               <div class="span badge rounded-pill pill-badge-danger">6523</div>
           </td>
         </tr>
         <tr>
             <td class="f-w-600">Molestiae consequatur</td>
             <td>3</td>
             <td class="font-secondary">Cancle</td>
             <td>
               <div class="span badge rounded-pill pill-badge-info">6523</div>
             </td>
         </tr>
         <tr>
           <td class="f-w-600">Pain can procure</td>
           <td>8</td>
           <td class="font-primary">Return</td>
           <td>
             <div class="span badge rounded-pill pill-badge-primary">6523</div>
           </td>
         </tr>
       </tbody>
     </table>
   </div>
 </div>
</div>
EMPLOYEE STATUS
Name Designation Skill Level Experience
John Deo (14+ Online)
Designer
2 Year
Holio Mako (250+ Online)
Developer
3 Year
Mohsib lara(99+ Online)
Tester
5 Month
Hileri Soli (150+ Online)
Designer
3 Month
Pusiz bia (14+ Online)
Designer
5 Year
<div class="card">
 <div class="card-header pb-0 d-flex justify-content-between align-items-center">
   <h5>EMPLOYEE STATUS</h5>
   <div class="setting-list">
     <ul class="list-unstyled setting-option">
       <li>
         <div class="setting-primary"><i class="icon-settings"></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="user-status table-responsive">
     <table class="table table-bordernone">
       <thead>
         <tr>
           <th scope="col">Name</th>
           <th scope="col">Designation</th>
           <th scope="col">Skill Level</th>
           <th scope="col">Experience</th>
         </tr>
       </thead>
       <tbody>
         <tr>
           <td class="bd-t-none u-s-tb">
             <div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle" src="../assets/images/user/4.jpg" alt="">
               <div class="d-inline-block">
                 <h6>John Deo <span class="text-muted">(14+ Online)</span></h6>
               </div>
             </div>
           </td>
           <td>Designer</td>
           <td>
             <div class="progress-showcase">
               <div class="progress" style="height: 8px;">
                 <div class="progress-bar bg-primary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
               </div>
             </div>
           </td>
           <td>2 Year</td>
         </tr>
         <tr>
           <td class="bd-t-none u-s-tb">
             <div class="align-middle image-sm-size d-flex align-items-center"><img class="img-radius align-top m-r-15 rounded-circle" src="../assets/images/user/1.jpg" alt="">
               <div class="d-inline-block">
                 <h6>Holio Mako <span class="text-muted">(250+ Online)</span></h6>
               </div>
             </div>
           </td>
           <td>Developer</td>
           <td>
             <div class="progress-showcase">
               <div class="progress" style="height: 8px;">
                 <div class="progress-bar bg-secondary" role="progressbar" style="width: 70%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
               </div>
             </div>
           </td>
          <td>3 Year</td>
        </tr>
        <tr>
          <td class="bd-t-none u-s-tb">
            <div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle" src="../assets/images/user/5.jpg" alt="">
                <div class="d-inline-block">
                  <h6>Mohsib lara<span class="text-muted">(99+ Online)</span></h6>
                </div>
             </div>
           </td>
           <td>Tester</td>
           <td>
             <div class="progress-showcase">
               <div class="progress" style="height: 8px;">
                 <div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
               </div>
             </div>
           </td>
           <td>5 Month</td>
         </tr>
         <tr>
           <td class="bd-t-none u-s-tb">
             <div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle" src="../assets/images/user/6.jpg" alt="">
               <div class="d-inline-block">
                 <h6>Hileri Soli <span class="text-muted">(150+ Online)</span></h6>
               </div>
             </div>
           </td>
           <td>Designer</td>
           <td>
             <div class="progress-showcase">
               <div class="progress" style="height: 8px;">
                 <div class="progress-bar bg-secondary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
               </div>
             </div>
           </td>
           <td>3 Month</td>
         </tr>
         <tr>
           <td class="bd-t-none u-s-tb">
             <div class="align-middle image-sm-size"><img class="img-radius align-top m-r-15 rounded-circle" src="../assets/images/user/7.jpg" alt="">
               <div class="d-inline-block">
                  <h6>Pusiz bia <span class="text-muted">(14+ Online)</span></h6>
               </div>
             </div>
           </td>
           <td>Designer</td>
             <td>
               <div class="progress-showcase">
                 <div class="progress" style="height: 8px;">
                   <div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                   </div>
               </div>
             </td>
             <td>5 Year</td>
         </tr>
       </tbody>
     </table>
   </div>
 </div>
</div>
25
Apr
I must explain to you how?

Denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth,Letraset sheets.

Contact Us
 <div class="card height-equal">
 <div class="card-header pb-0 d-flex justify-content-between align-items-center">
   <h5>Contact Us</h5>
   <div class="setting-list">
     <ul class="list-unstyled setting-option">
       <li>
         <div class="setting-primary"><i class="icon-settings"></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="contact-form card-body">
   <form class="theme-form">
     <div class="form-icon"><i class="icofont icofont-envelope-open"></i></div>
       <div class="mb-3">
         <label for="exampleInputName">Your Name</label>
         <input class="form-control" id="exampleInputName" type="text" placeholder="John Dio">
       </div>
     <div class="mb-3">
       <label class="col-form-label" for="exampleInputEmail1">Email</label>
       <input class="form-control" id="exampleInputEmail1" type="email" placeholder="[email protected]">
     </div>
     <div class="mb-3">
       <label class="col-form-label" for="exampleInputEmail1">Message</label>
       <textarea class="form-control textarea" rows="3" cols="50" placeholder="Your Message"></textarea>
     </div>
     <div class="text-sm-end">
       <button class="btn btn-primary">SEND IT</button>
     </div>
   </form>
 </div>
</div>

Copyright 2022 © wingo All rights reserved.

Hand crafted & made with