booking/assets/pug/pages/theme/projects.pug
2025-03-24 22:58:00 +03:00

729 lines
50 KiB
Plaintext

- var prism = true;
- var clipboard = true;
- var customcard = true;
- var height_equal = true;
- var theme_customizer = true;
doctype html
html(lang='en')
include ../../components/header-files
body
include ../../components/loader
// page-wrapper Start
#pageWrapper.page-wrapper
include ../../components/header
// Page Body Start
.page-body-wrapper.horizontal-menu
include ../../components/sidebar
.page-body
.container-fluid
.page-header
.row
.col-sm-6
h3
| project list
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
| Home
li.breadcrumb-item dashboard
li.breadcrumb-item.active project list
.col-sm-6
include ../../components/bookmark
// Container-fluid starts
.container-fluid
.row.project-cards
.col-md-12.project-list
.card
.row
.col-md-6.p-0
ul#top-tab.nav.nav-tabs.border-tab(role='tablist')
li.nav-item
a#top-home-tab.nav-link.active(data-bs-toggle='tab', href='#top-home', role='tab', aria-controls='top-home', aria-selected='true')
i(data-feather="target")
| All
li.nav-item
a#profile-top-tab.nav-link(data-bs-toggle='tab', href='#top-profile', role='tab', aria-controls='top-profile', aria-selected='false')
i(data-feather="info")
| Doing
li.nav-item
a#contact-top-tab.nav-link(data-bs-toggle='tab', href='#top-contact', role='tab', aria-controls='top-contact', aria-selected='false')
i(data-feather="check-circle")
| Done
.col-md-6.p-0
.form-group.mb-0.me-0
a.btn.btn-primary(href="projectcreate.html")
i(data-feather="plus-square")
| Create New Project
.col-sm-12
.card
.card-body
#top-tabContent.tab-content
#top-home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='top-home-tab')
.row
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-primary Doing
h6 Endless admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Themeforest, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-primary 12
.col-6
span Resolved
.col-6.font-primary 5
.col-6
span Comment
.col-6.font-primary 7
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +10 More
.project-status.mt-4
.media.mb-0
p 70%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-primary.progress-bar-striped( role="progressbar" style="width: 70%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-secondary Done
h6 Universal admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 24
.col-6
span Resolved
.col-6.font-secondary 24
.col-6
span Comment
.col-6.font-secondary 40
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +3 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-secondary Done
h6 Poco admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 40
.col-6
span Resolved
.col-6.font-secondary 40
.col-6
span Comment
.col-6.font-secondary 20
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +2 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-secondary Done
h6 Universal admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 24
.col-6
span Resolved
.col-6.font-secondary 24
.col-6
span Comment
.col-6.font-secondary 40
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +3 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-primary Doing
h6 Endless admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Themeforest, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-primary 12
.col-6
span Resolved
.col-6.font-primary 5
.col-6
span Comment
.col-6.font-primary 7
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +10 More
.project-status.mt-4
.media.mb-0
p 70%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-primary.progress-bar-striped( role="progressbar" style="width: 70%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-secondary Done
h6 Poco admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 40
.col-6
span Resolved
.col-6.font-secondary 40
.col-6
span Comment
.col-6.font-secondary 20
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +2 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
#top-profile.tab-pane.fade(role='tabpanel', aria-labelledby='profile-top-tab')
.row
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-primary Doing
h6 Endless admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Themeforest, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-primary 12
.col-6
span Resolved
.col-6.font-primary 5
.col-6
span Comment
.col-6.font-primary 7
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +10 More
.project-status.mt-4
.media.mb-0
p 70%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-primary.progress-bar-striped( role="progressbar" style="width: 70%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-primary Doing
h6 Universal admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-primary 24
.col-6
span Resolved
.col-6.font-primary 24
.col-6
span Comment
.col-6.font-primary 40
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +3 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-primary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-primary Doing
h6 Poco admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-primary 40
.col-6
span Resolved
.col-6.font-primary 40
.col-6
span Comment
.col-6.font-primary 20
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +2 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-primary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-primary Doing
h6 Universal admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-primary 24
.col-6
span Resolved
.col-6.font-primary 24
.col-6
span Comment
.col-6.font-primary 40
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +3 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-primary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-primary Doing
h6 Endless admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Themeforest, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-primary 12
.col-6
span Resolved
.col-6.font-primary 5
.col-6
span Comment
.col-6.font-primary 7
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +10 More
.project-status.mt-4
.media.mb-0
p 70%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-primary.progress-bar-striped( role="progressbar" style="width: 70%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-primary Doing
h6 Poco admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-primary 40
.col-6
span Resolved
.col-6.font-primary 40
.col-6
span Comment
.col-6.font-primary 20
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +2 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-primary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
#top-contact.tab-pane.fade(role='tabpanel', aria-labelledby='contact-top-tab')
.row
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-secondary Done
h6 Endless admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Themeforest, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 12
.col-6
span Resolved
.col-6.font-secondary 5
.col-6
span Comment
.col-6.font-secondary 7
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +10 More
.project-status.mt-4
.media.mb-0
p 70%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary.progress-bar-striped( role="progressbar" style="width: 70%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-secondary Done
h6 Universal admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 24
.col-6
span Resolved
.col-6.font-secondary 24
.col-6
span Comment
.col-6.font-secondary 40
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +3 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-secondary Done
h6 Poco admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 40
.col-6
span Resolved
.col-6.font-secondary 40
.col-6
span Comment
.col-6.font-secondary 20
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +2 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-secondary Done
h6 Universal admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 24
.col-6
span Resolved
.col-6.font-secondary 24
.col-6
span Comment
.col-6.font-secondary 40
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +3 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-primary Done
h6 Endless admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Themeforest, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 12
.col-6
span Resolved
.col-6.font-secondary 5
.col-6
span Comment
.col-6.font-secondary 7
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +10 More
.project-status.mt-4
.media.mb-0
p 70%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary.progress-bar-striped( role="progressbar" style="width: 70%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
.col-xxl-4.col-lg-6
.project-box
span.badge.badge-secondary Done
h6 Poco admin Design
.media
img.img-20.me-2.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
.media-body
p Envato, australia
p Lorem Ipsum is simply dummy text of the printing and typesetting industry.
.row.details
.col-6
span Issues
.col-6.font-secondary 40
.col-6
span Resolved
.col-6.font-secondary 40
.col-6
span Comment
.col-6.font-secondary 20
.customers
ul
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/3.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/5.jpg' alt='' data-original-title='' title='')
li.d-inline-block
img.img-30.rounded-circle(src='assets/images/user/1.jpg' alt='' data-original-title='' title='')
li.d-inline-block.ms-2
p.f-12 +2 More
.project-status.mt-4
.media.mb-0
p 100%
.media-body.text-end
span Done
.progress(style="height: 5px")
.progress-bar-animated.bg-secondary( role="progressbar" style="width: 100%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100")
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files