definicao de layout
This commit is contained in:
321
public/assets/pug/pages/template/dropdown.pug
Normal file
321
public/assets/pug/pages/template/dropdown.pug
Normal file
@@ -0,0 +1,321 @@
|
||||
- var theme_customizer = true;
|
||||
- var tooltip = true;
|
||||
- var sidebar = true;
|
||||
- var scrollbar = 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
|
||||
| Dropdown
|
||||
ol.breadcrumb
|
||||
li.breadcrumb-item
|
||||
a(href='index.html')
|
||||
| Home
|
||||
li.breadcrumb-item Base
|
||||
li.breadcrumb-item.active Dropdown
|
||||
.col-sm-6
|
||||
include ../../components/bookmark
|
||||
// Container-fluid starts
|
||||
.container-fluid
|
||||
.row
|
||||
.col-sm-12.col-xl-12
|
||||
.card
|
||||
.card-header
|
||||
h5 Basic Dropdown
|
||||
.card-body.dropdown-basic
|
||||
.dropdown
|
||||
button.dropbtn.btn-primary(type='button')
|
||||
| Dropdown Button
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
.col-sm-12.col-xl-12
|
||||
.card
|
||||
.card-header
|
||||
h5 Basic Color Dropdown
|
||||
.card-body.dropdown-basic
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-primary(type='button')
|
||||
| Action
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-secondary(type='button')
|
||||
| Action
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-success(type='button')
|
||||
| Action
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-info(type='button')
|
||||
| Action
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-warning.txt-dark(type='button')
|
||||
| Action
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-danger(type='button')
|
||||
| Action
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.col-sm-12.col-xl-12
|
||||
.card
|
||||
.card-header
|
||||
h5 Dropdown Split Button
|
||||
.card-body.dropdown-basic
|
||||
.btn-group
|
||||
button.btn.btn-primary(type='button') Primary Button
|
||||
.dropdown.separated-btn
|
||||
button.btn.btn-primary(type='button')
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Link 1
|
||||
a(href='#') Link 2
|
||||
a(href='#') Link 3
|
||||
.btn-group
|
||||
button.btn.btn-secondary(type='button') Secondary Button
|
||||
.dropdown.separated-btn
|
||||
button.btn.btn-secondary(type='button')
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Link 1
|
||||
a(href='#') Link 2
|
||||
a(href='#') Link 3
|
||||
.btn-group
|
||||
button.btn.btn-success(type='button') Success Button
|
||||
.dropdown.separated-btn
|
||||
button.btn.btn-success(type='button')
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Link 1
|
||||
a(href='#') Link 2
|
||||
a(href='#') Link 3
|
||||
.btn-group
|
||||
button.btn.btn-info(type='button') Info Button
|
||||
.dropdown.separated-btn
|
||||
button.btn.btn-info(type='button')
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Link 1
|
||||
a(href='#') Link 2
|
||||
a(href='#') Link 3
|
||||
.btn-group
|
||||
button.btn.btn-warning(type='button') Warning Button
|
||||
.dropdown.separated-btn
|
||||
button.btn.btn-warning(type='button')
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Link 1
|
||||
a(href='#') Link 2
|
||||
a(href='#') Link 3
|
||||
.btn-group
|
||||
button.btn.btn-danger(type='button') Danger Button
|
||||
.dropdown.separated-btn
|
||||
button.btn.btn-danger(type='button')
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Link 1
|
||||
a(href='#') Link 2
|
||||
a(href='#') Link 3
|
||||
.col-sm-12.col-xl-12
|
||||
.card
|
||||
.card-header
|
||||
h5 Rounded Dropdown
|
||||
.card-body.dropdown-basic
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-primary.btn-round(type='button')
|
||||
| Primary Button
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-secondary.btn-round(type='button')
|
||||
| Secondary Button
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-success.btn-round(type='button')
|
||||
| Success Button
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-info.btn-round(type='button')
|
||||
| Info Button
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-warning.txt-dark.btn-round(type='button')
|
||||
| Warning Button
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.dropdown
|
||||
.btn-group.mb-0
|
||||
button.dropbtn.btn-danger.btn-round(type='button')
|
||||
| Danger Button
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Action
|
||||
a(href='#') Another Action
|
||||
a(href='#') Something Else Here
|
||||
a(href='#') Separated Link
|
||||
.col-sm-12.col-xl-6
|
||||
.card
|
||||
.card-header
|
||||
h5 Dropdown With Divider
|
||||
span
|
||||
| Use a class
|
||||
.card-body.dropdown-basic
|
||||
.dropdown
|
||||
button.dropbtn.btn-primary(type='button')
|
||||
| Dropdown Button
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
a(href='#') Link 1
|
||||
a(href='#') Link 2
|
||||
a(href='#') Link 3
|
||||
a(href='#') Another Link
|
||||
.col-sm-12.col-xl-6
|
||||
.card
|
||||
.card-header
|
||||
h5 Dropdown With Header
|
||||
span
|
||||
| Use a class
|
||||
code .dropdown-header
|
||||
.card-body.dropdown-basic
|
||||
.dropdown
|
||||
button.dropbtn.btn-primary(type='button')
|
||||
| Dropdown Button
|
||||
span
|
||||
i.icofont.icofont-arrow-down
|
||||
.dropdown-content
|
||||
h5.dropdown-header Dropdown header
|
||||
a(href='#') Link 1
|
||||
a(href='#') Link 2
|
||||
h5.dropdown-header Dropdown header
|
||||
a(href='#') Another Link
|
||||
.col-sm-12.col-xl-6
|
||||
.card
|
||||
.card-header
|
||||
h5 Dropdown With Disable
|
||||
span
|
||||
| Use a class
|
||||
code .dropdown-disabled
|
||||
.card-body.dropup-basic.dropdown-basic
|
||||
.dropup.dropdown
|
||||
button.dropbtn.btn-primary(type='button')
|
||||
| Dropdown Button
|
||||
span
|
||||
i.icofont.icofont-arrow-up
|
||||
.dropup-content.dropdown-content
|
||||
a(href='#') Normal
|
||||
a.active(href='#') Active
|
||||
a.disabled(href='#') Disabled
|
||||
.col-sm-12.col-xl-6
|
||||
.card
|
||||
.card-header
|
||||
h5 Dropdown With DropUp
|
||||
span
|
||||
| Use a class
|
||||
code .drop-up
|
||||
.card-body.dropup-basic.dropdown-basic
|
||||
.dropup.dropdown
|
||||
button.dropbtn.btn-primary(type='button')
|
||||
| Dropdown Button
|
||||
span
|
||||
i.icofont.icofont-arrow-up
|
||||
.dropup-content.dropdown-content
|
||||
a(href='#') Link 1
|
||||
a(href='#') Link 2
|
||||
// Container-fluid Ends
|
||||
include ../../components/footer
|
||||
include ../../components/footer-files
|
||||
Reference in New Issue
Block a user