<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Category Banner</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Helvetica Neue", Arial, sans-serif; } /* CONTAINER */ .category-banner { max-width: 1200px; margin: 40px auto; background: #fff; } /* IMAGE */ .category-banner .image-wrap { width: 100%; height: 520px; overflow: hidden; } .category-banner img { width: 100%; height: 100%; object-fit: cover; display: block; } /* FOOTER BAR */ .category-banner .footer-bar { background: #f2f3f5; height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; } /* LEFT TEXT */ .category-banner .title { font-size: 14px; letter-spacing: 2px; font-weight: 600; color: #111; } /* RIGHT LINK */ .category-banner .shop-now { font-size: 13px; letter-spacing: 1.5px; font-weight: 500; color: #111; text-decoration: none; position: relative; } .category-banner .shop-now::after { content: "→"; margin-left: 8px; transition: transform 0.3s ease; } .category-banner .shop-now:hover::after { transform: translateX(4px); } /* MOBILE */ @media (max-width: 768px) { .category-banner .image-wrap { height: 360px; } .category-banner .footer-bar { padding: 0 18px; } } </style> </head> <body> <div class="category-banner"> <div class="image-wrap">  <img src="https://i.pinimg.com/736x/c2/a3/06/c2a30626531f912ecae7861b93247048.jpg" alt="Coat"> </div> <div class="footer-bar"> <div class="title">PRINTED T-SHIRTS </div> <a href="/shop" class="shop-now">SHOP NOW</a> </div> </div> </body> </html>

<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Category Banner</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Helvetica Neue", Arial, sans-serif; } /* CONTAINER */ .category-banner { max-width: 1200px; margin: 40px auto; background: #fff; } /* IMAGE */ .category-banner .image-wrap { width: 100%; height: 520px; overflow: hidden; } .category-banner img { width: 100%; height: 100%; object-fit: cover; display: block; } /* FOOTER BAR */ .category-banner .footer-bar { background: #f2f3f5; height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; } /* LEFT TEXT */ .category-banner .title { font-size: 14px; letter-spacing: 2px; font-weight: 600; color: #111; } /* RIGHT LINK */ .category-banner .shop-now { font-size: 13px; letter-spacing: 1.5px; font-weight: 500; color: #111; text-decoration: none; position: relative; } .category-banner .shop-now::after { content: "→"; margin-left: 8px; transition: transform 0.3s ease; } .category-banner .shop-now:hover::after { transform: translateX(4px); } /* MOBILE */ @media (max-width: 768px) { .category-banner .image-wrap { height: 360px; } .category-banner .footer-bar { padding: 0 18px; } } </style> </head> <body> <div class="category-banner"> <div class="image-wrap">  <img src="https://i.pinimg.com/736x/5a/ba/6d/5aba6d3f8d3cdb6d819db1027e46091f.jpg" alt="Coat"> </div> <div class="footer-bar"> <div class="title">PRINTED SWEATER </div> <a href="/shop" class="shop-now">SHOP NOW</a> </div> </div> </body> </html>

<!DOCTYPE html> <html lang="vi"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Category Banner</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: "Helvetica Neue", Arial, sans-serif; } /* CONTAINER */ .category-banner { max-width: 1200px; margin: 40px auto; background: #fff; } /* IMAGE */ .category-banner .image-wrap { width: 100%; height: 520px; overflow: hidden; } .category-banner img { width: 100%; height: 100%; object-fit: cover; display: block; } /* FOOTER BAR */ .category-banner .footer-bar { background: #f2f3f5; height: 70px; display: flex; align-items: center; justify-content: space-between; padding: 0 28px; } /* LEFT TEXT */ .category-banner .title { font-size: 14px; letter-spacing: 2px; font-weight: 600; color: #111; } /* RIGHT LINK */ .category-banner .shop-now { font-size: 13px; letter-spacing: 1.5px; font-weight: 500; color: #111; text-decoration: none; position: relative; } .category-banner .shop-now::after { content: "→"; margin-left: 8px; transition: transform 0.3s ease; } .category-banner .shop-now:hover::after { transform: translateX(4px); } /* MOBILE */ @media (max-width: 768px) { .category-banner .image-wrap { height: 360px; } .category-banner .footer-bar { padding: 0 18px; } } </style> </head> <body> <div class="category-banner"> <div class="image-wrap">  <img src="https://i.pinimg.com/1200x/61/24/47/61244797baf1847531376442a2bda390.jpg" alt="Coat"> </div> <div class="footer-bar"> <div class="title">PRINTED HOODIE </div> <a href="/shop" class="shop-now">SHOP NOW</a> </div> </div> </body> </html>

Highlight live products from the current store with a clean responsive grid.

Featured products

 Everyday Comfort

#181616

 Cozy & Casual

#1d1b1c

Timeless Warmth

#21201e

Inspire and let yourself be inspired, from one unique fashion to another.

FASHIONODEB.COM is an online store with secure checkout, tracked shipping, clear returns, and responsive customer support.

Featured Collections

New Collection

Featured products

New Tshirts

Featured products

Featured products

New Hoodies

New Sweaters

Featured products

Shop Gram