220 lines
16 KiB
Plaintext
220 lines
16 KiB
Plaintext
- var theme_customizer = true;
|
|
- var tooltip = true;
|
|
- var counter = 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
|
|
| Lists
|
|
ol.breadcrumb
|
|
li.breadcrumb-item
|
|
a(href='index.html')
|
|
| Home
|
|
li.breadcrumb-item Base
|
|
li.breadcrumb-item.active Lists
|
|
.col-sm-6
|
|
include ../../components/bookmark
|
|
// Container-fluid starts
|
|
.container-fluid
|
|
.row
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Default list
|
|
.card-body
|
|
ul.list-group
|
|
li.list-group-item Cras justo odio
|
|
li.list-group-item Dapibus ac facilisis in
|
|
li.list-group-item Morbi leo risus
|
|
li.list-group-item Porta ac consectetur ac
|
|
li.list-group-item Vestibulum at eros
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Links and buttons
|
|
.card-body
|
|
.list-group
|
|
a.list-group-item.list-group-item-action.active(href='javascript:void(0)')
|
|
| Cras justo odio
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)') Dapibus ac facilisis in
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)') Morbi leo risus
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)') Porta ac consectetur ac
|
|
a.list-group-item.list-group-item-action.disabled(href='javascript:void(0)') Vestibulum at eros
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Flush Style
|
|
.card-body
|
|
ul.list-group.list-group-flush
|
|
li.list-group-item Cras justo odio
|
|
li.list-group-item Dapibus ac facilisis in
|
|
li.list-group-item Morbi leo risus
|
|
li.list-group-item Porta ac consectetur ac
|
|
li.list-group-item Vestibulum at eros
|
|
li.list-group-item Cras justo odio
|
|
li.list-group-item Dapibus ac facilisis in
|
|
li.list-group-item Dapibus ac facilisis in
|
|
li.list-group-item Dapibus ac facilisis in
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Contextual classes
|
|
.card-body
|
|
ul.list-group
|
|
li.list-group-item Dapibus ac facilisis in
|
|
li.list-group-item.list-group-item-primary This is a primary list group item
|
|
li.list-group-item.list-group-item-secondary This is a secondary list group item
|
|
li.list-group-item.list-group-item-success This is a success list group item
|
|
li.list-group-item.list-group-item-danger This is a danger list group item
|
|
li.list-group-item.list-group-item-warning This is a warning list group item
|
|
li.list-group-item.list-group-item-info This is a info list group item
|
|
li.list-group-item.list-group-item-light This is a light list group item
|
|
li.list-group-item.list-group-item-dark This is a dark list group item
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 With badges
|
|
.card-body
|
|
ul.list-group
|
|
li.list-group-item.d-flex.justify-content-between.align-items-center
|
|
| Cras justo odio
|
|
span.badge.badge-primary.counter 14
|
|
li.list-group-item.d-flex.justify-content-between.align-items-center
|
|
| Dapibus ac facilisis in
|
|
span.badge.badge-secondary.counter 2
|
|
li.list-group-item.d-flex.justify-content-between.align-items-center
|
|
| Morbi leo risus
|
|
span.badge.badge-success.rounded-pill.counter 1
|
|
li.list-group-item.d-flex.justify-content-between.align-items-center
|
|
| Dapibus ac facilisis in
|
|
span.badge.badge-info.rounded-pill 100%
|
|
li.list-group-item.d-flex.justify-content-between.align-items-center
|
|
| Dapibus ac facilisis in
|
|
span.badge.badge-warning.text-dark.counter 2
|
|
li.list-group-item.d-flex.justify-content-between.align-items-center
|
|
| Morbi leo risus
|
|
span.badge.badge-danger.rounded-pill sale
|
|
li.list-group-item.d-flex.justify-content-between.align-items-center
|
|
| Cras justo odio
|
|
span.badge.badge-light.text-dark.counter 14
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Custom content
|
|
.card-body
|
|
.list-group
|
|
a.list-group-item.list-group-item-action.flex-column.align-items-start.active(href='javascript:void(0)')
|
|
.d-flex.w-100.justify-content-between
|
|
h5.mb-1 List group item heading
|
|
small 3 days ago
|
|
p.mb-1
|
|
| Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
|
|
small Donec id elit non mi porta.
|
|
a.list-group-item.list-group-item-action.flex-column.align-items-start(href='javascript:void(0)')
|
|
.d-flex.w-100.justify-content-between
|
|
h5.mb-1 List group item heading
|
|
small.text-muted 3 days ago
|
|
p.mb-1
|
|
| Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
|
|
small.text-muted Donec id elit non mi porta.
|
|
a.list-group-item.list-group-item-action.flex-column.align-items-start(href='javascript:void(0)')
|
|
.d-flex.w-100.justify-content-between
|
|
h5.mb-1 List group item heading
|
|
small.text-muted 3 days ago
|
|
p.mb-1
|
|
| Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.
|
|
small.text-muted Donec id elit non mi porta.
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 JavaScript behavior
|
|
.card-body
|
|
.row
|
|
.col-sm-4
|
|
#list-tab.list-group(role='tablist')
|
|
a#list-home-list.list-group-item.list-group-item-action.active(data-bs-toggle='list', href='#list-home', role='tab', aria-controls='list-home') Home
|
|
a#list-profile-list.list-group-item.list-group-item-action(data-bs-toggle='list', href='#list-profile', role='tab', aria-controls='list-profile') Profile
|
|
a#list-messages-list.list-group-item.list-group-item-action(data-bs-toggle='list', href='#list-messages', role='tab', aria-controls='list-messages') Messages
|
|
a#list-settings-list.list-group-item.list-group-item-action(data-bs-toggle='list', href='#list-settings', role='tab', aria-controls='list-settings') Settings
|
|
.col-sm-8
|
|
#nav-tabContent.tab-content
|
|
#list-home.tab-pane.fade.show.active(role='tabpanel', aria-labelledby='list-home-list')
|
|
| 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 it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
|
|
#list-profile.tab-pane.fade(role='tabpanel', aria-labelledby='list-profile-list')
|
|
| 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 it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
|
|
#list-messages.tab-pane.fade(role='tabpanel', aria-labelledby='list-messages-list')
|
|
| 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 it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
|
|
#list-settings.tab-pane.fade(role='tabpanel', aria-labelledby='list-settings-list')
|
|
| 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 it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 With Icon
|
|
.card-body
|
|
.list-group
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)')
|
|
i.icon-save-alt
|
|
| Cras justo odio
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)')
|
|
i.icon-target
|
|
| Dapibus ac facilisis in
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)')
|
|
i.icon-mobile
|
|
| Morbi leo risus
|
|
a.list-group-item.list-group-item-action.disabled(href='javascript:void(0)')
|
|
i.icon-shopping-cart-full
|
|
| Vestibulum at eros
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 With Images
|
|
.card-body
|
|
.list-group
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)')
|
|
img(src='assets/images/user/1.jpg', alt='')
|
|
| Cras justo odio
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)')
|
|
img(src='assets/images/user/1.jpg', alt='')
|
|
| Dapibus ac facilisis in
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)')
|
|
img(src='assets/images/user/1.jpg', alt='')
|
|
| Morbi leo risus
|
|
a.list-group-item.list-group-item-action.disabled(href='javascript:void(0)')
|
|
img(src='assets/images/user/1.jpg', alt='')
|
|
| Vestibulum at eros
|
|
.col-sm-12.col-xl-12
|
|
.card
|
|
.card-header.pb-0
|
|
h5 With Image Rounded
|
|
.card-body
|
|
.list-group
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)')
|
|
img.rounded-circle(src='assets/images/user/1.jpg', alt='')
|
|
| Cras justo odio
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)')
|
|
img.rounded-circle(src='assets/images/user/1.jpg', alt='')
|
|
| Dapibus ac facilisis in
|
|
a.list-group-item.list-group-item-action(href='javascript:void(0)')
|
|
img.rounded-circle(src='assets/images/user/1.jpg', alt='')
|
|
| Morbi leo risus
|
|
a.list-group-item.list-group-item-action.disabled(href='javascript:void(0)')
|
|
img.rounded-circle(src='assets/images/user/1.jpg', alt='')
|
|
| Vestibulum at eros
|
|
// Container-fluid Ends
|
|
include ../../components/footer
|
|
include ../../components/footer-files
|