definicao de layout
This commit is contained in:
190
public/assets/pug/pages/template/payment-details.pug
Normal file
190
public/assets/pug/pages/template/payment-details.pug
Normal file
@@ -0,0 +1,190 @@
|
||||
- var theme_customizer = 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
|
||||
| Payment Details
|
||||
ol.breadcrumb
|
||||
li.breadcrumb-item
|
||||
a(href='index.html')
|
||||
| Home
|
||||
li.breadcrumb-item Pages
|
||||
li.breadcrumb-item Ecommerce
|
||||
li.breadcrumb-item.active Payment Details
|
||||
.col-sm-6
|
||||
include ../../components/bookmark
|
||||
// Container-fluid starts
|
||||
.container-fluid.credit-card.payment-details
|
||||
.row
|
||||
// Individual column searching (text inputs) Starts
|
||||
.col-xxl-8.box-col-12
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 Credit card
|
||||
.card-body
|
||||
.row
|
||||
.col-md-7
|
||||
form.theme-form.mega-form
|
||||
.mb-3
|
||||
input.form-control(type='text', placeholder='Card number')
|
||||
.mb-3
|
||||
input.form-control(type='text', placeholder='First Name')
|
||||
.mb-3
|
||||
input.form-control(type='date')
|
||||
.mb-3
|
||||
input.form-control(type='text', placeholder='Name on card')
|
||||
.mb-3
|
||||
select.form-select(size='1')
|
||||
option Select Type
|
||||
option Master
|
||||
option Visa
|
||||
.col-md-5.text-center
|
||||
img.img-fluid(src='../assets/images/ecommerce/card.png', alt='')
|
||||
// Individual column searching (text inputs) Ends
|
||||
// Debit Card Starts
|
||||
.col-xxl-4.col-lg-6.box-col-6.debit-card
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 Debit card
|
||||
.card-body
|
||||
form.theme-form.e-commerce-form.row
|
||||
.mb-3.col-sm-6.p-r-0
|
||||
input.form-control(type='text', placeholder='Full name here')
|
||||
.mb-3.col-sm-6
|
||||
input.form-control(type='text', placeholder='Card number')
|
||||
.mb-3.col-sm-6.p-r-0
|
||||
input.form-control(type='text', placeholder='CVV number')
|
||||
.mb-3.col-sm-6
|
||||
input.form-control(type='text', placeholder='CVC')
|
||||
.col-12
|
||||
label.col-form-label.p-b-20 Expiration Date
|
||||
.mb-3.col-sm-6.p-r-0
|
||||
select.form-select(size='1')
|
||||
option Select Month
|
||||
option Jan
|
||||
option Fab
|
||||
option March
|
||||
option April
|
||||
.mb-3.col-sm-6
|
||||
select.form-select(size='1')
|
||||
option Select Year
|
||||
option 2015
|
||||
option 2016
|
||||
option 2017
|
||||
option 2018
|
||||
option 2019
|
||||
.col-12
|
||||
button.btn.btn-primary.btn-block(type='button', title='') Submit
|
||||
// Debit Card Ends
|
||||
// COD Starts
|
||||
.col-xxl-4.col-lg-6.box-col-6
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 COD
|
||||
.card-body
|
||||
form.theme-form.row
|
||||
.mb-3.col-sm-6.p-r-0
|
||||
input.form-control(type='text', placeholder='First Name')
|
||||
.mb-3.col-sm-6
|
||||
input.form-control(type='text', placeholder='Last name')
|
||||
.mb-3.col-sm-6.p-r-0
|
||||
input.form-control(type='text', placeholder='Pincode')
|
||||
.mb-3.col-sm-6
|
||||
input.form-control(type='number', placeholder='Enter mobile number')
|
||||
.mb-3.col-sm-6.p-r-0
|
||||
input.form-control(type='text', placeholder='State')
|
||||
.mb-3.col-sm-6
|
||||
input.form-control(type='text', placeholder='City')
|
||||
.mb-3.col-12
|
||||
textarea.form-control(rows='3', placeholder='Address')
|
||||
.col-12
|
||||
button.btn.btn-primary.btn-block(type='button', title='') Submit
|
||||
// COD Ends
|
||||
// EMI Starts
|
||||
.col-xxl-4.col-lg-6.box-col-6
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 EMI
|
||||
.card-body
|
||||
form.theme-form.row
|
||||
.mb-3.col-sm-6.p-r-0
|
||||
input.form-control(type='text', placeholder='First Name')
|
||||
.mb-3.col-sm-6
|
||||
input.form-control(type='text', placeholder='Last name')
|
||||
.mb-3.col-sm-6.p-r-0
|
||||
input.form-control(type='text', placeholder='Pincode')
|
||||
.mb-3.col-sm-6
|
||||
select.form-select(size='1')
|
||||
option Bank Name
|
||||
option SBI
|
||||
option ICICI
|
||||
option KOTAK
|
||||
option BOB
|
||||
.mb-3.col-12
|
||||
select.form-select(size='1')
|
||||
option Select Card
|
||||
option 2
|
||||
option 3
|
||||
option 4
|
||||
option 5
|
||||
.mb-3.col-12
|
||||
select.form-select(size='1')
|
||||
option Select Duration
|
||||
option 2015-2016
|
||||
option 2016-2017
|
||||
option 2017-2018
|
||||
option 2018-2019
|
||||
.mb-3.col-12
|
||||
ul.payment-opt
|
||||
li
|
||||
img(src='../assets/images/ecommerce/mastercard.png', alt='')
|
||||
li
|
||||
img(src='../assets/images/ecommerce/visa.png', alt='')
|
||||
li
|
||||
img(src='../assets/images/ecommerce/paypal.png', alt='')
|
||||
.col-12
|
||||
button.btn.btn-primary.btn-block(type='button', title='') Submit
|
||||
// EMI Ends
|
||||
// EMI Starts
|
||||
.col-xxl-4.col-lg-6.box-col-6
|
||||
.card
|
||||
.card-header.pb-0
|
||||
h5 Net Banking
|
||||
.card-body
|
||||
form.theme-form.row
|
||||
.mb-3.col-12
|
||||
input.form-control(type='text', placeholder='AC Holder name')
|
||||
.mb-3.col-12
|
||||
input.form-control(type='text', placeholder='Account number')
|
||||
.mb-3.col-sm-6.p-r-0
|
||||
select.form-select(size='1')
|
||||
option Select Bank
|
||||
option SBI
|
||||
option ICICI
|
||||
option KOTAK
|
||||
option BOB
|
||||
.mb-3.col-sm-6
|
||||
input.form-control(type='text', placeholder='ICFC code')
|
||||
.mb-3.col-12
|
||||
input.form-control(type='number', placeholder='Enter mobile number')
|
||||
.mb-3.col-12
|
||||
input.form-control(type='text', placeholder='Other Details')
|
||||
.col-12
|
||||
button.btn.btn-primary.btn-block(type='button', title='') Submit
|
||||
// EMI Ends
|
||||
// Container-fluid Ends
|
||||
include ../../components/footer
|
||||
include ../../components/footer-files
|
||||
Reference in New Issue
Block a user