Files
djangocms/static/admin/assets/pug/pages/theme/product.pug
2024-11-20 12:56:32 +07:00

1719 lines
99 KiB
Plaintext

- var theme_customizer = true;
- var range_slider = true;
- var page_range_slider = true;
- var touchspin = true;
- var select2 = true;
- var page_select2 = true;
- var product_tab = true;
- var owlcarousel = true;
- var sidebar = true;
- var slick = true;
- var header_slider = true;
- var animate = true;
- var scrollbar = true;
doctype html
html(lang='en')
include ../../components/header-files
body
include ../../components/loader
include ../../components/taptop
// page-wrapper Start
#pageWrapper.page-wrapper.compact-wrapper
include ../../components/header
// Page Body Start
.page-body-wrapper
include ../../components/sidebar
.page-body
.container-fluid
.page-title
.row
.col-6
h3
| Product
.col-6
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
svg.stroke-icon
use(href='../assets/svg/icon-sprite.svg#stroke-home')
li.breadcrumb-item ECommerce
li.breadcrumb-item.active Product
// Container-fluid starts
.container-fluid.product-wrapper
.product-grid
.feature-products
.row
.col-md-6.products-total
.square-product-setting.d-inline-block
a.icon-grid.grid-layout-view(href='#', data-original-title='', title='')
i(data-feather='grid')
.square-product-setting.d-inline-block
a.icon-grid.m-0.list-layout-view(href='#', data-original-title='', title='')
i(data-feather='list')
span.d-none-productlist.filter-toggle
| Filters
span.ms-2
i(data-feather='chevron-down').toggle-data
.grid-options.d-inline-block
ul
li
a.product-2-layout-view(href='#', data-original-title='', title='')
span.line-grid.line-grid-1.bg-primary
span.line-grid.line-grid-2.bg-primary
li
a.product-3-layout-view(href='#', data-original-title='', title='')
span.line-grid.line-grid-3.bg-primary
span.line-grid.line-grid-4.bg-primary
span.line-grid.line-grid-5.bg-primary
li
a.product-4-layout-view(href='#', data-original-title='', title='')
span.line-grid.line-grid-6.bg-primary
span.line-grid.line-grid-7.bg-primary
span.line-grid.line-grid-8.bg-primary
span.line-grid.line-grid-9.bg-primary
li
a.product-6-layout-view(href='#', data-original-title='', title='')
span.line-grid.line-grid-10.bg-primary
span.line-grid.line-grid-11.bg-primary
span.line-grid.line-grid-12.bg-primary
span.line-grid.line-grid-13.bg-primary
span.line-grid.line-grid-14.bg-primary
span.line-grid.line-grid-15.bg-primary
.col-md-6.text-sm-end
span.f-w-600.m-r-5 Showing Products 1 - 24 Of 200 Results
.select2-drpdwn-product.select-options.d-inline-block
select.form-control.btn-square(name='select')
option(value='opt1') Featured
option(value='opt2') Lowest Prices
option(value='opt3') Highest Prices
.row
.col-sm-3
.product-sidebar
.filter-section
.card
.card-header
h6.mb-0.f-w-600
| Filters
span.pull-right
i.fa.fa-chevron-down.toggle-data
.left-filter
.card-body.filter-cards-view.animate-chk
.product-filter
h6.f-w-600 Category
.checkbox-animated.mt-0
label.d-block(for='edo-ani5')
input#edo-ani5.radio_animated(type='radio', data-original-title='', title='')
| Man Shirt
label.d-block(for='edo-ani6')
input#edo-ani6.radio_animated(type='radio', data-original-title='', title='')
| Man Jeans
label.d-block(for='edo-ani7')
input#edo-ani7.radio_animated(type='radio', data-original-title='', title='')
| Woman Top
label.d-block(for='edo-ani8')
input#edo-ani8.radio_animated(type='radio', data-original-title='', title='')
| Woman Jeans
label.d-block(for='edo-ani9')
input#edo-ani9.radio_animated(type='radio', data-original-title='', title='')
| Man T-shirt
.product-filter
h6.f-w-600 Brand
.checkbox-animated.mt-0
label.d-block(for='chk-ani')
input#chk-ani.checkbox_animated(type='checkbox', data-original-title='', title='')
| Levi's
label.d-block(for='chk-ani1')
input#chk-ani1.checkbox_animated(type='checkbox', data-original-title='', title='')
| Diesel
label.d-block(for='chk-ani2')
input#chk-ani2.checkbox_animated(type='checkbox', data-original-title='', title='')
| Lee
label.d-block(for='chk-ani3')
input#chk-ani3.checkbox_animated(type='checkbox', data-original-title='', title='')
| Hudson
label.d-block(for='chk-ani4')
input#chk-ani4.checkbox_animated(type='checkbox', data-original-title='', title='')
| Denizen
label.d-block(for='chk-ani5')
input#chk-ani5.checkbox_animated(type='checkbox', data-original-title='', title='')
| Spykar
.product-filter.slider-product
h6.f-w-600 Colors
.color-selector
ul
li.white
li.gray
li.black
li.orange
li.green
li.pink
li.yellow
li.blue
li.red
.product-filter.pb-0
h6.f-w-600 Price
input#u-range-03(type='text')
h6.f-w-600 New Products
.product-filter.pb-0.new-products
#testimonial.owl-carousel.owl-theme
.item
.product-box.row
.product-img.col-md-5
img.img-fluid.img-100(src='../assets/images/ecommerce/01.jpg', alt='', data-original-title='', title='')
.product-details.col-md-7.text-start
span
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning
p.mb-0 Woman T-shirt
.product-price $100.00
.product-box.row
.product-img.col-md-5
img.img-fluid.img-100(src='../assets/images/ecommerce/02.jpg', alt='', data-original-title='', title='')
.product-details.col-md-7.text-start
span
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning
p.mb-0 Dream Beauty Fashion
.product-price $150.00
.product-box.row
.product-img.col-md-5
img.img-fluid.img-100(src='../assets/images/ecommerce/03.jpg', alt='', data-original-title='', title='')
.product-details.col-md-7.text-start
span
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning
p.mb-0 VOXATI
.product-price $200.00
.item
.product-box.row
.product-img.col-md-5
img.img-fluid.img-100(src='../assets/images/ecommerce/01.jpg', alt='', data-original-title='', title='')
.product-details.col-md-7.text-start
span
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning
p.mb-0 Fancy Shirt
.product-price $100.00
.product-box.row
.product-img.col-md-5
img.img-fluid.img-100(src='../assets/images/ecommerce/02.jpg', alt='', data-original-title='', title='')
.product-details.col-md-7.text-start
span
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning
p.mb-0 Fancy Shirt
.product-price $100.00
.product-box.row
.product-img.col-md-5
img.img-fluid.img-100(src='../assets/images/ecommerce/03.jpg', alt='', data-original-title='', title='')
.product-details.col-md-7.text-start
span
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning.me-1
i.fa.fa-star.font-warning
p.mb-0 Fancy Shirt
.product-price $100.00
.product-filter.text-center
img.img-fluid.banner-product(src='../assets/images/ecommerce/banner.jpg', alt='', data-original-title='', title='')
.col-md-9.col-sm-12
form
.form-group.m-0
input.form-control(type='search', placeholder='Search..', data-original-title='', title='')
i.fa.fa-search
.product-wrapper-grid
.row
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/01.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/01.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Woman T-shirt
p Women Full Sleeve Printed Sweatshirt
.product-price
| $26.00
del $350.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
.ribbon.ribbon-danger Sale
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter1')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter1.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter1', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Dream Beauty Fashion
p Tops for Women Stylish
.product-price
| $30.00
del $360.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter2')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter2.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter2', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $25.00
del $400.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
.ribbon.ribbon-success.ribbon-right 50%
img.img-fluid(src='../assets/images/ecommerce/04.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter3')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter3.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter3', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/04.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Cyclamen
p Stylish co-ord set 2 piece dress for women
.product-price
| $30.00
del $350.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter4')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter4.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter4', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Dream Beauty Fashion
p Tops for Women Stylish
.product-price
| $30.00
del $360.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.ribbon.ribbon-secondary.ribbon-vertical-left
i.icon-gift
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter5')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter5.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter5', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $25.00
del $400.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/01.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter6')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter6.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter6', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/01.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Woman T-shirt
p Women Full Sleeve Printed Sweatshirt
.product-price
| $26.00
del $350.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter7')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter7.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter7', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $25.00
del $400.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter8')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter8.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter8', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $25.00
del $400.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/04.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter9')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter9.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter9', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/04.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Cyclamen
p Stylish co-ord set 2 piece dress for women
.product-price
| $30.00
del $350.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter10')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter10.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter10', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Dream Beauty Fashion
p Tops for Women Stylish
.product-price
| $30.00
del $360.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter11')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter11.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter11', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $25.00
del $400.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
.ribbon.ribbon-bookmark.ribbon-vertical-right.ribbon-info
i.icofont.icofont-love
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter12')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter12.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter12', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Dream Beauty Fashion
p Tops for Women Stylish
.product-price
| $30.00
del $360.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter13')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter13.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter13', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $25.00
del $400.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
.ribbon.ribbon-clip.ribbon-warning Hot
img.img-fluid(src='../assets/images/ecommerce/04.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter14')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter14.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter14', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/04.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Cyclamen
p Stylish co-ord set 2 piece dress for women
.product-price
| $30.00
del $350.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter15')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter15.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter15', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Dream Beauty Fashion
p Tops for Women Stylish
.product-price
| $30.00
del $360.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter16')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter16.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter16', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $25.00
del $400.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/01.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter17')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter17.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter17', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/01.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Woman T-shirt
p Women Full Sleeve Printed Sweatshirt
.product-price
| $26.00
del $350.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter18')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter18.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter18', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $26.00
del $350.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter19')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter19.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter19', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $25.00
del $400.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/04.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter20')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter20.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter20', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/04.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Cyclamen
p Stylish co-ord set 2 piece dress for women
.product-price
| $30.00
del $350.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter21')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter21.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter21', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/02.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 Dream Beauty Fashion
p Tops for Women Stylish
.product-price
| $30.00
del $360.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter22')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter22.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter22', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $26.00
del $350.00
.col-xl-3.col-sm-6.xl-4
.card
.product-box
.product-img
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-hover
ul
li
button.btn(type='button')
i.icon-shopping-cart
li
button.btn(type='button', data-bs-toggle='modal', data-bs-target='#exampleModalCenter23')
i.icon-eye
li
button.btn(type='button')
i.icofont.icofont-law-alt-2
#exampleModalCenter23.modal.fade(tabindex='-1', role='dialog', aria-labelledby='exampleModalCenter23', aria-hidden='true')
.modal-dialog.modal-lg.modal-dialog-centered(role='document')
.modal-content
.modal-header
.product-box.row
.product-img.col-lg-6
img.img-fluid(src='../assets/images/ecommerce/03.jpg', alt='')
.product-details.col-lg-6.text-start
h4 Woman T-shirt
.product-price
| $26.00
del $350.00
.product-view
h6.f-w-600 Product Details
p.mb-0 Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo.
.product-size
ul
li
button.btn.btn-outline-light(type='button') M
li
button.btn.btn-outline-light(type='button') L
li
button.btn.btn-outline-light(type='button') Xl
.product-qnty
h6.f-w-600 Quantity
fieldset
.input-group
input.touchspin.text-center(type='text', value='5')
.addcart-btn
a.btn.btn-primary(href="cart.html") Add to Cart
a.btn.btn-primary.ms-2(href="product-page.html") View Details
button.btn-close(type='button', data-bs-dismiss='modal', aria-label='Close')
.product-details
.rating
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
i.fa.fa-star
a(href='product-page.html')
h4 VOXATI
p Men's Denim Jacket
.product-price
| $26.00
del $350.00
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files