397 lines
24 KiB
Plaintext
397 lines
24 KiB
Plaintext
- 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
|