<!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/08/c2/73/08c27302b02ea1db9a846b5b9bbd732a.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/4c/24/6a/4c246a309164fe7a34b0e0460c6c175a.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/736x/19/09/02/19090292726e3ffe90ef86b5bcebad3a.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>

<section class="simple-editors-picks">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
  <style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');
   
    .simple-editors-picks {
      padding: 80px 20px;
      background: #ffffff;
      font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      text-align: center;
    }
    .sep-title {
      font-size: 36px;
      font-weight: 700;
      color: #000;
      margin-bottom: 20px;
    }
    .sep-view-all {
      display: inline-block;
      font-size: 14px;
      font-weight: 600;
      color: #000;
      text-decoration: none;
      margin-bottom: 60px;
      cursor: pointer;
      padding: 8px 20px;
      position: relative;
      user-select: none;
    }
    .sep-view-all::before {
      content: '←';
      margin-right: 12px;
      font-size: 18px;
      opacity: 0.7;
      transition: all 0.3s;
    }
    .sep-view-all::after {
      content: '→';
      margin-left: 12px;
      font-size: 18px;
      opacity: 0.7;
      transition: all 0.3s;
    }
    .sep-view-all:hover {
      color: #333;
    }
    .sep-view-all:hover::before {
      opacity: 1;
      transform: translateX(-6px);
    }
    .sep-view-all:hover::after {
      opacity: 1;
      transform: translateX(6px);
    }
    .sep-slider {
      position: relative;
      max-width: 1400px;
      margin: 0 auto;
    }
    .sep-swiper {
      padding: 12px 0;
      overflow: hidden; /* Ẩn phần thừa */
    }
    .sep-item {
      text-align: center;
    }
    .sep-item-link {
      text-decoration: none;
      color: inherit;
      display: block;
      transition: transform 0.3s;
    }
    .sep-item-link:hover {
      transform: translateY(-8px);
    }
    .sep-image {
      width: 100%;
      height: 360px;
      margin-bottom: 20px;
      border-radius: 8px;
      overflow: hidden;
      background: #f3f4f6;
    }
    .sep-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s;
    }
    .sep-item-link:hover .sep-image img {
      transform: scale(1.05);
    }
    .sep-name {
      font-size: 16px;
      color: #000;
      margin-bottom: 8px;
      line-height: 1.4;
    }
    .sep-price {
      font-size: 16px;
      font-weight: 600;
      color: #000;
    }
    /* Responsive */
    @media (max-width: 1024px) {
      .sep-image { height: 320px; }
    }
    @media (max-width: 768px) {
      .sep-title { font-size: 28px; }
      .sep-image { height: 300px; }
    }
    @media (max-width: 480px) {
      .sep-image { height: 280px; }
    }
  </style>
  <div class="sep-title">Editor's Picks</div>
  <a href="https://fightpredictionleagues.com/shop?" class="sep-view-all">VIEW ALL</a>
  <div class="sep-slider">
    <div class="swiper sep-swiper">
      <div class="swiper-wrapper">
        
        <div class="swiper-slide">
          <div class="sep-item">
            <a href="https://fightpredictionleagues.com/shop?" class="sep-item-link">
              <div class="sep-image"><img src="https://spacing.nyc3.cdn.digitaloceanspaces.com/12-day-of-ob-gyn-labor-and-delivery-ob-nurse-christmas-t-shirt-28-anzdp-o8c6k.jpg" alt=""></div>
              <div class="sep-name">12 Day Of OB-GYN Labor And Delivery OB Nurse Christmas</div>
              <div class="sep-price">$19.94</div>
            </a>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="sep-item">
            <a href="https://fightpredictionleagues.com/shop?" class="sep-item-link">
              <div class="sep-image"><img src="https://spacing.nyc3.cdn.digitaloceanspaces.com/12-days-of-l%26d-unit-nursing-labor-%26-delivery-nurse-christmas-t-shirt-28-myrg2-vqryx.jpg" alt=""></div>
              <div class="sep-name">12 Days Of L&D Unit Nursing Labor & Delivery Nurse Christmas</div>
              <div class="sep-price">$19.94</div>
            </a>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="sep-item">
            <a href="https://fightpredictionleagues.com/shop?" class="sep-item-link">
              <div class="sep-image"><img src="https://spacing.nyc3.cdn.digitaloceanspaces.com/4th-of-july-l%26d-labor-and-delivery-nurse-independence-day-t-shirt-for-women-kids-men-28-caokw-brt1y.jpg" alt=""></div>
              <div class="sep-name">4th of July L&D Labor and Delivery Nurse Independence Day for Women Kids Men</div>
              <div class="sep-price">$19.94</div>
            </a>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="sep-item">
            <a href="https://fightpredictionleagues.com/shop?" class="sep-item-link">
              <div class="sep-image"><img src="https://spacing.nyc3.cdn.digitaloceanspaces.com/4th-of-july-pregnancy-announcement-mama-patriotic-%26-pregnant-t-shirt-28-5zevd-0l91i.jpg" alt=""></div>
              <div class="sep-name">4th of July Pregnancy Announcement Mama Patriotic & Pregnant</div>
              <div class="sep-price">$19.94</div>
            </a>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="sep-item">
            <a href="https://fightpredictionleagues.com/shop?" class="sep-item-link">
              <div class="sep-image"><img src="https://spacing.nyc3.cdn.digitaloceanspaces.com/a-labor-day-gym-workout-exercises-tank-tank-top-28-hcifl-p8m3t.jpg" alt=""></div>
              <div class="sep-name">A Labor Day Gym Workout Exercises Tank</div>
              <div class="sep-price">$19.94</div>
            </a>
          </div>
        </div>
        <div class="swiper-slide">
          <div class="sep-item">
            <a href="https://fightpredictionleagues.com/shop?" class="sep-item-link">
              <div class="sep-image"><img src="https://spacing.nyc3.cdn.digitaloceanspaces.com/american-flag-beer-happy-labeer-day-funny-labor-day-t-shirt-28-z4hsq-bsmzu.jpg" alt=""></div>
              <div class="sep-name">American Flag Beer Happy Labeer Day Funny Labor Day</div>
              <div class="sep-price">$19.94</div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
  <script>
    new Swiper(".sep-swiper", {
      slidesPerView: 4,
      spaceBetween: 40,
      loop: false, /* Tắt loop để khi đến cuối dừng lại */
      speed: 800,
      autoplay: {
        delay: 3500,
        disableOnInteraction: false,
      },
      breakpoints: {
        640: { slidesPerView: 2, spaceBetween: 24 },
        1024: { slidesPerView: 3, spaceBetween: 28 },
        1280: { slidesPerView: 4, spaceBetween: 40 },
      },
    });
  </script>
