Optional subtitle text

<!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/a6/fa/c2a6facf7cce9506eb976020fcf87a7f.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/1200x/55/3c/7f/553c7fa0ab2d4a8652c5e0bd722e5df8.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>

<!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/fc/09/94/fc0994db50cb9f3cd3def433897ee0c1.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>

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

Featured products

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

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

Featured Collections

New Collection

Featured products

Featured products

Shop Gram