definicao de layout
This commit is contained in:
350
public/assets/pug/pages/template/ribbons.pug
Normal file
350
public/assets/pug/pages/template/ribbons.pug
Normal file
@@ -0,0 +1,350 @@
|
||||
- var theme_customizer = true;
|
||||
- var tooltip = 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
|
||||
| Ribbons
|
||||
ol.breadcrumb
|
||||
li.breadcrumb-item
|
||||
a(href='index.html')
|
||||
| Home
|
||||
li.breadcrumb-item Advance
|
||||
li.breadcrumb-item.active Ribbons
|
||||
.col-sm-6
|
||||
include ../../components/bookmark
|
||||
// Container-fluid starts
|
||||
.container-fluid
|
||||
// ribbon left (default) side
|
||||
.row
|
||||
.col-sm-12.col-xl-12
|
||||
.card
|
||||
.card-header
|
||||
h5 Colored breadcrumb
|
||||
span
|
||||
| use class
|
||||
code .breadcrumb-colored .bg-primary
|
||||
.card-body
|
||||
.row
|
||||
.col-sm-12.col-md-6.col-lg-4
|
||||
.card.ribbon-wrapper
|
||||
.card-body
|
||||
.ribbon.ribbon-primary.ribbon-space-bottom Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-12.col-md-6.col-lg-4
|
||||
.card.ribbon-wrapper
|
||||
.card-body
|
||||
.ribbon.ribbon-primary.ribbon-space-bottom Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-12.col-md-6.col-lg-4
|
||||
.card.ribbon-wrapper
|
||||
.card-body
|
||||
.ribbon.ribbon-primary.ribbon-space-bottom Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// demo ribbon end here
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-primary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-secondary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-success Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-info Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-warning Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-danger Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// ribbon right side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-primary.ribbon-right Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-secondary.ribbon-right Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-success.ribbon-right Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-info.ribbon-right Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-warning.ribbon-right Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-danger.ribbon-right Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// ribbon vertical left side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-left-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-primary.ribbon-vertical-left
|
||||
i.icofont.icofont-love
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-left-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-secondary.ribbon-vertical-left
|
||||
i.icon-gift
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-left-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-success.ribbon-vertical-left
|
||||
i.icon-signal
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// ribbon vertical right side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-right-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-primary.ribbon-vertical-right
|
||||
i.fa.fa-chain-broken
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-right-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-secondary.ribbon-vertical-right
|
||||
i.fa.fa-ticket
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-right-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-success.ribbon-vertical-right
|
||||
i.fa.fa-taxi
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// bookmark ribbon left side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-primary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-secondary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-success Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// bookmark ribbon right side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-right.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-right.ribbon-primary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-right.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-right.ribbon-secondary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-right.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-right.ribbon-success Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// ribbon bookmark vertical left side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-left-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-vertical-left.ribbon-primary
|
||||
i.icofont.icofont-love
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-left-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-vertical-left.ribbon-secondary
|
||||
i.icon-gift
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-left-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-vertical-left.ribbon-success
|
||||
i.icon-signal
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// ribbon bookmark vertical right side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-right-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-vertical-right.ribbon-primary
|
||||
i.icofont.icofont-love
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-right-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-vertical-right.ribbon-secondary
|
||||
i.icon-gift
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-vertical-right-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-bookmark.ribbon-vertical-right.ribbon-success
|
||||
i.icon-signal
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// bookmark ribbon left side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip.ribbon-primary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip.ribbon-secondary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip.ribbon-success Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// bookmark ribbon right side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-right.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip-right.ribbon-right.ribbon-primary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-right.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip-right.ribbon-right.ribbon-secondary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-right.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip-right.ribbon-right.ribbon-success Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// bookmark ribbon left side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-bottom.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip-bottom.ribbon-primary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-bottom.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip-bottom.ribbon-secondary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-bottom.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip-bottom.ribbon-success Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// bookmark ribbon left side
|
||||
.row
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-bottom.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip-bottom-right.ribbon-primary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-bottom.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip-bottom-right.ribbon-secondary Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
.col-sm-14.col-md-6.col-lg-4
|
||||
.ribbon-wrapper-bottom.card
|
||||
.card-body
|
||||
.ribbon.ribbon-clip-bottom-right.ribbon-success Ribbon
|
||||
p
|
||||
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text.
|
||||
// Container-fluid Ends
|
||||
include ../../components/footer
|
||||
include ../../components/footer-files
|
||||
Reference in New Issue
Block a user