booking/assets/pug/pages/theme/product-page.pug
2025-03-24 22:58:00 +03:00

257 lines
17 KiB
Plaintext

- var theme_customizer = true ;
- var rating = true ;
- var ecommerce = false ;
- var slick = 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
| Product page
ol.breadcrumb
li.breadcrumb-item
a(href='index.html')
| Home
li.breadcrumb-item Ecommerce
li.breadcrumb-item.active product page
.col-sm-6
include ../../components/bookmark
// Container-fluid starts
.container-fluid
div
.row.product-page-main.p-0
.col-xl-5.col-md-6.box-col-12.xl-50
.card
.card-body
.row
.col-xl-9.product-main
.pro-slide-single
div
img.img-fluid(src='assets/images/ecommerce/01.jpg', alt='')
div
img.img-fluid(src='assets/images/ecommerce/02.jpg', alt='')
div
img.img-fluid(src='assets/images/ecommerce/03.jpg', alt='')
div
img.img-fluid(src='assets/images/ecommerce/04.jpg', alt='')
div
img.img-fluid(src='assets/images/ecommerce/05.jpg', alt='')
div
img.img-fluid(src='assets/images/ecommerce/06.jpg', alt='')
div
img.img-fluid(src='assets/images/ecommerce/07.jpg', alt='')
div
img.img-fluid(src='assets/images/ecommerce/08.jpg', alt='')
.col-xl-3.product-thumbnail
.pro-slide-right
div
.slide-box
img(src='assets/images/ecommerce/01.jpg', alt='')
div
.slide-box
img(src='assets/images/ecommerce/02.jpg', alt='')
div
.slide-box
img(src='assets/images/ecommerce/03.jpg', alt='')
div
.slide-box
img(src='assets/images/ecommerce/04.jpg', alt='')
div
.slide-box
img(src='assets/images/ecommerce/05.jpg', alt='')
div
.slide-box
img(src='assets/images/ecommerce/06.jpg', alt='')
div
.slide-box
img(src='assets/images/ecommerce/07.jpg', alt='')
div
.slide-box
img(src='assets/images/ecommerce/08.jpg', alt='')
.col-xl-5.box-col-6.proorder-xl-3.xl-100
.card
.card-body
.pro-group.pt-0.border-0
.product-page-details.mt-0
h3 Women Pink shirt.
.pro-review
.d-flex
select#u-rating-fontawesome(name='rating', autocomplete='off')
option(value='1') 1
option(value='2') 2
option(value='3') 3
option(value='4') 4
option(value='5') 5
span (250 review)
.product-price
| $26.00
del $350.00
ul.product-color
li.bg-primary
li.bg-secondary
li.bg-success
li.bg-danger
li.bg-info
li.bg-warning
a.btn.btn-secondary.mt-0(href="cart.html")
i.fa.fa-shopping-cart.me-2
| Buy Now
.pro-group
p
| It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that.
.pro-group
.row
.col-md-6
table
tbody
tr
td
b Availability  :  
td.txt-success In stock
tr
td
b Brand           :
td Pixelstrap
.col-md-6
table
tbody
tr
td
b Seller            :    
td ABC
tr
td
b Fabric           :    
td Cotton
.pro-group
.row
.col-md-4.xl-50
h6.product-title share it
.col-md-7.xl-50
.product-icon
ul.product-social
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-facebook
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-google-plus
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-twitter
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-instagram
li.d-inline-block
a(href='javascript:void(0)')
i.fa.fa-rss
form.d-inline-block.f-right
.pro-group.pb-0
.pro-shop
a.btn.btn-primary.m-r-10(href="cart.html")
i.fa.fa-shopping-basket.me-2
| Add To Cart
a.btn.btn-danger(href="list-wish.html")
i.fa.fa-heart.me-2
| Add To WishList
//- | Add To WishList
.col-xl-2.col-md-6.box-col-6.xl-50.proorder-lg-1
.card
.card-body
// side-bar colleps block stat
.filter-block
h4 Brand
ul
li
.form-check
input#Raymond.form-check-input(type='checkbox' value='')
label.form-check-label(for='Raymond')
| Raymond
li
.form-check
input#Pepe-Jeans.form-check-input(type='checkbox' value='')
label.form-check-label(for='Pepe-Jeans')
| Pepe-Jeans
li
.form-check
input#Celio.form-check-input(type='checkbox' value='')
label.form-check-label(for='Celio')
| Celio
li
.form-check
input#aime.form-check-input(type='checkbox' value='')
label.form-check-label(for='aime')
| aime
li
.form-check
input#aliff.form-check-input(type='checkbox' value='')
label.form-check-label(for='aliff')
| aliff
.card
.card-body
.collection-filter-block
ul.pro-services
li
.media
i(data-feather='truck')
.media-body
h5 Free Shipping
p Free Shipping World Wide
li
.media
i(data-feather='clock')
.media-body
h5 24 X 7 Service
p Online Service For New Customer
// silde-bar colleps block end here
.card
.row.product-page-main
.col-sm-12
ul#top-tab.nav.nav-tabs.border-tab.mb-0(role='tablist')
li.nav-item
a#top-home-tab.nav-link.active(data-bs-toggle='tab', href='#top-home', role='tab', aria-controls='top-home', aria-selected='false')
| Febric
.material-border
li.nav-item
a#profile-top-tab.nav-link(data-bs-toggle='tab', href='#top-profile', role='tab', aria-controls='top-profile', aria-selected='false') Video
.material-border
li.nav-item
a#contact-top-tab.nav-link(data-bs-toggle='tab', href='#top-contact', role='tab', aria-controls='top-contact', aria-selected='true')
| Details
.material-border
li.nav-item
a#brand-top-tab.nav-link(data-bs-toggle='tab', href='#top-brand', role='tab', aria-controls='top-brand', aria-selected='true')
| Brand
.material-border
#top-tabContent.tab-content
#top-home.tab-pane.fade.active.show(role='tabpanel', aria-labelledby='top-home-tab')
p.mb-0.m-t-20
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
p.mb-0.m-t-20
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
#top-profile.tab-pane.fade(role='tabpanel', aria-labelledby='profile-top-tab')
p.mb-0.m-t-20
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
#top-contact.tab-pane.fade(role='tabpanel', aria-labelledby='contact-top-tab')
p.mb-0.m-t-20
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
#top-brand.tab-pane.fade(role='tabpanel', aria-labelledby='brand-top-tab')
p.mb-0.m-t-20
| Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files