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/c1/a5/d8/c1a5d82e90fb4ab35134b1693bb597f0.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/9c/4c/17/9c4c1796cb6ead43cf484aa3970ae83c.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/c0/8c/98/c08c989a279a0850fa8c46bd180af9d7.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>

Trending Products

<section class="lookbook-section">
  <div class="lookbook-container">

    
    <div class="lookbook-image">
      <img 
        src="https://i.pinimg.com/736x/7f/93/31/7f9331cefa5dfe6f85b720bbbebeb228.jpg" 
        alt="Lifestyle Lookbook">
    </div>

    
    <div class="lookbook-content">
      <p class="lookbook-tag">LOOKBOOK</p>
      <h2 class="lookbook-title">Designed for real life.</h2>
      <p class="lookbook-desc">
        Style that moves with you. Minimal silhouettes crafted for everyday comfort,
        confidence, and effortless expression.
      </p>
      <a href="https://msesz.com/shop?" class="lookbook-link">Explore the Collection</a>
    </div>

  </div>
</section>

<style>
/* ===== LIFESTYLE / LOOKBOOK ===== */
.lookbook-section {
  padding: 140px 40px;
  background: #ffffff;
  font-family: 'Inter', sans-serif;
}

.lookbook-container {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  align-items: center;
}

/* IMAGE */
.lookbook-image img {
  width: 100%;
  height: 620px;
  object-fit: cover;
  display: block;
}

/* CONTENT */
.lookbook-content {
  max-width: 420px;
}

.lookbook-tag {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #999;
  margin-bottom: 24px;
}

.lookbook-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 600;
  color: #000;
  line-height: 1.2;
  margin-bottom: 24px;
}

.lookbook-desc {
  font-size: 16px;
  line-height: 1.8;
  color: #444;
  margin-bottom: 40px;
}

.lookbook-link {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  padding-bottom: 4px;
  border-bottom: 2px solid #E53E3E;
  transition: all 0.3s ease;
}

.lookbook-link:hover {
  color: #E53E3E;
}

/* RESPONSIVE */
@media (max-width: 900px) {
  .lookbook-container {
    grid-template-columns: 1fr;
    gap: 60px;
  }

  .lookbook-image img {
    height: 420px;
  }

  .lookbook-content {
    max-width: 100%;
  }

  .lookbook-title {
    font-size: 32px;
  }
}
</style>

Customer Reviews

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Welcome to MSESZ.COM - Shop Unique Handmade, Arts, T-Shirts, Stickers, Clothes and Gifts Designed by a Global Community of Independent Artists. Find your thing or open your own shop.

Featured Collections

Best Sellers

Designed for real life.

Customer Reviews

Thomas Kelly

Benjamin Scott

Zoe Roberts

Jack Parker

4.67 out of 5

Customer photos & videos