305 lines
21 KiB
Plaintext
305 lines
21 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
|
|
| Basic Card
|
|
ol.breadcrumb
|
|
li.breadcrumb-item
|
|
a(href='index.html')
|
|
| Home
|
|
li.breadcrumb-item Cards
|
|
li.breadcrumb-item.active Basic Card
|
|
.col-sm-6
|
|
include ../../components/bookmark
|
|
// Container-fluid starts
|
|
.container-fluid
|
|
.row
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.d-flex.justify-content-between.align-items-center.pb-0
|
|
h5 Basic Card
|
|
.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
|
|
p.mb-0
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.
|
|
.code-box-copy
|
|
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head', title='Copy')
|
|
i.icofont.icofont-copy-alt
|
|
pre
|
|
code.language-html#example-head
|
|
| <!-- Cod Box Copy begin -->
|
|
| <p class="mb-0"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. </p>
|
|
| <!-- Cod Box Copy end -->
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.d-flex.justify-content-between.align-items-center.pb-0
|
|
h5
|
|
i.icofont.icofont-truck.me-2
|
|
| Icon in Heading
|
|
.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
|
|
p
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.
|
|
.col-sm-12.col-xl-6
|
|
.card.height-equal
|
|
.card-header.pb-0
|
|
h5 Card sub Title
|
|
span
|
|
| Using the
|
|
a(href='javascript:void(0)') card
|
|
| component, you can extend the default collapse behavior to create an accordion.
|
|
.card-body
|
|
p
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled.
|
|
.col-sm-12.col-xl-6
|
|
.card.height-equal
|
|
.card-header.pb-0
|
|
h5 Card With Footer
|
|
.card-body
|
|
p
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the the industry's standard dummy text ever.
|
|
.card-footer
|
|
h6.mb-0 Card Footer
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.d-flex.justify-content-between.align-items-center.pb-0.bg-primary
|
|
h5 Primary Color Card
|
|
.setting-list.bg-primary
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-white
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body.bg-primary
|
|
p.mb-0
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
|
|
.card-footer.bg-primary
|
|
h6.mb-0 Card Footer
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.bg-secondary.d-flex.justify-content-between.align-items-center.pb-0
|
|
h5 Secondary Color Card
|
|
.setting-list.bg-secondary
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-white
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body.bg-secondary
|
|
p.mb-0
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
|
|
.card-footer.bg-secondary
|
|
h6.mb-0.text-white Card Footer
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.bg-success.d-flex.justify-content-between.align-items-center.pb-0
|
|
h5 Success color Card
|
|
.setting-list.bg-success
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-white
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body.bg-success
|
|
p.mb-0
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
|
|
.card-footer.bg-success
|
|
h6.mb-0 Card Footer
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.bg-danger.d-flex.justify-content-between.align-items-center.pb-0
|
|
h5 Danger color Card
|
|
.setting-list.bg-danger
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-white
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body.bg-danger
|
|
p.mb-0
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
|
|
.card-footer.bg-danger
|
|
h6.mb-0 Card Footer
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.bg-warning.d-flex.justify-content-between.align-items-center
|
|
h5 Warning color Card
|
|
.setting-list.bg-warning
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-white
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body.bg-warning
|
|
p.mb-0
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
|
|
.card-footer.bg-warning
|
|
h6.mb-0 Card Footer
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.bg-primary.d-flex.justify-content-between.align-items-center
|
|
h5.text-white Primary Color Header
|
|
.setting-list.bg-primary
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-white
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body
|
|
p.mb-0
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
|
|
.card-footer
|
|
h6.mb-0 Card Footer
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.d-flex.justify-content-between.align-items-center
|
|
h5 Primary Color Body
|
|
.setting-list
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-primary
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body.bg-primary
|
|
p.mb-0
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
|
|
.card-footer
|
|
h6.mb-0 Card Footer
|
|
.col-sm-12.col-xl-6
|
|
.card
|
|
.card-header.d-flex.justify-content-between.align-items-center
|
|
h5 Primary Color Footer
|
|
.setting-list
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-primary
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body
|
|
p.mb-0
|
|
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the.
|
|
.card-footer.bg-primary
|
|
h6.mb-0 Card Footer
|
|
// Container-fluid Ends
|
|
include ../../components/footer
|
|
include ../../components/footer-files
|