2021-11-15 10:54:48 +01:00
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
|
|
|
|
<%- include('../layouts/header.ejs', {title: 'Products', state: 'products'}); %>
|
|
|
|
|
|
|
|
|
|
|
|
<body class="bg-color">
|
|
|
|
|
|
<%- include('../layouts/navbar.ejs', {types: 'v1', state: 'products'}); %>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container mt-4">
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col">
|
|
|
|
|
|
<p class="text-white">Type</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col">
|
|
|
|
|
|
<p class="text-white">Gender</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col">
|
|
|
|
|
|
<p class="text-white">Color</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col col-md-auto">
|
|
|
|
|
|
<p>⠀⠀⠀⠀⠀⠀</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
|
|
|
|
<div class="col">
|
|
|
|
|
|
<select class="form-control">
|
|
|
|
|
|
<option>All</option>
|
|
|
|
|
|
<option>NMD</option>
|
|
|
|
|
|
<option>Galaxy</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col">
|
|
|
|
|
|
<select class="form-control">
|
|
|
|
|
|
<option>All</option>
|
|
|
|
|
|
<option>Men</option>
|
|
|
|
|
|
<option>Women</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col">
|
|
|
|
|
|
<select class="form-control">
|
|
|
|
|
|
<option>All</option>
|
|
|
|
|
|
<option>Black</option>
|
|
|
|
|
|
<option>White</option>
|
|
|
|
|
|
<option>Blue</option>
|
|
|
|
|
|
</select>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col col-md-auto">
|
|
|
|
|
|
<button class="btn btn-primary btn-product-card" type="button">Filter</button>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="container-fluid mt-3">
|
|
|
|
|
|
<div class="row justify-content-around">
|
2021-11-16 00:45:04 +01:00
|
|
|
|
<% for(let i=0; i < data.length; i++) { %>
|
|
|
|
|
|
<div class="col-lg-3 col-md-6 p-3">
|
|
|
|
|
|
<div class="card">
|
2021-11-19 04:45:28 +01:00
|
|
|
|
<img alt="Item Image" class="img-fluid lazyload product-image" src="./img/<%= data[i].IMAGE %>">
|
2021-11-16 00:45:04 +01:00
|
|
|
|
<div class="card-body">
|
|
|
|
|
|
<h5 class="card-title"><%= data[i].TITLE %></h5>
|
|
|
|
|
|
<p class="card-text"><%= data[i].DESCRIPTION.substring(0, 150) + "..." %></p>
|
|
|
|
|
|
<a href="product/<%= data[i].ID %>">
|
|
|
|
|
|
<button class="btn btn-info btn-product-card" type="button">View Detail</button>
|
|
|
|
|
|
</a>
|
|
|
|
|
|
</div>
|
2021-11-15 10:54:48 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
2021-11-16 00:45:04 +01:00
|
|
|
|
<% } %>
|
2021-11-15 10:54:48 +01:00
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<%- include('../layouts/footer.ejs', {state: 'products'}); %>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
