nekoya/web
nekoya/web
1
0
Fork 0
mirror of https://gitlab.com/nekoya/web.git synced 2024-11-25 07:47:02 +01:00
Code Issues Projects Releases Packages 1 Wiki Activity

Update products

Browse source
This commit is contained in:
Moe Poi ~ 2021-11-16 06:45:04 +07:00
parent 3c549b401e
commit 1451f7aabc
1 changed files with 12 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

105
views/pages/products.ejs
View file

@ -51,113 +51,20 @@
<div class="container-fluid mt-3">
<div class="row justify-content-around">
<% for(let i=0; i < data.length; i++) { %>
<div class="col-lg-3 col-md-6 p-3">
<div class="card">
<img alt="Item Image" class="img-fluid lazyload" src="./img/Product_1.webp">
<img alt="Item Image" class="img-fluid lazyload" src="./img/<%= data[i].IMAGE %>">
<div class="card-body">
<h5 class="card-title">Adidas NMD_R1 (GX0997)</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
<a href="product.html">
<button class="btn btn-info btn-product-card" type="button">View Detail</button>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-3">
<div class="card">
<img alt="Item Image" class="img-fluid lazyload" src="./img/Product_2.webp">
<div class="card-body">
<h5 class="card-title">Adidas NMD_R1 (G55575)</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
<a href="product.html">
<button class="btn btn-info btn-product-card" type="button">View Detail</button>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-3">
<div class="card">
<img alt="Item Image" class="img-fluid lazyload" src="./img/Product_3.webp">
<div class="card-body">
<h5 class="card-title">Adidas NMD_R1
(FV1740)</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
<a href="product.html">
<button class="btn btn-info btn-product-card" type="button">View Detail</button>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-3">
<div class="card">
<img alt="Item Image" class="img-fluid lazyload" src="./img/Product_10.webp">
<div class="card-body">
<h5 class="card-title">Adidas NMD_R1A (FX6794)</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
<a href="product.html">
<button class="btn btn-info btn-product-card" type="button">View Detail</button>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-3">
<div class="card">
<img alt="Item Image" class="img-fluid lazyload" src="./img/Product_5.webp">
<div class="card-body">
<h5 class="card-title">Adidas NMD_R1 (GZ7944)</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
<a href="product.html">
<button class="btn btn-info btn-product-card" type="button">View Detail</button>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-3">
<div class="card">
<img alt="Item Image" class="img-fluid lazyload" src="./img/Product_6.webp">
<div class="card-body">
<h5 class="card-title">Adidas NMD_R1
(GZ7943)</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
<a href="product.html">
<button class="btn btn-info btn-product-card" type="button">View Detail</button>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-3">
<div class="card">
<img alt="Item Image" class="img-fluid lazyload" src="./img/Product_7.webp">
<div class="card-body">
<h5 class="card-title">Adidas NMD_R1
(FY3566)</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
<a href="product.html">
<button class="btn btn-info btn-product-card" type="button">View Detail</button>
</a>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 p-3">
<div class="card">
<img alt="Item Image" class="img-fluid lazyload" src="./img/Product_8.webp">
<div class="card-body">
<h5 class="card-title">Adidas NMD_R1 (GX0996)</h5>
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas porttitor
tempus scelerisque. Nunc sed bibendum ante, eget imperdiet purus. Curabitur.</p>
<a href="product.html">
<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>
</div>
</div>
<% } %>
</div>
</div>