Albasheer-Org/booking
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
booking/assets/pug/pages/theme/general-widget.pug
mohanad albasheer 7ea58fc132 fix assets
2025-03-24 22:58:00 +03:00

1121 lines
82 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

- var prism = true;
- var height_equal = true;
- var clipboard = true;
- var customcard = true;
- var theme_customizer = true;
- var tooltip = true;
- var date_picker = true;
- var whether_icon = true;
- var counter = true;
- var owlcarousel = true;
- var general_widget = 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
| General
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
| Home
li.breadcrumb-item Widgets
li.breadcrumb-item.active General
.col-sm-6
include ../../components/bookmark
// Container-fluid starts
.container-fluid.general-widget
.row
.col-sm-6.col-xl-3.col-lg-6
.card.o-hidden.border-0
.bg-primary.b-r-4.card-body
.media.static-top-widget
.align-self-center.text-center
<i data-feather="database"></i>
.media-body
span.m-0 Earnings
h4.mb-0.counter 6659
i.icon-bg(data-feather='database')
.col-sm-6.col-xl-3.col-lg-6
.card.o-hidden.border-0
.bg-secondary.b-r-4.card-body
.media.static-top-widget
.align-self-center.text-center
i(data-feather="shopping-bag")
.media-body
span.m-0 Products
h4.mb-0.counter 9856
i.icon-bg(data-feather='shopping-bag')
.col-sm-6.col-xl-3.col-lg-6
.card.o-hidden.border-0
.bg-primary.b-r-4.card-body
.media.static-top-widget
.align-self-center.text-center
i(data-feather='message-circle')
.media-body
span.m-0 Messages
h4.mb-0.counter 893
i.icon-bg(data-feather='message-circle')
.col-sm-6.col-xl-3.col-lg-6
.card.o-hidden.border-0
.bg-primary.b-r-4.card-body
.media.static-top-widget
.align-self-center.text-center
i(data-feather='user-plus')
.media-body
span.m-0 New Use
h4.mb-0.counter 4531
i.icon-bg(data-feather='user-plus')
.col-xl-6.xl-100.box-col-12
.card
.cal-date-widget.card-body
.row
.col-xl-6.col-xs-12.col-md-6.col-sm-6
.cal-info.text-center
div
h2 24
.d-inline-block
span.b-r-dark.pe-3 March
span.ps-3 2018
p.f-16 There is no minimum donation, any sum is appreciated
.col-xl-6.col-xs-12.col-md-6.col-sm-6
.cal-datepicker
.datepicker-here.float-sm-end(data-language='en')
.col-xl-3.xl-50.col-sm-6.box-col-6
.card
.mobile-clock-widget
.bg-svg
svg#cloudLightningMoon.climacon.climacon_cloudLightningMoon(version='1.1', viewBox='15 15 70 70')
clippath#moonCloudFillClipfill11
path(d='M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z')
clippath#cloudFillClipfill19
path(d='M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z')
g.climacon_iconWrap.climacon_iconWrap-cloudLightningMoon
g(clip-path='url(#cloudFillClip)')
g.climacon_wrapperComponent.climacon_wrapperComponent-moon.climacon_componentWrap-moon_cloud(clip-path='url(#moonCloudFillClip)')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_sunBody(d='M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z')
g.climacon_wrapperComponent.climacon_wrapperComponent-lightning
polygon.climacon_component.climacon_component-stroke.climacon_component-stroke_lightning(points='48.001,51.641 57.999,51.641 52,61.641 58.999,61.641 46.001,77.639 49.601,65.641 43.001,65.641 ')
g.climacon_wrapperComponent.climacon_wrapperComponent-cloud
path.climacon_component.climacon_component-stroke.climacon_component-stroke_cloud(d='M59.999,65.641c-0.28,0-0.649,0-1.062,0l3.584-4.412c3.182-1.057,5.478-4.053,5.478-7.588c0-4.417-3.581-7.998-7.999-7.998c-1.602,0-3.083,0.48-4.333,1.29c-1.231-5.316-5.974-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,12c0,5.446,3.632,10.039,8.604,11.503l-1.349,3.777c-6.52-2.021-11.255-8.098-11.255-15.282c0-8.835,7.163-15.999,15.998-15.999c6.004,0,11.229,3.312,13.965,8.204c0.664-0.114,1.338-0.205,2.033-0.205c6.627,0,11.999,5.371,11.999,11.999C71.999,60.268,66.626,65.641,59.999,65.641z')
div
ul#clock.clock
li#hour.hour
li#min.min
li#sec.sec
#date.date.f-24.mb-2
span#monthDay
span#year , 
div
p.m-0.f-14.text-light kolkata, India
.col-xl-3.xl-50.col-sm-6.box-col-6
.card
.weather-widget-two
.card-body
.media
svg#cloudDrizzleMoonAlt.climacon.climacon_cloudDrizzleMoonAlt(version='1.1', viewBox='15 15 70 70')
clippath#cloudFillClip
path(d='M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z')
clippath#moonCloudFillClip
path(d='M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z')
g.climacon_iconWrap.climacon_iconWrap-cloudDrizzleMoonAlt
g(clip-path='url(#cloudFillClip)')
g.climacon_wrapperComponent.climacon_wrapperComponent-moon.climacon_componentWrap-moon_cloud(clip-path='url(#moonCloudFillClip)')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_sunBody(d='M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z')
g.climacon_wrapperComponent.climacon_wrapperComponent-drizzle
path#Drizzle-Left_1_.climacon_component.climacon_component-stroke.climacon_component-stroke_drizzle.climacon_component-stroke_drizzle-left(d='M56.969,57.672l-2.121,2.121c-1.172,1.172-1.172,3.072,0,4.242c1.17,1.172,3.07,1.172,4.24,0c1.172-1.17,1.172-3.07,0-4.242L56.969,57.672z')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_drizzle.climacon_component-stroke_drizzle-middle(d='M50.088,57.672l-2.119,2.121c-1.174,1.172-1.174,3.07,0,4.242c1.17,1.172,3.068,1.172,4.24,0s1.172-3.07,0-4.242L50.088,57.672z')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_drizzle.climacon_component-stroke_drizzle-right(d='M43.033,57.672l-2.121,2.121c-1.172,1.172-1.172,3.07,0,4.242s3.07,1.172,4.244,0c1.172-1.172,1.172-3.07,0-4.242L43.033,57.672z')
g.climacon_wrapperComponent.climacon_wrapperComponent-cloud(clip-path='url(#cloudFillClip)')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_cloud(d='M59.943,41.642c-0.696,0-1.369,0.092-2.033,0.205c-2.736-4.892-7.961-8.203-13.965-8.203c-8.835,0-15.998,7.162-15.998,15.997c0,5.992,3.3,11.207,8.177,13.947c0.276-1.262,0.892-2.465,1.873-3.445l0.057-0.057c-3.644-2.061-6.106-5.963-6.106-10.445c0-6.626,5.372-11.998,11.998-11.998c5.691,0,10.433,3.974,11.666,9.29c1.25-0.81,2.732-1.291,4.332-1.291c4.418,0,8,3.581,8,7.999c0,3.443-2.182,6.371-5.235,7.498c0.788,1.146,1.194,2.471,1.222,3.807c4.666-1.645,8.014-6.077,8.014-11.305C71.941,47.014,66.57,41.642,59.943,41.642z')
// cloudDrizzleMoonAlt
.media-body.align-self-center.text-white
h4.m-0.f-w-600.num 25°C
p.m-0.f-14 Newyork
.media
svg#cloudRainMoon.climacon.climacon_cloudRainMoon(version='1.1', viewBox='15 15 70 70')
clippath#cloudFillClip1
path(d='M15,15v70h70V15H15z M59.943,61.639c-3.02,0-12.381,0-15.999,0c-6.626,0-11.998-5.371-11.998-11.998c0-6.627,5.372-11.999,11.998-11.999c5.691,0,10.434,3.974,11.665,9.29c1.252-0.81,2.733-1.291,4.334-1.291c4.418,0,8,3.582,8,8C67.943,58.057,64.361,61.639,59.943,61.639z')
clippath#moonCloudFillClip1
path(d='M0,0v100h100V0H0z M60.943,46.641c-4.418,0-7.999-3.582-7.999-7.999c0-3.803,2.655-6.979,6.211-7.792c0.903,4.854,4.726,8.676,9.579,9.58C67.922,43.986,64.745,46.641,60.943,46.641z')
g.climacon_iconWrap.climacon_iconWrap-cloudRainMoon
g(clip-path='url(#cloudFillClip1)')
g.climacon_wrapperComponent.climacon_wrapperComponent-moon.climacon_componentWrap-moon_cloud(clip-path='url(#moonCloudFillClip1)')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_sunBody(d='M61.023,50.641c-6.627,0-11.999-5.372-11.999-11.998c0-6.627,5.372-11.999,11.999-11.999c0.755,0,1.491,0.078,2.207,0.212c-0.132,0.576-0.208,1.173-0.208,1.788c0,4.418,3.582,7.999,8,7.999c0.614,0,1.212-0.076,1.788-0.208c0.133,0.717,0.211,1.452,0.211,2.208C73.021,45.269,67.649,50.641,61.023,50.641z')
g.climacon_wrapperComponent.climacon_wrapperComponent-rain
path.climacon_component.climacon_component-stroke.climacon_component-stroke_rain.climacon_component-stroke_rain-.left(d='M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_rain.climacon_component-stroke_rain-.middle(d='M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_rain.climacon_component-stroke_rain-.right(d='M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_rain.climacon_component-stroke_rain-.left(d='M41.946,53.641c1.104,0,1.999,0.896,1.999,2v15.998c0,1.105-0.895,2-1.999,2s-2-0.895-2-2V55.641C39.946,54.537,40.842,53.641,41.946,53.641z')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_rain.climacon_component-stroke_rain-.middle(d='M49.945,57.641c1.104,0,2,0.896,2,2v15.998c0,1.104-0.896,2-2,2s-2-0.896-2-2V59.641C47.945,58.535,48.841,57.641,49.945,57.641z')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_rain.climacon_component-stroke_rain-.right(d='M57.943,53.641c1.104,0,2,0.896,2,2v15.998c0,1.105-0.896,2-2,2c-1.104,0-2-0.895-2-2V55.641C55.943,54.537,56.84,53.641,57.943,53.641z')
g.climacon_wrapperComponent.climacon_wrapperComponent-cloud(clip-path='url(#cloudFillClip1)')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_cloud(d='M59.943,41.642c-0.696,0-1.369,0.092-2.033,0.205c-2.736-4.892-7.961-8.203-13.965-8.203c-8.835,0-15.998,7.162-15.998,15.997c0,5.992,3.3,11.207,8.177,13.947c0.276-1.262,0.892-2.465,1.873-3.445l0.057-0.057c-3.644-2.061-6.106-5.963-6.106-10.445c0-6.626,5.372-11.998,11.998-11.998c5.691,0,10.433,3.974,11.666,9.29c1.25-0.81,2.732-1.291,4.332-1.291c4.418,0,8,3.581,8,7.999c0,3.443-2.182,6.371-5.235,7.498c0.788,1.146,1.194,2.471,1.222,3.807c4.666-1.645,8.014-6.077,8.014-11.305C71.941,47.014,66.57,41.642,59.943,41.642z')
// cloudRainMoon
.media-body.align-self-center.text-white
h4.m-0.f-w-600.num 95°F
p.m-0.f-14 Peris
.media
svg#cloudDrizzle.climacon.climacon_cloudDrizzle(version='1.1', viewBox='15 15 70 70')
g.climacon_iconWrap.climacon_iconWrap-cloudDrizzle
g.climacon_wrapperComponent.climacon_wrapperComponent-drizzle
path.climacon_component.climacon_component-stroke.climacon_component-stroke_drizzle.climacon_component-stroke_drizzle-left(d='M42.001,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2.001-0.895-2.001-2v-3.998C40,54.538,40.896,53.644,42.001,53.644z')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_drizzle.climacon_component-stroke_drizzle-middle(d='M49.999,53.644c1.104,0,2,0.896,2,2v4c0,1.104-0.896,2-2,2s-1.998-0.896-1.998-2v-4C48.001,54.54,48.896,53.644,49.999,53.644z')
path.climacon_component.climacon_component-stroke.climacon_component-stroke_drizzle.climacon_component-stroke_drizzle-right(d='M57.999,53.644c1.104,0,2,0.896,2,2v3.998c0,1.105-0.896,2-2,2c-1.105,0-2-0.895-2-2v-3.998C55.999,54.538,56.894,53.644,57.999,53.644z')
g.climacon_wrapperComponent.climacon_wrapperComponent-cloud
path.climacon_component.climacon_component-stroke.climacon_component-stroke_cloud(d='M63.999,64.944v-4.381c2.387-1.386,3.998-3.961,3.998-6.92c0-4.418-3.58-8-7.998-8c-1.603,0-3.084,0.481-4.334,1.291c-1.232-5.316-5.973-9.29-11.664-9.29c-6.628,0-11.999,5.372-11.999,12c0,3.549,1.55,6.729,3.998,8.926v4.914c-4.776-2.769-7.998-7.922-7.998-13.84c0-8.836,7.162-15.999,15.999-15.999c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.336-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12C71.997,58.864,68.655,63.296,63.999,64.944z')
// cloudDrizzle
.media-body.align-self-center.text-white
h4.m-0.f-w-600.num 50°C
p.m-0.f-14 India
.top-bg-whether
svg#cloudHailAltFill.climacon.climacon_cloudHailAltFill(version='1.1', viewBox='15 15 70 70')
g.climacon_iconWrap.climacon_iconWrap-cloudHailAltFill
g.climacon_wrapperComponent.climacon_wrapperComponent-hailAlt
g.climacon_component.climacon_component-stroke.climacon_component-stroke_hailAlt.climacon_component-stroke_hailAlt-left
circle(cx='42', cy='65.498', r='2')
g.climacon_component.climacon_component-stroke.climacon_component-stroke_hailAlt.climacon_component-stroke_hailAlt-middle
circle(cx='49.999', cy='65.498', r='2')
g.climacon_component.climacon_component-stroke.climacon_component-stroke_hailAlt.climacon_component-stroke_hailAlt-right
circle(cx='57.998', cy='65.498', r='2')
g.climacon_component.climacon_component-stroke.climacon_component-stroke_hailAlt.climacon_component-stroke_hailAlt-left
circle(cx='42', cy='65.498', r='2')
g.climacon_component.climacon_component-stroke.climacon_component-stroke_hailAlt.climacon_component-stroke_hailAlt-middle
circle(cx='49.999', cy='65.498', r='2')
g.climacon_component.climacon_component-stroke.climacon_component-stroke_hailAlt.climacon_component-stroke_hailAlt-right
circle(cx='57.998', cy='65.498', r='2')
g.climacon_componentWrap.climacon_componentWrap_cloud
path.climacon_component.climacon_component-stroke.climacon_component-stroke_cloud(d='M43.945,65.639c-8.835,0-15.998-7.162-15.998-15.998c0-8.836,7.163-15.998,15.998-15.998c6.004,0,11.229,3.312,13.965,8.203c0.664-0.113,1.338-0.205,2.033-0.205c6.627,0,11.998,5.373,11.998,12c0,6.625-5.371,11.998-11.998,11.998C57.168,65.639,47.143,65.639,43.945,65.639z')
path.climacon_component.climacon_component-fill.climacon_component-fill_cloud(fill='#FFFFFF', d='M59.943,61.639c4.418,0,8-3.582,8-7.998c0-4.417-3.582-8-8-8c-1.601,0-3.082,0.481-4.334,1.291c-1.23-5.316-5.973-9.29-11.665-9.29c-6.626,0-11.998,5.372-11.998,11.999c0,6.626,5.372,11.998,11.998,11.998C47.562,61.639,56.924,61.639,59.943,61.639z')
.bottom-whetherinfo
.row
.col-6
i(data-feather='cloud-drizzle')
.col-6
.whether-content
span India, Surat
h4.num.mb-0 36°F
.col-xl-6.xl-50.box-col-12
.widget-joins.card.widget-arrow
.row
.col-sm-6.pe-0
.media.border-after-xs
.align-self-center.me-3.text-start
span.widget-t.mb-1 Sale
h5.mb-0 Today
.media-body.align-self-center
i.font-primary(data-feather='arrow-down')
.media-body
h5.mb-0
| $
span.counter 25698
span.mb-1 -$2658(36%)
.col-sm-6.ps-0
.media
.align-self-center.me-3.text-start
span.widget-t.mb-1 Sale
h5.mb-0 Month
.media-body.align-self-center
i.font-primary(data-feather='arrow-up')
.media-body.ps-2
h5.mb-0
| $
span.counter 6954
span.mb-1 +$369(15%)
.col-sm-6.pe-0
.media.border-after-xs
.align-self-center.me-3.text-start
span.widget-t.mb-1 Sale
h5.mb-0 Week
.media-body.align-self-center
i.font-primary(data-feather='arrow-up')
.media-body
h5.mb-0
| $
span.counter 63147
span.mb-1 +$69(65%)
.col-sm-6.ps-0
.media
.align-self-center.me-3.text-start
span.widget-t.mb-1 Sale
h5.mb-0 Year
.media-body.align-self-center.ps-3
i.font-primary(data-feather='arrow-up')
.media-body.ps-2
h5.mb-0
| $
span.counter 963198
span.mb-1 +$3654(90%)
.col-xl-6.xl-50.box-col-12
.widget-joins.card
.row
.col-sm-6.pe-0
.media.border-after-xs
.align-self-center.me-3
| 68%
i.fa.fa-angle-up.ms-2
.media-body.details.ps-3
span.mb-1 New
h5.mb-0.counter 6982
.media-body.align-self-center
i.font-primary.float-end.ms-2(data-feather='shopping-bag')
.col-sm-6.ps-0
.media
.align-self-center.me-3
| 12%
i.fa.fa-angle-down.ms-2
.media-body.details.ps-3
span.mb-1 Pending
h5.mb-0.counter 783
.media-body.align-self-center
i.font-primary.float-end.ms-3(data-feather='layers')
.col-sm-6.pe-0
.media.border-after-xs
.align-self-center.me-3
| 68%
i.fa.fa-angle-up.ms-2
.media-body.details.ps-3.pt-0
span.mb-1 Done
h5.mb-0.counter 3674
.media-body.align-self-center
i.font-primary.float-end.ms-2(data-feather='shopping-cart')
.col-sm-6.ps-0
.media
.align-self-center.me-3
| 68%
i.fa.fa-angle-up.ms-2
.media-body.details.ps-3.pt-0
span.mb-1 Cancel
h5.mb-0.counter 069
.media-body.align-self-center
i.font-primary.float-end.ms-2(data-feather='dollar-sign')
.col-xl-4.box-col-6
.card.testimonial.text-center
.card-body
div
.item
i(class="fa fa-quote-left")
p
| 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.
img.img-80(src='assets/images/dashboard/boy-2.png', alt='')
h5.font-primary Poio klot
span Developer
.card.xl-none
.ecommerce-widget.card-body
.row
.col-6
span New Order
h3.total-num.counter 25639
.col-6
.text-end
ul
li
| Profit
span.product-stts.font-primary.m-l-10
| 8989
i.icon-angle-up.f-12.m-l-10
li
| Loss
span.product-stts.font-primary.m-l-10
| 2560
i.icon-angle-down.f-12.m-l-10
.progress-showcase
.progress.sm-progress-bar
.progress-bar.bg-primary(role='progressbar', style='width: 70%', aria-valuenow='25', aria-valuemin='0', aria-valuemax='100')
.col-xl-4.col-md-6.box-col-12
div
.card.card-activity
.card-header.pb-0.d-flex.justify-content-between.align-items-center
h5.text-uppercase Recent Activity
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.card-body
ul.crm-activity
li.media
span.me-3.font-primary A
.align-self-center.media-body
h6.mt-0 Any desktop publishing.
ul.dates
li 25 July 2017
li 20 hours ago
li.media
span.me-3.font-secondary C
.align-self-center.media-body
h6.mt-0 Contrary to popular belief.
ul.dates
li 25 July 2017
li 20 hours ago
li.media
span.me-3.font-primary E
.align-self-center.media-body
h6.mt-0 Established fact that a reader.
ul.dates
li 25 July 2017
li 20 hours ago
li.media
span.me-3.font-secondary H
.align-self-center.media-body
h6.mt-0 H-Code - A premium portfolio.
ul.dates
li 25 July 2017
li 20 hours ago
li.media
span.me-3.font-primary T
.align-self-center.media-body
h6.mt-0 There isn't any hidden.
ul.dates
li 25 July 2017
li 20 hours ago
li.media
.align-self-center.media-body
ul.dates
li 25 July 2017
li 20 hours ago
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#recent-activity', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#recent-activity
|&lt;div class="card"&gt;
| &lt;div class="card-header pb-0 d-flex justify-content-between align-items-center"&gt;
| &lt;h5 class="text-uppercase"&gt;Recent Activity&lt;/h5&gt;
| &lt;div class="setting-list"&gt;
| &lt;ul class="list-unstyled setting-option"&gt;
| &lt;li&gt;&lt;div class="setting-primary"&gt;&lt;i class="icon-settings"&gt;&lt;/i&gt;&lt;/div&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="view-html fa fa-code font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-maximize full-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-minus minimize-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-refresh reload-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-error close-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;div class="card-body"&gt;
| &lt;ul class="crm-activity"&gt;
| &lt;li class="media"&gt;&lt;span class="me-3 font-primary"&gt;A&lt;/span&gt;
| &lt;div class="align-self-center media-body"&gt;
| &lt;h6 class="mt-0"&gt;Any desktop publishing packages and web page editors.&lt;/h6&gt;
| &lt;ul class="dates"&gt;
| &lt;li&gt;25 July 2017&lt;/li&gt;
| &lt;li&gt;20 hours ago&lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/li&gt;
| &lt;li class="media"&gt;
| &lt;span class="me-3 font-secondary"&gt;C&lt;/span&gt;
| &lt;div class="align-self-center media-body"&gt;
| &lt;h6 class="mt-0"&gt;Contrary to popular belief, Lorem Ipsum is not simply. &lt;/h6&gt;
| &lt;ul class="dates"&gt;
| &lt;li&gt;25 July 2017&lt;/li&gt;
| &lt;li&gt;20 hours ago &lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/li&gt;
| &lt;li class="media"&gt;
| &lt;span class="me-3 font-primary"&gt;E&lt;/span&gt;
| &lt;div class="align-self-center media-body"&gt;
| &lt;h6 class="mt-0"&gt;Established fact that a reader will be distracted &lt;/h6&gt;
| &lt;ul class="dates"&gt;
| &lt;li&gt;25 July 2017&lt;/li&gt;
| &lt;li&gt;20 hours ago&lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/li&gt;
| &lt;li class="media"&gt;
| &lt;span class="me-3 font-secondary"&gt;H&lt;/span&gt;
| &lt;div class="align-self-center media-body"&gt;
| &lt;h6 class="mt-0"&gt;H-Code - A premium portfolio template from ThemeZaa &lt;/h6&gt;
| &lt;ul class="dates"&gt;
| &lt;li&gt;25 July 2017&lt;/li&gt;
| &lt;li&gt;20 hours ago &lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/li&gt;
| &lt;li class="media"&gt;
| &lt;span class="me-3 font-primary"&gt;T&lt;/span&gt;
| &lt;div class="align-self-center media-body"&gt;
| &lt;h6 class="mt-0"&gt;There isn't anything embarrassing hidden.&lt;/h6&gt;
| &lt;ul class="dates"&gt;
| &lt;li&gt;25 July 2017&lt;/li&gt;
| &lt;li&gt;20 hours ago&lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/li&gt;
| &lt;li class="media"&gt;
| &lt;div class="align-self-center media-body"&gt;
| &lt;ul class="dates"&gt;
| &lt;li&gt;25 July 2017&lt;/li&gt;
| &lt;li&gt;20 hours ago&lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
|&lt;/div&gt;
.col-xl-4.col-md-6.box-col-6
.card.custom-card
.card-header.pb-0
img.img-fluid(src='assets/images/user-card/3.jpg', alt='')
.card-profile
img.rounded-circle(src='assets/images/avtar/3.jpg', alt='')
ul.card-social
li
a(href='#')
i.fa.fa-facebook
li
a(href='#')
i.fa.fa-google-plus
li
a(href='#')
i.fa.fa-twitter
li
a(href='#')
i.fa.fa-instagram
li
a(href='#')
i.fa.fa-rss
.text-center.profile-details
h4
a(href="social-app.html" alt="")
| Scarlett john
h6 Manager
.card-footer.row
.col-4.col-sm-4
h6 Follower
h3.counter 9564
.col-4.col-sm-4
h6 Following
h3
span.counter 49
| K
.col-4.col-sm-4
h6 Total Post
h3
span.counter 96
| M
.col-sm-6.col-xl-3.xl-25.col-lg-6.box-col-6
.card.social-widget-card
.card-body
.redial-social-widget.radial-bar-70(data-label='50%')
i.fa.fa-facebook.font-primary
h5.b-b-light Facebook
.row
.col.text-center.b-r-light
span Post
h4.counter.mb-0 6589
.col.text-center
span Like
h4.counter.mb-0 75269
.col-sm-6.col-xl-3.xl-25.col-lg-6.box-col-6
.card.social-widget-card
.card-body
.redial-social-widget.radial-bar-70(data-label='50%')
i.fa.fa-twitter.font-primary
h5.b-b-light Twitter
.row
.col.text-center.b-r-light
span Post
h4.counter.mb-0 6589
.col.text-center
span Follower
h4.counter.mb-0 75269
.col-sm-6.col-xl-3.xl-25.col-lg-6.box-col-6
.card.social-widget-card
.card-body
.redial-social-widget.radial-bar-70(data-label='50%')
i.fa.fa-linkedin.font-primary
h5.b-b-light linkedin
.row
.col.text-center.b-r-light
span Post
h4.counter.mb-0 1234
.col.text-center
span linkedin
h4.counter.mb-0 4369
.col-sm-6.col-xl-3.xl-25.col-lg-6.box-col-6
.card.social-widget-card
.card-body
.redial-social-widget.radial-bar-70(data-label='50%')
i.fa.fa-google-plus.font-primary
h5.b-b-light Google +
.row
.col.text-center.b-r-light
span Post
h4.counter.mb-0 369
.col.text-center
span Follower
h4.counter.mb-0 3458
.col-xl-4.col-sm-6.col-sm-12
.card.browser-widget
.media.card-body
.media-img
img(src='assets/images/dashboard/chrome.png', alt='')
.media-body.align-self-center
div
p Daily
h4
span.counter 36
| %
div
p Month
h4
span.counter 96
| %
div
p Week
h4
span.counter 46
| %
.col-xl-4.col-sm-6
.card.browser-widget
.media.card-body
.media-img
img(src='assets/images/dashboard/firefox.png', alt='')
.media-body.align-self-center
div
p Daily
h4
span.counter 36
| %
div
p Month
h4
span.counter 96
| %
div
p Week
h4
span.counter 46
| %
.col-xl-4.col-sm-6
.card.browser-widget
.media.card-body
.media-img
img(src='assets/images/dashboard/safari.png', alt='')
.media-body.align-self-center
div
p Daily
h4
span.counter 36
| %
div
p Month
h4
span.counter 96
| %
div
p Week
h4
span.counter 46
| %
.col-xl-6.xl-100.box-col-12
.card
.card-header.pb-0.d-flex.justify-content-between.align-items-center
h5 PRODUCTS CART
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.card-body
.user-status.table-responsive
table.table.table-bordernone
thead
tr
th(scope='col') Details
th(scope='col') Quantity
th(scope='col') Status
th(scope='col') Price
tbody
tr
td.f-w-600 Simply dummy text of the printing
td 1
td.font-primary Pending
td
.span.badge.rounded-pill.pill-badge-secondary 6523
tr
td.f-w-600 Long established
td 5
td.font-secondary Cancle
td
.span.badge.rounded-pill.pill-badge-success 6523
tr
td.f-w-600 sometimes by accident
td 10
td.font-secondary Cancle
td
.span.badge.rounded-pill.pill-badge-warning 6523
tr
td.f-w-600 Classical Latin literature
td 9
td.font-primary Return
td
.span.badge.rounded-pill.pill-badge-primary 6523
tr
td.f-w-600 keep the site on the Internet
td 8
td.font-primary Pending
td
.span.badge.rounded-pill.pill-badge-danger 6523
tr
td.f-w-600 Molestiae consequatur
td 3
td.font-secondary Cancle
td
.span.badge.rounded-pill.pill-badge-info 6523
tr
td.f-w-600 Pain can procure
td 8
td.font-primary Return
td
.span.badge.rounded-pill.pill-badge-primary 6523
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#products-cart', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#products-cart
|&lt;div class="card"&gt;
| &lt;div class="card-header pb-0 d-flex justify-content-between align-items-center"&gt;
| &lt;h5&gt;PRODUCTS CART&lt;/h5&gt;
| &lt;div class="setting-list"&gt;
| &lt;ul class="list-unstyled setting-option"&gt;
| &lt;li&gt;
| &lt;div class="setting-primary"&gt;&lt;i class="icon-settings"&gt;&lt;/i&gt;&lt;/div&gt;
| &lt;/li&gt;
| &lt;li&gt;&lt;i class="view-html fa fa-code font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-maximize full-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-minus minimize-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-refresh reload-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-error close-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;div class="card-body"&gt;
| &lt;div class="user-status table-responsive"&gt;
| &lt;table class="table table-bordernone"&gt;
| &lt;thead&gt;
| &lt;tr&gt;
| &lt;th scope="col"&gt;Details&lt;/th&gt;
| &lt;th scope="col"&gt;Quantity&lt;/th&gt;
| &lt;th scope="col"&gt;Status&lt;/th&gt;
| &lt;th scope="col"&gt;Price&lt;/th&gt;
| &lt;/tr&gt;
| &lt;/thead&gt;
| &lt;tbody&gt;
| &lt;tr&gt;
| &lt;td class="f-w-600"&gt;Simply dummy text of the printing&lt;/td&gt;
| &lt;td&gt;1&lt;/td&gt;
| &lt;td class="font-primary"&gt;Pending&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="span badge rounded-pill pill-badge-secondary"&gt;6523&lt;/div&gt;
| &lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="f-w-600"&gt;Long established&lt;/td&gt;
| &lt;td&gt;5&lt;/td&gt;
| &lt;td class="font-secondary"&gt;Cancle&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="span badge rounded-pill pill-badge-success"&gt;6523&lt;/div&gt;
| &lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="f-w-600"&gt;sometimes by accident&lt;/td&gt;
| &lt;td&gt;10&lt;/td&gt;
| &lt;td class="font-secondary"&gt;Cancle&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="span badge rounded-pill pill-badge-warning"&gt;6523&lt;/div&gt;
| &lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="f-w-600"&gt;Classical Latin literature&lt;/td&gt;
| &lt;td&gt;9&lt;/td&gt;
| &lt;td class="font-primary"&gt;Return&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="span badge rounded-pill pill-badge-primary"&gt;6523&lt;/div&gt;
| &lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="f-w-600"&gt;keep the site on the Internet&lt;/td&gt;
| &lt;td&gt;8&lt;/td&gt;
| &lt;td class="font-primary"&gt;Pending&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="span badge rounded-pill pill-badge-danger"&gt;6523&lt;/div&gt;
| &lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="f-w-600"&gt;Molestiae consequatur&lt;/td&gt;
| &lt;td&gt;3&lt;/td&gt;
| &lt;td class="font-secondary"&gt;Cancle&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="span badge rounded-pill pill-badge-info"&gt;6523&lt;/div&gt;
| &lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="f-w-600"&gt;Pain can procure&lt;/td&gt;
| &lt;td&gt;8&lt;/td&gt;
| &lt;td class="font-primary"&gt;Return&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="span badge rounded-pill pill-badge-primary"&gt;6523&lt;/div&gt;
| &lt;/td&gt;
| &lt;/tr&gt;
| &lt;/tbody&gt;
| &lt;/table&gt;
| &lt;/div&gt;
| &lt;/div&gt;
|&lt;/div&gt;
.col-xl-6.xl-100.box-col-12
.card.employee-status
.card-header.pb-0.d-flex.justify-content-between.align-items-center
h5 EMPLOYEE STATUS
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.card-body
.user-status.table-responsive
table.table.table-bordernone
thead
tr
th(scope='col') Name
th(scope='col') Designation
th(scope='col') Skill Level
th(scope='col') Experience
tbody
tr
td.bd-t-none.u-s-tb
.align-middle.image-sm-size
img.img-radius.align-top.m-r-15.rounded-circle(src='assets/images/user/4.jpg', alt='')
.d-inline-block
h6
| John Deo
span.text-muted (14+ Online)
td Designer
td
.progress-showcase
.progress(style='height: 8px;')
.progress-bar.bg-primary(role='progressbar', style='width: 30%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 2 Year
tr
td.bd-t-none.u-s-tb
.align-middle.image-sm-size.d-flex.align-items-center
img.img-radius.align-top.m-r-15.rounded-circle(src='assets/images/user/1.jpg', alt='')
.d-inline-block
h6
| Holio Mako
span.text-muted (250+ Online)
td Developer
td
.progress-showcase
.progress(style='height: 8px;')
.progress-bar.bg-secondary(role='progressbar', style='width: 70%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 3 Year
tr
td.bd-t-none.u-s-tb
.align-middle.image-sm-size
img.img-radius.align-top.m-r-15.rounded-circle(src='assets/images/user/5.jpg', alt='')
.d-inline-block
h6
| Mohsib lara
span.text-muted (99+ Online)
td Tester
td
.progress-showcase
.progress(style='height: 8px;')
.progress-bar.bg-primary(role='progressbar', style='width: 60%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 5 Month
tr
td.bd-t-none.u-s-tb
.align-middle.image-sm-size
img.img-radius.align-top.m-r-15.rounded-circle(src='assets/images/user/6.jpg', alt='')
.d-inline-block
h6
| Hileri Soli
span.text-muted (150+ Online)
td Designer
td
.progress-showcase
.progress(style='height: 8px;')
.progress-bar.bg-secondary(role='progressbar', style='width: 30%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 3 Month
tr
td.bd-t-none.u-s-tb
.align-middle.image-sm-size
img.img-radius.align-top.m-r-15.rounded-circle(src='assets/images/user/7.jpg', alt='')
.d-inline-block
h6
| Pusiz bia
span.text-muted (14+ Online)
td Designer
td
.progress-showcase
.progress(style='height: 8px;')
.progress-bar.bg-primary(role='progressbar', style='width: 90%', aria-valuenow='50', aria-valuemin='0', aria-valuemax='100')
td 5 Year
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#emplotee-status', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#emplotee-status
|&lt;div class="card"&gt;
| &lt;div class="card-header pb-0 d-flex justify-content-between align-items-center"&gt;
| &lt;h5&gt;EMPLOYEE STATUS&lt;/h5&gt;
| &lt;div class="setting-list"&gt;
| &lt;ul class="list-unstyled setting-option"&gt;
| &lt;li&gt;
| &lt;div class="setting-primary"&gt;&lt;i class="icon-settings"&gt;&lt;/i&gt;&lt;/div&gt;
| &lt;/li&gt;
| &lt;li&gt;&lt;i class="view-html fa fa-code font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-maximize full-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-minus minimize-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-refresh reload-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-error close-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;div class="card-body"&gt;
| &lt;div class="user-status table-responsive"&gt;
| &lt;table class="table table-bordernone"&gt;
| &lt;thead&gt;
| &lt;tr&gt;
| &lt;th scope="col"&gt;Name&lt;/th&gt;
| &lt;th scope="col"&gt;Designation&lt;/th&gt;
| &lt;th scope="col"&gt;Skill Level&lt;/th&gt;
| &lt;th scope="col"&gt;Experience&lt;/th&gt;
| &lt;/tr&gt;
| &lt;/thead&gt;
| &lt;tbody&gt;
| &lt;tr&gt;
| &lt;td class="bd-t-none u-s-tb"&gt;
| &lt;div class="align-middle image-sm-size"&gt;&lt;img class="img-radius align-top m-r-15 rounded-circle" src="assets/images/user/4.jpg" alt=""&gt;
| &lt;div class="d-inline-block"&gt;
| &lt;h6&gt;John Deo &lt;span class="text-muted"&gt;(14+ Online)&lt;/span&gt;&lt;/h6&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;Designer&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="progress-showcase"&gt;
| &lt;div class="progress" style="height: 8px;"&gt;
| &lt;div class="progress-bar bg-primary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"&gt;&lt;/div&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;2 Year&lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="bd-t-none u-s-tb"&gt;
| &lt;div class="align-middle image-sm-size d-flex align-items-center"&gt;&lt;img class="img-radius align-top m-r-15 rounded-circle" src="assets/images/user/1.jpg" alt=""&gt;
| &lt;div class="d-inline-block"&gt;
| &lt;h6&gt;Holio Mako &lt;span class="text-muted"&gt;(250+ Online)&lt;/span&gt;&lt;/h6&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;Developer&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="progress-showcase"&gt;
| &lt;div class="progress" style="height: 8px;"&gt;
| &lt;div class="progress-bar bg-secondary" role="progressbar" style="width: 70%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"&gt;&lt;/div&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;3 Year&lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="bd-t-none u-s-tb"&gt;
| &lt;div class="align-middle image-sm-size"&gt;&lt;img class="img-radius align-top m-r-15 rounded-circle" src="assets/images/user/5.jpg" alt=""&gt;
| &lt;div class="d-inline-block"&gt;
| &lt;h6&gt;Mohsib lara&lt;span class="text-muted"&gt;(99+ Online)&lt;/span&gt;&lt;/h6&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;Tester&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="progress-showcase"&gt;
| &lt;div class="progress" style="height: 8px;"&gt;
| &lt;div class="progress-bar bg-primary" role="progressbar" style="width: 60%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"&gt;&lt;/div&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;5 Month&lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="bd-t-none u-s-tb"&gt;
| &lt;div class="align-middle image-sm-size"&gt;&lt;img class="img-radius align-top m-r-15 rounded-circle" src="assets/images/user/6.jpg" alt=""&gt;
| &lt;div class="d-inline-block"&gt;
| &lt;h6&gt;Hileri Soli &lt;span class="text-muted"&gt;(150+ Online)&lt;/span&gt;&lt;/h6&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;Designer&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="progress-showcase"&gt;
| &lt;div class="progress" style="height: 8px;"&gt;
| &lt;div class="progress-bar bg-secondary" role="progressbar" style="width: 30%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"&gt;&lt;/div&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;3 Month&lt;/td&gt;
| &lt;/tr&gt;
| &lt;tr&gt;
| &lt;td class="bd-t-none u-s-tb"&gt;
| &lt;div class="align-middle image-sm-size"&gt;&lt;img class="img-radius align-top m-r-15 rounded-circle" src="assets/images/user/7.jpg" alt=""&gt;
| &lt;div class="d-inline-block"&gt;
| &lt;h6&gt;Pusiz bia &lt;span class="text-muted"&gt;(14+ Online)&lt;/span&gt;&lt;/h6&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;Designer&lt;/td&gt;
| &lt;td&gt;
| &lt;div class="progress-showcase"&gt;
| &lt;div class="progress" style="height: 8px;"&gt;
| &lt;div class="progress-bar bg-primary" role="progressbar" style="width: 90%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"&gt;&lt;/div&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;/td&gt;
| &lt;td&gt;5 Year&lt;/td&gt;
| &lt;/tr&gt;
| &lt;/tbody&gt;
| &lt;/table&gt;
| &lt;/div&gt;
| &lt;/div&gt;
|&lt;/div&gt;
.col-sm-12.col-lg-6.col-xl-4.xl-50.col-md-12.box-col-6
.card.height-equal
.calender-widget
.cal-img
.cal-date
h5
| 25
br
| Apr
.cal-desc.text-center.card-body
h6.f-w-600 I must explain to you how?
p
| 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.
.col-sm-12.col-lg-6.col-xl-8.xl-50.col-md-12.box-col-6
.card.height-equal
.card-header.pb-0.d-flex.justify-content-between.align-items-center
h5 Contact Us
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.contact-form.card-body
form.theme-form
.form-icon
i.icofont.icofont-envelope-open
.mb-3
label(for='exampleInputName') Your Name
input#exampleInputName.form-control(type='text', placeholder='John Dio')
.mb-3
label.col-form-label(for='exampleInputEmail1') Email
input#exampleInputEmail1.form-control(type='email', placeholder='Demo@gmail.com')
.mb-3
label.col-form-label(for='exampleInputEmail1') Message
textarea.form-control.textarea(rows='3', cols='50', placeholder='Your Message')
.text-sm-end
button.btn.btn-primary SEND IT
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#contact-us', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#contact-us
|&nbsp;&lt;div class="card height-equal"&gt;
| &lt;div class="card-header pb-0 d-flex justify-content-between align-items-center"&gt;
| &lt;h5&gt;Contact Us&lt;/h5&gt;
| &lt;div class="setting-list"&gt;
| &lt;ul class="list-unstyled setting-option"&gt;
| &lt;li&gt;
| &lt;div class="setting-primary"&gt;&lt;i class="icon-settings"&gt;&lt;/i&gt;&lt;/div&gt;
| &lt;/li&gt;
| &lt;li&gt;&lt;i class="view-html fa fa-code font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-maximize full-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-minus minimize-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-refresh reload-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;li&gt;&lt;i class="icofont icofont-error close-card font-primary"&gt;&lt;/i&gt;&lt;/li&gt;
| &lt;/ul&gt;
| &lt;/div&gt;
| &lt;/div&gt;
| &lt;div class="contact-form card-body"&gt;
| &lt;form class="theme-form"&gt;
| &lt;div class="form-icon"&gt;&lt;i class="icofont icofont-envelope-open"&gt;&lt;/i&gt;&lt;/div&gt;
| &lt;div class="mb-3"&gt;
| &lt;label for="exampleInputName"&gt;Your Name&lt;/label&gt;
| &lt;input class="form-control" id="exampleInputName" type="text" placeholder="John Dio"&gt;
| &lt;/div&gt;
| &lt;div class="mb-3"&gt;
| &lt;label class="col-form-label" for="exampleInputEmail1"&gt;Email&lt;/label&gt;
| &lt;input class="form-control" id="exampleInputEmail1" type="email" placeholder="Demo@gmail.com"&gt;
| &lt;/div&gt;
| &lt;div class="mb-3"&gt;
| &lt;label class="col-form-label" for="exampleInputEmail1"&gt;Message&lt;/label&gt;
| &lt;textarea class="form-control textarea" rows="3" cols="50" placeholder="Your Message"&gt;&lt;/textarea&gt;
| &lt;/div&gt;
| &lt;div class="text-sm-end"&gt;
| &lt;button class="btn btn-primary"&gt;SEND IT&lt;/button&gt;
| &lt;/div&gt;
| &lt;/form&gt;
| &lt;/div&gt;
|&lt;/div&gt;
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files
Reference in New Issue View Git Blame Copy Permalink