definicao de layout
This commit is contained in:
396
public/assets/pug/pages/template/megaoptions.pug
Normal file
396
public/assets/pug/pages/template/megaoptions.pug
Normal file
@@ -0,0 +1,396 @@
|
||||
- var theme_customizer = true;
|
||||
- var height_equal = 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
|
||||
| Mega options
|
||||
ol.breadcrumb
|
||||
li.breadcrumb-item
|
||||
a(href='index.html')
|
||||
| Home
|
||||
li.breadcrumb-item Forms
|
||||
li.breadcrumb-item Form Controls
|
||||
li.breadcrumb-item.active Mega options
|
||||
.col-sm-6
|
||||
include ../../components/bookmark
|
||||
// Container-fluid starts
|
||||
.container-fluid
|
||||
.row
|
||||
.col-sm-12.col-xl-6
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 Default Style
|
||||
span This option is show buydefault you don't need to add any extra class
|
||||
.card-body.megaoptions-border-space-sm
|
||||
form.mega-inline
|
||||
.row
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-primary.me-3
|
||||
input#radio14(type='radio', name='radio1', value='option1')
|
||||
label(for='radio14')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| COD
|
||||
span.badge.badge-primary.pull-right.digits 50 INR
|
||||
p Estimated 1 Day Shipping ( Duties end tax may be due delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-secondary.me-3
|
||||
input#radio13(type='radio', name='radio1', value='option1')
|
||||
label(for='radio13')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Fast
|
||||
span.badge.badge-secondary.pull-right.digits 100 INR
|
||||
p Estimated 1 Day Shipping ( Duties end tax may be due delivery )
|
||||
.card-footer.text-end
|
||||
button.btn.btn-primary.m-r-15(type='submit') Submit
|
||||
button.btn.btn-light(type='submit') Cancel
|
||||
.col-sm-12.col-xl-6
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 No Border
|
||||
span By adding .plain-style class to .mega-inline You can archive this style
|
||||
.card-body
|
||||
form.mega-inline.plain-style
|
||||
.row
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-primary.me-3
|
||||
input#radio11(type='radio', name='radio1', value='option1')
|
||||
label(for='radio11')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| COD
|
||||
span.badge.badge-primary.pull-right.digits 50 INR
|
||||
p Estimated 1 Day Shipping ( Duties end tax may be due delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-secondary.me-3
|
||||
input#radio12(type='radio', name='radio1', value='option1')
|
||||
label(for='radio12')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Fast
|
||||
span.badge.badge-secondary.pull-right.digits 100 INR
|
||||
p Estimated 1 Day Shipping ( Duties end tax may be due delivery )
|
||||
.card-footer.text-end
|
||||
button.btn.btn-primary.m-r-15(type='submit') Submit
|
||||
button.btn.btn-light(type='submit') Cancel
|
||||
.col-sm-12.col-xl-6
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 Solid Border Style
|
||||
span By adding .border-style class to .mega-inline You can archive this style
|
||||
.card-body.megaoptions-border-space-sm
|
||||
form.mega-inline.border-style
|
||||
.row
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-primary.me-3
|
||||
input#radio15(type='radio', name='radio1', value='option1')
|
||||
label(for='radio15')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| COD
|
||||
span.badge.badge-primary.pull-right.digits 50 INR
|
||||
p Estimated 1 Day Shipping ( Duties end tax may be due delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-primary.me-3
|
||||
input#radio16(type='radio', name='radio1', value='option1')
|
||||
label(for='radio16')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Fast
|
||||
span.badge.badge-secondary.pull-right.digits 100 INR
|
||||
p Estimated 1 Day Shipping ( Duties end tax may be due delivery )
|
||||
.card-footer.text-end
|
||||
button.btn.btn-primary.m-r-15(type='submit') Submit
|
||||
button.btn.btn-light(type='submit') Cancel
|
||||
.col-sm-12.col-xl-6
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 Offer style Border
|
||||
span By adding .offer-style class to .mega-inline You can archive this style
|
||||
.card-body.megaoptions-border-space-sm
|
||||
form.mega-inline.offer-style
|
||||
.row
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-primary.me-3
|
||||
input#radio17(type='radio', name='radio1', value='option1')
|
||||
label(for='radio17')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| COD
|
||||
span.badge.badge-primary.pull-right.digits 50 INR
|
||||
p Estimated 1 Day Shipping ( Duties end tax may be due delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-secondary.me-3
|
||||
input#radio18(type='radio', name='radio1', value='option1')
|
||||
label(for='radio18')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Fast
|
||||
span.badge.badge-secondary.pull-right.digits 100 INR
|
||||
p Estimated 1 Day Shipping ( Duties end tax may be due delivery )
|
||||
.card-footer.text-end
|
||||
button.btn.btn-primary.m-r-15(type='submit') Submit
|
||||
button.btn.btn-light(type='submit') Cancel
|
||||
.col-sm-12
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 Inline Style
|
||||
span
|
||||
| For Create inline megaoption add
|
||||
code .mega-inline
|
||||
| class in form tag
|
||||
.card-body.megaoptions-border-space-sm
|
||||
form.mega-inline
|
||||
.row
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-primary.me-3
|
||||
input#radio19(type='radio', name='radio1', value='option1')
|
||||
label(for='radio19')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| COD
|
||||
span.badge.badge-primary.pull-right.digits 50 INR
|
||||
p Estimated 14-20 Day Shipping ( Duties end taxes may be due upon delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-secondary.me-3
|
||||
input#radio20(type='radio', name='radio1', value='option1')
|
||||
label(for='radio20')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Fast
|
||||
span.badge.badge-secondary.pull-right.digits 100 INR
|
||||
p Estimated 1 Day Shipping ( Duties end taxes may be due upon delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-secondary.me-3
|
||||
input#radio21(type='radio', name='radio1', value='option1')
|
||||
label(for='radio21')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Standard
|
||||
span.badge.badge-secondary.pull-right.digits 80 INR
|
||||
p Estimated 3 Day Shipping ( Duties end taxes may be due upon delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-primary.me-3
|
||||
input#radio22(type='radio', name='radio1', value='option1')
|
||||
label(for='radio22')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Local
|
||||
span.badge.badge-primary.pull-right.digits Free
|
||||
p Estimated 15 Day Shipping ( Duties end taxes may be due upon delivery )
|
||||
.card-footer.text-end
|
||||
button.btn.btn-primary.m-r-15(type='submit') Submit
|
||||
button.btn.btn-light(type='submit') Cancel
|
||||
.col-sm-12.col-xl-6
|
||||
.card.height-equal
|
||||
.card-header.pb-0
|
||||
h5 Vertical Style
|
||||
span
|
||||
| For Create inline megaoption add
|
||||
code .mega-vertical
|
||||
| class in form tag
|
||||
.card-body
|
||||
form.mega-vertical
|
||||
.row
|
||||
.col-sm-12
|
||||
p.mega-title.m-b-5 Delivery Option
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-primary.me-3
|
||||
input#radio23(type='radio', name='radio1', value='option1')
|
||||
label(for='radio23')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| COD
|
||||
span.badge.badge-primary.pull-right.digits 50 INR
|
||||
p Estimated 10 to 15 Day Shipping ( Duties end tax may be due delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-secondary.me-3
|
||||
input#radio24(type='radio', name='radio1', value='option1')
|
||||
label(for='radio24')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Fast
|
||||
span.badge.badge-secondary.pull-right.digits 100 INR
|
||||
p Estimated 10 to 12 Day Shipping ( Duties end tax may be due delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-success.me-3
|
||||
input#radio25(type='radio', name='radio1', value='option1')
|
||||
label(for='radio25')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Standard
|
||||
span.badge.badge-success.pull-right.digits 80 INR
|
||||
p Estimated 3 to 5 Day Shipping ( Duties end tax may be due delivery )
|
||||
.col-sm-6
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-info.me-3
|
||||
input#radio5(type='radio', name='radio1', value='option1')
|
||||
label(for='radio5')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Local
|
||||
span.badge.badge-info.pull-right.digits Free
|
||||
p Estimated 3 to 5 Day Shipping ( Duties end taxes may be due upon delivery )
|
||||
.col-sm-12
|
||||
p.mega-title.m-b-5 Buying Option
|
||||
.col-sm-6
|
||||
.card.mb-0
|
||||
.media.p-20
|
||||
.radio.radio-warning.me-3
|
||||
input#radio26(type='radio', name='radio1', value='option1')
|
||||
label(for='radio26')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| XYZ Seller
|
||||
span.badge.badge-warning.pull-right.digits 250 INR
|
||||
p.rating-star-wrapper
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star.txt-warning.m-r-5
|
||||
| 5 start rating
|
||||
.col-sm-6
|
||||
.card.mb-0
|
||||
.media.p-20
|
||||
.radio.radio-danger.me-3
|
||||
input#radio27(type='radio', name='radio1', value='option1')
|
||||
label(for='radio27')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| ABC Seller
|
||||
span.badge.badge-danger.pull-right.digits 150 INR
|
||||
p.rating-star-wrapper
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star
|
||||
i.icofont.icofont-star
|
||||
i.icofont.icofont-star
|
||||
i.icofont.icofont-star.m-r-5
|
||||
| 1 start rating
|
||||
.card-footer.text-end
|
||||
button.btn.btn-primary.m-r-15(type='submit') Submit
|
||||
button.btn.btn-light(type='submit') Cancel
|
||||
.col-sm-12.col-xl-6
|
||||
.card.height-equal
|
||||
.card-header.pb-0
|
||||
h5 Horizontal Style
|
||||
span
|
||||
| For Create inline megaoption add
|
||||
code .mega-horizontal
|
||||
| class in form tag
|
||||
.card-body
|
||||
form.mega-horizontal
|
||||
.row
|
||||
.col-sm-3
|
||||
p.mega-title Delivery Option
|
||||
.col-sm-9
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-primary.me-3
|
||||
input#radio30(type='radio', name='radio1', value='option1')
|
||||
label(for='radio30')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| COD
|
||||
span.badge.badge-primary.pull-right.digits 50 INR
|
||||
p Estimated 5 Day Shipping ( Duties end tax may be due delivery )
|
||||
.col-sm-9.offset-sm-3
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-secondary.me-3
|
||||
input#radio31(type='radio', name='radio1', value='option1')
|
||||
label(for='radio31')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| Fast
|
||||
span.badge.badge-secondary.pull-right.digits 100 INR
|
||||
p Estimated 1 Day Shipping ( Duties end tax may be due delivery )
|
||||
.col-sm-3
|
||||
p.mega-title Buying Option
|
||||
.col-sm-9
|
||||
.card
|
||||
.media.p-20
|
||||
.radio.radio-success.me-3
|
||||
input#radio32(type='radio', name='radio1', value='option1')
|
||||
label(for='radio32')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| XYZ Seller
|
||||
span.badge.badge-success.pull-right.digits 250 INR
|
||||
p.rating-star-wrapper
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star.txt-warning.m-r-5
|
||||
| 5 start rating
|
||||
.col-sm-9.offset-sm-3
|
||||
.card.mb-0
|
||||
.media.p-20
|
||||
.radio.radio-info.me-3
|
||||
input#radio33(type='radio', name='radio1', value='option1')
|
||||
label(for='radio33')
|
||||
.media-body
|
||||
h6.mt-0.mega-title-badge
|
||||
| ABC Seller
|
||||
span.badge.badge-info.pull-right.digits 150 INR
|
||||
p.rating-star-wrapper
|
||||
i.icofont.icofont-star.txt-warning
|
||||
i.icofont.icofont-star
|
||||
i.icofont.icofont-star
|
||||
i.icofont.icofont-star
|
||||
i.icofont.icofont-star.m-r-5
|
||||
| 1 start rating
|
||||
.card-footer.text-end
|
||||
button.btn.btn-primary.m-r-15(type='submit') Submit
|
||||
button.btn.btn-light(type='submit') Cancel
|
||||
// Container-fluid Ends
|
||||
include ../../components/footer
|
||||
include ../../components/footer-files
|
||||
Reference in New Issue
Block a user