Skip to content

Commit

Permalink
feat: create the product structure
Browse files Browse the repository at this point in the history
  • Loading branch information
@autruonggiang
autruonggiang committed Feb 7, 2024
1 parent cdaa45e commit 5cfdb12
Show file tree
Hide file tree
Showing 2 changed files with 53 additions and 14 deletions.
Binary file added assets/img/products/crocodile_crack.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
67 changes: 53 additions & 14 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -368,23 +368,62 @@ <h3 class="category__heading">
</a>
</div>
</div>
</div>
</div>
</div>
</div>

<footer class="footer">
<div class="home-product">
<div class="grid__row">
<div class="grid__column-2">
<!-- Product item -->
<div class="home-product-item">
<div class="home-prodcut-item__img"
style="background-image: url(https://bandai-a.akamaihd.net/bc/img/model/xl/1000122800_9.jpg);">
</div>
<h4 class="home-product-item__name">
Đồ chơi "hàng dễ vỡ" DX Crocodile Crack Fullbottle
</h4>
<div class="home-product-item__price">
<span class="home-product-item__price-old">1.000.000 đ</span>
<span class="home-product-item__price-current">999.999 đ</span>
</div>
<div class="home-product-item__action">
<span class="home-product-item__like home-product-item__like--liked">
<i class="home-product-item__like-icon fa-regular fa-heart"></i>
<!-- <i class="fa-solid fa-heart"></i> -->
</span>
<div class="home-product-item__rating">
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
<i class="fa-solid fa-star"></i>
</div>
</div>
<div class="home-product-item__origin">
<span class="home-product-item__brand">Bandai</span>
<span class="home-product-item__origin-name">Nhật Bản</span>
</div>
<div class="home-product-item__favourite">
<i class="fa-solid fa-check"></i>
Yêu thích
</div>
<div class="home-product-item__sale-off">
<span class="home-product-item__sale-off-percent">10%</span>
<span class="home-product-item__sale-off-label">GIẢM</span>
</div>
</div>
</div>

<footer class="footer">

</footer>
</div>
</footer>
</div>

<!-- Modal layout -->
<!-- <div class="modal">
<!-- Modal layout -->
<!-- <div class="modal">
<div class="modal__overlay"></div>
<div class="modal__body"> -->
<!-- Register form -->
<!-- <div class="auth-form">
<!-- Register form -->
<!-- <div class="auth-form">
<div class="auth-form__container">
<div class="auth-form__header">
<h3 class="auth-form__heading">Đăng ký</h3>
Expand Down Expand Up @@ -433,8 +472,8 @@ <h3 class="auth-form__heading">Đăng ký</h3>
</div>
</div> -->

<!-- Login form -->
<!-- <div class="auth-form">
<!-- Login form -->
<!-- <div class="auth-form">
<div class="auth-form__container">
<div class="auth-form__header">
<h3 class="auth-form__heading">Đăng nhập</h3>
Expand Down Expand Up @@ -479,7 +518,7 @@ <h3 class="auth-form__heading">Đăng nhập</h3>
</a>
</div>
</div> -->
<!-- </div> -->
<!-- </div> -->

</body>

Expand Down

0 comments on commit 5cfdb12

Please sign in to comment.