</section>

<section class="collection-highlight">
  <div class="collection-container">
    
    
    <div class="collection-image">
      <img src="https://i.pinimg.com/1200x/01/06/8d/01068d6dbc358813b107a3468a1e84cf.jpg

" alt="New Collection">
    </div>

    
    <div class="collection-content">
      <span class="collection-label">NEW DROP 2025</span>
      <h2>Minimal silhouettes<br>for everyday wear</h2>
      <a href="https://fightpredictionleagues.com/shop?" 
         class="collection-btn"
         target="_blank"
         rel="noopener">
        Explore Collection
      </a>
    </div>

  </div>
</section>

<style>
/* ================= COLLECTION HIGHLIGHT ================= */
.collection-highlight {
  padding: 100px 40px;
  background: #ffffff;
  font-family: 'Inter', sans-serif;
}

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

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

/* CONTENT */
.collection-content {
  color: #000;
}

.collection-label {
  display: inline-block;
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
  margin-bottom: 16px;
}

.collection-content h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 32px;
}

/* BUTTON */
.collection-btn {
  display: inline-block;
  padding: 14px 36px;
  border: 2px solid #000;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
}

.collection-btn:hover {
  background: #000;
  color: #fff;
}

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

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

  .collection-content h2 {
    font-size: 32px;
  }
}
</style>

Representative office

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Welcome to LLC - 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

Minimal silhouettes
for everyday wear

Best Seller

Featured Collections

Minimal silhouettesfor everyday wear

Best Seller

Minimal silhouettes
for everyday wear