- 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
|<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>
.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
|<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>
.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
|<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>
.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='[email protected]')
.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
| <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>
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files