- 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