80 lines
2.3 KiB
Plaintext
80 lines
2.3 KiB
Plaintext
|
extends layouts/base.pug
|
||
|
|
|
||
|
|
block title
|
||
|
|
title #{title} | Pugz Store
|
||
|
|
|
||
|
|
block content
|
||
|
|
section.page-header
|
||
|
|
.container
|
||
|
|
h1 All Products
|
||
|
|
p Browse our selection of quality products
|
||
|
|
|
||
|
|
section.section
|
||
|
|
.container
|
||
|
|
.products-toolbar
|
||
|
|
span.results-count #{productCount} products
|
||
|
|
.sort-options
|
||
|
|
label Sort by:
|
||
|
|
select
|
||
|
|
option(value="featured") Featured
|
||
|
|
option(value="price-low") Price: Low to High
|
||
|
|
option(value="price-high") Price: High to Low
|
||
|
|
|
||
|
|
.product-grid
|
||
|
|
.product-card
|
||
|
|
.product-image
|
||
|
|
.product-badge Sale
|
||
|
|
.product-info
|
||
|
|
span.product-category Electronics
|
||
|
|
h3.product-name Wireless Headphones
|
||
|
|
.product-price $79.99
|
||
|
|
a.btn.btn-sm(href="/products/1") View Details
|
||
|
|
|
||
|
|
.product-card
|
||
|
|
.product-image
|
||
|
|
.product-info
|
||
|
|
span.product-category Electronics
|
||
|
|
h3.product-name Smart Watch Pro
|
||
|
|
.product-price $199.99
|
||
|
|
a.btn.btn-sm(href="/products/2") View Details
|
||
|
|
|
||
|
|
.product-card
|
||
|
|
.product-image
|
||
|
|
.product-info
|
||
|
|
span.product-category Accessories
|
||
|
|
h3.product-name Laptop Stand
|
||
|
|
.product-price $49.99
|
||
|
|
a.btn.btn-sm(href="/products/3") View Details
|
||
|
|
|
||
|
|
.product-card
|
||
|
|
.product-image
|
||
|
|
.product-badge Sale
|
||
|
|
.product-info
|
||
|
|
span.product-category Accessories
|
||
|
|
h3.product-name USB-C Hub
|
||
|
|
.product-price $39.99
|
||
|
|
a.btn.btn-sm(href="/products/4") View Details
|
||
|
|
|
||
|
|
.product-card
|
||
|
|
.product-image
|
||
|
|
.product-info
|
||
|
|
span.product-category Electronics
|
||
|
|
h3.product-name Mechanical Keyboard
|
||
|
|
.product-price $129.99
|
||
|
|
a.btn.btn-sm(href="/products/5") View Details
|
||
|
|
|
||
|
|
.product-card
|
||
|
|
.product-image
|
||
|
|
.product-info
|
||
|
|
span.product-category Home Office
|
||
|
|
h3.product-name Desk Lamp
|
||
|
|
.product-price $34.99
|
||
|
|
a.btn.btn-sm(href="/products/6") View Details
|
||
|
|
|
||
|
|
.pagination
|
||
|
|
a.page-link(href="#") Prev
|
||
|
|
a.page-link.active(href="#") 1
|
||
|
|
a.page-link(href="#") 2
|
||
|
|
a.page-link(href="#") 3
|
||
|
|
a.page-link(href="#") Next
|