
<!DOCTYPE html>
<html lang="en">

	
<head>
	

  <meta charset="utf-8">
  <title>Matching Cosmetic Packaging Sets Manufacturer | Skincare Line Collections | Morgan Container</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="icon" type="image/x-icon" href="/Logo.png">
  <style>
	  /* Responsive Top Navigation Bar */
.top-nav {
  width: 100%;
  max-width: 1600px;
  height: 40px;
  background-color: #ffffff;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.top-nav-list {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 1100px;
}

.top-nav-list li {
  font-size: 15px;
  font-family: Arial, sans-serif;
  position: relative;
}

.top-nav-list li:not(:last-child)::after {
  content: "|";
  position: absolute;
  right: -40px;
  top: 0;
  color: #ccc;
}

.top-nav-list a {
  text-decoration: none;
  color: #444;
}

.top-nav-list a:hover {
  color: #000;
  font-weight: bold;
}
	  
.record-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

/* Mobile responsive */
@media (max-width: 600px) {
  .top-nav {
    height: auto;
    padding: 5px 0;
  }

  .top-nav-list {
    flex-direction: column;
    gap: 8px;
  }

  .top-nav-list li:not(:last-child)::after {
    content: "";
  }
}

	  
	  .search-size-title {
  font-family: 'Arial', serif;
  font-size: 18px;
  color: #232222;        /* Change to any color */
  margin-bottom: 10px;
  padding-left: 5px;
}

.search-style-title {
  font-family: 'Arial', serif;
  font-size: 20px;
  color: #232222;
  margin-top: 20px;
  margin-bottom: 5px;
  letter-spacing: 1px;
  padding-left: 5px;      /* ← match “Search by Size” */
  position: relative;
}

.search-style-title::before {
  position: absolute;
  left: -18px;
  color: #5D5D56;
  font-size: 20px;
}
	   /* Dropdown menu style inside sidebar */
	
.sidebar select[name="keyin"] {
  font-size: 16px;
  color: #333;
  background-color: #fdfdfd;
  padding: 8px;
  width: auto;
  min-width: 190px;
  max-width: 220px;
  border: 1px solid #bbb;
  border-radius: 6px;
  margin-bottom: 10px;
  box-sizing: border-box;
}

/* CATEGORY LINKS — adjusted for same left edge as title */
.sidebar a {
  text-decoration: none;
  font-size: 17px;
  font-family: Arial, sans-serif;
  color: #676863;
  display: block;
  margin: 5px 0;
  padding-left: 10px;      /* text starts at same left edge as title */
  position: relative;
  font-weight: normal;
}

/* Adjust arrow position */
.sidebar a::before {
  content: ">";
  position: absolute;
  left: -8px;                 /* align with “Search by Size” text */
  color: #676863;
  font-weight: normal;
}

/* Hover bold only (no underline) */
.sidebar a:hover {
  color: #676863;
  font-weight: bold;
  text-decoration: none;
}
    body {
	margin: 0;
	font-family: Arial, sans-serif;
	background-color: rgba(255,255,255,1);
    }

    .container {
      max-width: 1600px;
      margin: 0 auto;
      padding: 10px;
    }

 .top-block-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap; /* for responsiveness */
  padding: 10px 20px;
  max-width: 1600px;
  margin: 0 auto;
}

.top-left img {
  width: 100%;
  max-width: 340px;
  height: auto;
  display: block;
}

/* Mobile logo scaling */
@media (max-width: 768px) {
  .top-left img {
    max-width: 260px; /* smaller logo on mobile */
  }
}


.top-right {
  text-align: right;
  flex: 1;
  min-width: 250px;
  font-size: 16px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #66645d;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 55px; /* ⬅️ adjust this value to move it down */
}

.top-right a {
  text-decoration: none;
  color: #66645D;
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  margin: 0px;
  line-height:0.5;
}


.top-right a:hover {
  font-weight: bold;
}

/* Optional: Stack vertically on smaller screens */
@media (max-width: 768px) {
  .top-block-flex {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    text-align: left;
  }
 
}
	/* ================= MOBILE HEADER FIX ================= */
@media (max-width: 768px) {

  /* remove big desktop spacing */
  .top-right {
    margin-top: 0 !important;
    align-items: flex-start;
  }

  /* prevent logo from forcing large space */
  .top-left {
    min-width: auto !important;
  }

  /* reduce top block spacing */
  .top-blocks {
    margin-bottom: 5px !important;
  }

  /* tighten slider spacing */
  .top-block {
    margin: 0 !important;
    padding: 0 !important;
  }
}


/* ===== TOP BLOCK 2 SLIDER — FINAL FIX ===== */
.top2-slider {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
}

.top2-track {
  display: flex;
  transition: transform 3.0s cubic-bezier(0.4, 0.0, 0.2, 1);
}


/* EACH SLIDE = FULL VIEWPORT WIDTH */
.top2-track img {
  width: 100%;
  flex: 0 0 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* height control only */
.top2-slider {
  max-height: 420px;
}

@media (max-width: 900px) {
  .top2-slider {
    max-height: 300px;
  }
}

@media (max-width: 600px) {
  .top2-slider {
    max-height: 220px;
  }
}


    .main-layout {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 0; /* or try -10px for upward pull */
}

/* Sidebar is narrower, flexible on all screen sizes */
.sidebar {
  flex: 0 0 250px; /* fixed base width, but responsive */
  background-color: #eee;
  padding: 15px;
  box-sizing: border-box;
}

/* Main content takes remaining space */
.content-area {
  flex: 1;
  background-color: #FFFFFF;
  padding: 15px;
  box-sizing: border-box;
}

/* Responsive scaling */
@media (max-width: 450px) {
  .main-layout {
    flex-direction: column;
  }
  .sidebar {
    flex: 1 1 100%;
    width: 100%;
  }
}

/* Item Number search row — compact */
.item-search-row {
  display: flex;
  align-items: center;
  gap: 6px;
  width: auto;              /* ⬅️ STOP full-width stretching */
}

/* Input field — fixed, compact */
.item-search-input {
  width: 125px;             /* ⬅️ just enough for item # */
  flex: none;               /* ⬅️ VERY IMPORTANT */
  font-size: 14px;
  padding: 6px 8px;
 border-radius: 6px;
}

/* Search button — compact */
.item-search-btn {
  width: 65px;              /* ⬅️ fits “Search” */
  padding: 6px;
  font-size: 14px;
  border-radius: 6px;
}


/* Hover effect */
.item-search-btn:hover {
  background-color: #990000;
  color: #ffffff;
  border-color: #990000;
}


    .bottom-block {
      height: 80px;
      background-color: #ccc;
      margin-top: 30px;
      text-align: center;
      line-height: 80px;
      font-weight: bold;
    }

    @media (max-width: 900px) {
      .top-blocks {
        flex-direction: column;
      }
      .main-layout {
        flex-direction: column;
      }
      .sidebar {
        width: 100%;
      }
    }
	  .sidebar form {
  margin-bottom: 12px;
}

	  /* ===== Pagination Styling ===== */
/* ===== Pagination (square, smooth, red hover & active) ===== */
.pagination {
  margin: 30px 0;
  text-align: center;
}

.pagination a.page-link,
.pagination span.current {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 0 4px;
  border: 1px solid #ccc;
  border-radius: 4px;          /* smooth square */
  background: #fff;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
}

/* hover → red outline */
.pagination a.page-link:hover {
  border-color: #990000;
  color: #990000;
}

/* active page → solid red */
.pagination span.current {
  background: #990000;
  border-color: #990000;
  color: #fff;
  font-weight: bold;
  cursor: default;
}

	  

/* ===== Product Grid (4 items per row) ===== */
.product-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);  /* EXACTLY 4 */
  gap: 24px;
	width: 100%;
}

/* Tablet */
@media (max-width: 1100px) {
  .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Mobile */
@media (max-width: 700px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Small mobile */
@media (max-width: 420px) {
  .product-grid {
    grid-template-columns: 1fr;
  }
}

 .product-item {
  display: flex;
  flex-direction: column;
  align-items: center;   /* ⬅️ image + text move together */
  text-align: center;    /* ⬅️ text centered under image */
}

.product-item img {
  
  display: block;
  flex-direction: column;
  align-items: center;     /* ⬅️ centers image & text */
 
  height: 200px;
  object-fit: contain;
  border: none;          /* ⬅️ NO OUTLINE */
  outline: none;
  background: transparent;
  display: block;
  margin: 0 auto; 
}
.product-item img:hover {
  transform: scale(1.03);
  transition: transform 0.3s ease;
}
	  /* ===============================
   SHARED FOOTER (MATCHES SEARCHRESULT)
   =============================== */

.footer-wrapper {
  background-color: #F0F0ED;
  padding: 40px 0 20px;
  border-top: 1px solid #D0D0CC;

  max-width: 1600px;
  width: 100%;
  margin: 40px auto 0 auto; /* ⬅️ SAME GAP FROM CONTENT */
  display: flex;
  justify-content: center;
}

.footer-container {
  width: 1100px;
  max-width: 94%;
}

.footer-columns {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

.footer-title {
  font-size: 18px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  font-style: italic;
  color: #5D5D56;
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-logo {
  width: 80px;
  height: 80px;
  object-fit: contain;
  display: block;
}

.footer-text,
.footer-column a {
  font-size: 16px;
  color: #676863;
  line-height: 1.6;
  text-decoration: none;
  display: block;
  margin: 1px 0;
}

.footer-column a:hover {
  font-weight: bold;
}

.footer-line {
  border-top: 1px solid #D0D0CC;
  width: 1100px;
  margin: 30px auto 15px;
}

.footer-bottom {
  width: 1100px;
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  color: #5D5D56;
}

.footer-bottom a {
  color: #5D5D56;
  text-decoration: none;
  margin: 0 10px;
}

.footer-bottom a:hover {
  font-weight: bold;
}

/* FOOTER RESPONSIVE */
@media (max-width: 1200px) {
  .footer-container,
  .footer-columns,
  .footer-line,
  .footer-bottom {
    width: 94%;
  }
}

@media (max-width: 768px) {
  .footer-columns {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-column {
    width: 100%;
  }

  .footer-line,
  .footer-bottom {
    width: 90%;
  }
}

  </style>
	

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@graph": [

    {
      "@type": "CollectionPage",
      "@id": "https://www.morgancontainer.com/pages/group-collection.html#collection",
      "url": "https://www.morgancontainer.com/pages/group-collection.html",
      "name": "Group Collection | Morgan Container",
      "isPartOf": {
        "@type": "WebSite",
        "@id": "https://www.morgancontainer.com/#website"
      }
    },

    {
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://www.morgancontainer.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Products",
          "item": "https://www.morgancontainer.com/productsface.html"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Group Collection",
          "item": "https://www.morgancontainer.com/pages/group-collection.html"
        }
      ]
    },

    {
      "@type": "ItemList",
      "numberOfItems": 12,
      "itemListOrder": "https://schema.org/ItemListOrderAscending",
      "itemListElement": [



        {
          "@type": "ListItem",
          "position": 1,
          "url": "https://www.morgancontainer.com/pages/p-VenusCollection.html",
          "name": "Luxury Venus Acrylic Family with Bottle and Jar"
        }

,

        {
          "@type": "ListItem",
          "position": 2,
          "url": "https://www.morgancontainer.com/pages/p-VenetianCollection.html",
          "name": "Luxury Venetian Acrylic Bottle and Jar"
        }

,

        {
          "@type": "ListItem",
          "position": 3,
          "url": "https://www.morgancontainer.com/pages/p-SquareACollection.html",
          "name": "Luxury Square A Acrylic Family"
        }

,

        {
          "@type": "ListItem",
          "position": 4,
          "url": "https://www.morgancontainer.com/pages/p-SpecialtyAirlessBottles.html",
          "name": "Specialty Airless Bottle"
        }

,

        {
          "@type": "ListItem",
          "position": 5,
          "url": "https://www.morgancontainer.com/pages/p-SilverCombiCollection.html",
          "name": "Luxury Acrylic Silver Combination"
        }

,

        {
          "@type": "ListItem",
          "position": 6,
          "url": "https://www.morgancontainer.com/pages/p-PolygonCollection.html",
          "name": "Luxury Polygon Acrylic Family"
        }

,

        {
          "@type": "ListItem",
          "position": 7,
          "url": "https://www.morgancontainer.com/pages/p-LavenderCollection.html",
          "name": "Luxury Lavendor Acrylic Family"
        }

,

        {
          "@type": "ListItem",
          "position": 8,
          "url": "https://www.morgancontainer.com/pages/p-KentoCollection.html",
          "name": "Luxury Kento Acrylic Family"
        }

,

        {
          "@type": "ListItem",
          "position": 9,
          "url": "https://www.morgancontainer.com/pages/p-IrisCollection.html",
          "name": "Luxury Iris Acrylic Family"
        }

,

        {
          "@type": "ListItem",
          "position": 10,
          "url": "https://www.morgancontainer.com/pages/p-IceCubeCollection.html",
          "name": "Luxury Ice Cube, Thick Walled Acrylic Bottle and Jar"
        }

,

        {
          "@type": "ListItem",
          "position": 11,
          "url": "https://www.morgancontainer.com/pages/p-Crystal1Collection.html",
          "name": "Luxury Crystal 1 Acrylic Bottle and Jar"
        }

,

        {
          "@type": "ListItem",
          "position": 12,
          "url": "https://www.morgancontainer.com/pages/p-AiralAirlessBottlesandScillaJars.html",
          "name": "Arial PP Airless Bottle and Scilla Acrylic Jar"
        }



      ]
    }

  ]
}
</script>



	
  <link rel="canonical" href="https://www.morgancontainer.com/pages/group-collection.html">
  <meta name="description" content="Cosmetic packaging set manufacturer - coordinated matching bottles & jars for full skincare product lines. Private label, direct manufacturer pricing. Morgan Container.">
</head>
<body>

  <div class="container">

    <!-- Top 3 Blocks -->
<div class="top-blocks">
  <!-- Top Block 1 - normal single image -->
  <div class="top-block">
    <div class="top-block-flex">
  <!-- Left: Clickable Image -->
  <div class="top-left">
    <a href="../about.html" target="_blank">
      <img src="../image/index/Top.jpg" alt="Company Logo">
    </a>
  </div>

  <!-- Right: Phone + Email -->
  <div class="top-right">
    <a href="tel:+16265790835">Call: 626-579-0835</a><br>
    <a href="mailto:Sales@MorganContainer.com">Email: Sales@MorganContainer.com</a>
  </div>
</div>
</div>
  <!-- Top Block 2 - slider with 3 images -->
  <div class="top-block">
    <div class="top2-slider">
      <div class="top2-track">
        <img src="../image/index/Top2.jpg" alt="Top 2 - 1">
        <img src="../image/index/Top2_2.jpg" alt="Top 2 - 2">
        <img src="../image/index/Top2_3.jpg" alt="Top 2 - 3">
      </div>
    </div>
  </div>

  <!-- Top Block 3 - normal single image -->


<!-- Responsive Top Navigation Bar (fixed and working) -->
<nav class="top-nav">
  <ul class="top-nav-list">
    <li><a href="../about.html">ABOUT US</a></li>
    <li><a href="../Productsface.html">PRODUCTS</a></li>
    <li><a href="../service.html">SERVICES</a></li>
    <li><a href="../technology.html">TECHNOLOGIES</a></li>
<li><a href="../facilitytour.html">FACILITY TOUR</a></li>
    <li><a href="../contact.html">CONTACTS</a></li>
	  <li><a href="../jproductsface.html">日本語 Japanese</a></li>
  </ul>
</nav>

</div>


    <!-- Main Layout: Sidebar + Content -->
<div class="main-layout">

  <!-- Sidebar Block -->
  <div class="sidebar">

    <!-- ⭐ Filter by Size -->
    <h3 class=search-size-title>Search by Size</h3>
    <form method="get" action="SearchResult.asp">
  <select name="keyin" onchange="this.form.submit();">
    <option value="">-- Select Volume Range --</option>
     <option value="1-14"  >1ml~14ml / Under 0.5oz</option>
    <option value="15-28" >15ml~28ml / 0.5oz~0.9oz</option>
    <option value="29-42" >29ml~42ml / 1oz~1.4oz</option>
    <option value="43-56" >43ml~56ml / 1.5oz~1.9oz</option>
    <option value="57-70" >57ml~70ml / 2oz~2.4oz</option>
    <option value="71-84" >71ml~84ml / 2.5oz~2.9oz</option>
    <option value="85-100" >85ml~100ml / 3oz~3.4oz</option>
    <option value="101-150" >101ml~150ml / 3.5oz~5oz</option>
    <option value="151-250" >151ml~250ml / 5oz~8.3oz</option>
    <option value="251-300" >251ml~300ml / 8.4oz~10oz</option>
    <option value="301-800" >Above 301ml / Above 10oz</option>
  </select>
</form>
	
<h3 class="search-size-title">Search by Item Number</h3>

<form method="get" action="ProductsList.asp">

  <!-- keep category -->
  <input type="hidden" name="CatagoryOrder" value="10">

  <!-- keep size -->
  

  <div class="item-search-row">
    <input type="text"
           name="itemsearch"
           value=""
           placeholder="Enter Item Number"
           class="item-search-input">

    <button type="submit" class="item-search-btn">Search</button>
  </div>

</form>

	

    <hr>

    <!-- ⭐ Category List -->
    <h3 class=search-style-title>Search by Style</h3>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=13">
                  Featured Items
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=4">
                  Airless Bottles / Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=3">
                  Acrylic Bottles / Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=10">
                  Group Collection
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=5">
                  Glass / Porcelain Bottles / Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=6">
                  Aluminum Bottles / Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=7">
                  All Bottles
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=2">
                  All Jars
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=9">
                  Dropper Bottles
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=8">
                  PET/PETG/PE/PP General
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=12">
                  Makeup Cosmetic Packaging
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
      <table width="90%" border="0" align="center" cellpadding="0" cellspacing="2">
        <tr align="left" valign="middle">
           <td width="90%" class="title1">
            <font color="#990000" size="2" face="Geneva, Arial, Helvetica, sans-serif">
              <strong>
                <a href="ProductsList.asp?CatagoryOrder=1">
                  Specialty / Dispensers / Others
                </a>
              </strong>
            </font>
          </td>
        </tr>
      </table>
    
  </div>

  <!-- Main Content Block -->
  <div class="content-area">
    <!-- ✅ Insert your existing product grid and pagination HTML here -->

    <!-- Start of product grid -->
    <div>
      
        <div class="section-title">Group Collection Section</div>
        <div class="record-info">
          <div>1 to 12 of total 12</div>
			  
        <div class="pagination">

      <span class="current">1</span>
    
</div>


				
        </div>
      

      <div class="product-grid">
        
          <div class="product-item">
            <a href="/pages/p-VenusCollection.html">
              <img src="../photo1/Venus.jpg" alt="Product">
            </a>
			<div><strong>Luxury Venus Acrylic Family with Bottle and Jar</strong></div>
            <div>Item Number: VenusCollection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-VenetianCollection.html">
              <img src="../photo1/09160917.jpg" alt="Product">
            </a>
			<div><strong>Luxury Venetian Acrylic Bottle and Jar</strong></div>
            <div>Item Number: VenetianCollection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-SquareACollection.html">
              <img src="../photo1/squareA.jpg" alt="Product">
            </a>
			<div><strong>Luxury Square A Acrylic Family</strong></div>
            <div>Item Number: SquareACollection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-SpecialtyAirlessBottles.html">
              <img src="../photo1/specialtyAir.jpg" alt="Product">
            </a>
			<div><strong>Specialty Airless Bottle</strong></div>
            <div>Item Number: SpecialtyAirlessBottles</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-SilverCombiCollection.html">
              <img src="../photo1/silverCombi.jpg" alt="Product">
            </a>
			<div><strong>Luxury Acrylic Silver Combination</strong></div>
            <div>Item Number: SilverCombiCollection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-PolygonCollection.html">
              <img src="../photo1/73027303.jpg" alt="Product">
            </a>
			<div><strong>Luxury Polygon Acrylic Family</strong></div>
            <div>Item Number: PolygonCollection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-LavenderCollection.html">
              <img src="../photo1/lavender.jpg" alt="Product">
            </a>
			<div><strong>Luxury Lavendor Acrylic Family</strong></div>
            <div>Item Number: LavenderCollection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-KentoCollection.html">
              <img src="../photo1/kento.jpg" alt="Product">
            </a>
			<div><strong>Luxury Kento Acrylic Family</strong></div>
            <div>Item Number: KentoCollection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> 0ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-IrisCollection.html">
              <img src="../photo1/iris.jpg" alt="Product">
            </a>
			<div><strong>Luxury Iris Acrylic Family</strong></div>
            <div>Item Number: IrisCollection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-IceCubeCollection.html">
              <img src="../photo1/11081109.jpg" alt="Product">
            </a>
			<div><strong>Luxury Ice Cube, Thick Walled Acrylic Bottle and Jar</strong></div>
            <div>Item Number: IceCubeCollection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-Crystal1Collection.html">
              <img src="../photo1/09180919.jpg" alt="Product">
            </a>
			<div><strong>Luxury Crystal 1 Acrylic Bottle and Jar</strong></div>
            <div>Item Number: Crystal1Collection</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
          <div class="product-item">
            <a href="/pages/p-AiralAirlessBottlesandScillaJars.html">
              <img src="../photo1/14081101.jpg" alt="Product">
            </a>
			<div><strong>Arial PP Airless Bottle and Scilla Acrylic Jar</strong></div>
            <div>Item Number: AiralAirlessBottlesandScillaJars</div>
            <div>Volume:<strong>oz</strong><strong> /</strong><strong> ml</strong></div>
          </div>
          
      </div>

      
		  <!-- ✅ BOTTOM PAGINATION (inside content area) -->

  <div class="record-info">
    <div>1 to 12 of total 12</div>
	  
   <div class="pagination">

      <span class="current">1</span>
    
</div>


  </div>


    </div>
  </div>
</div>

<!-- ===============================
     CLEAN FOOTER (MATCH SEARCHRESULT)
     =============================== -->

<div class="footer-wrapper">
  <footer class="footer-container">

    <div class="footer-columns">

      <!-- Column 1 -->
      <div class="footer-column">
        <div class="footer-title">
          <img src="../image/logo/LogoBottom.png" class="footer-logo" alt="Morgan Container Logo">
          <span>Morgan Container Corps</span>
        </div>

        <div class="footer-text">
          <a href="https://www.google.com/maps?q=9800+Rush+Street+Suite+F+South+El+Monte" target="_blank">
            9800 Rush Street, Suite F<br>
            South El Monte, CA 91733<br>
            (Click to Google Map)
          </a>
          <br>
          <a href="tel:+16265790835">
            Call: 626-579-0835<br>
            (Click to Call)
          </a>
          <br>
          <a href="mailto:Sales@MorganContainer.com">
            Email: Sales@MorganContainer.com<br>
            (Click to Email)
          </a>
        </div>
      </div>

      <!-- Column 2 -->
      <div class="footer-column">
        <div class="footer-title">Products List</div>

        <a href="../pages/Productslist.asp?CatagoryOrder=13">Featured Items</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=4">Airless Bottles / Jars</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=3">Acrylic Bottles / Jars</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=10">Group Collection</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=5">Glass / Ceramic Containers</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=6">Aluminum Containers</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=7">All Bottles</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=2">All Jars</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=9">Dropper Bottles</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=12">Make Up Glitter / Lip Gloss</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=8">General Plastic PET/PE/PP</a>
        <a href="../pages/Productslist.asp?CatagoryOrder=1">Specialty / Dispenser</a>
      </div>

      <!-- Column 3 -->
      <div class="footer-column">
        <div class="footer-title">Links</div>
        <a href="../about.html">About Us</a>
        <a href="../productsface.html">Products</a>
        <a href="../service.html">Services</a>
        <a href="../technology.html">Technologies</a>
        <a href="../facilitytour.html">Facility Tour</a>
        <a href="../contact.html">Contacts</a>
      </div>

    </div>

    <div style="width:1100px;max-width:94%;margin:0 auto;padding-top:20px;font-family:Arial, sans-serif;color:#676863;line-height:1.6;text-align:left;"><div style="font-size:16px;color:#5D5D56;font-style:italic;font-weight:bold;margin:0 0 8px;">Matching Cosmetic Packaging Sets - Manufacturer Direct Group Collections</div><p style="font-size:14px;margin:0 0 10px;">Morgan Container manufactures coordinated cosmetic packaging sets where bottles and jars are designed to look cohesive together across a full product line - available at direct manufacturer pricing. Brands launching multi-step skincare systems such as cleanser, toner, serum, moisturizer, and eye cream need packaging that reads as a unified brand family on the retail shelf. Buying matched cosmetic packaging sets direct from the manufacturer lets your brand coordinate sizes, finishes, and cap styles across multiple SKUs without the complexity of sourcing from multiple distributors. Available in acrylic, glass, aluminum, and specialty plastic formats.</p><p style="font-size:14px;margin:0 0 10px;">All group collection sets are available manufacturer-direct with full private label decoration including custom coloring, silk-screen printing, hot stamping, and branded caps. Ideal for skincare brand launches, product line expansions, and private label cosmetic programs. <a href="/contact.html">Contact our team</a> to build your matching packaging set.</p></div>
<div class="footer-line"></div>

    <div class="footer-bottom">
      All Rights © Morgan Container Corps.
      |
      <a href="../compatibility.html">Compatibility Policy</a>
      |
      <a href="../term.html">Terms &amp; Conditions</a>
    </div>

  </footer>
</div>
		  
<script>
(function () {
  const track = document.querySelector('.top2-track');
  if (!track) return;

  const slides = track.querySelectorAll('img');
  const total = slides.length;
  if (total <= 1) return;

  let index = 0;
  const slideDuration = 7000; // 7 seconds per slide
  const transitionTime = '3.0s cubic-bezier(0.4, 0.0, 0.2, 1)';

  setInterval(() => {

    // NORMAL forward slide
    if (index < total - 1) {
      index++;
      track.style.transition = 'transform ' + transitionTime;
      track.style.transform = 'translateX(-' + (index * 100) + '%)';
      return;
    }

    // LAST SLIDE → jump to first (NO animation)
    track.style.transition = 'none';
    track.style.transform = 'translateX(0%)';
    index = 0;

    // force repaint so browser commits the jump
    track.offsetHeight;

    // IMPORTANT: do NOTHING else this cycle
    // slide 1 will now stay full duration
  }, slideDuration);
})();
</script>



		  </body>
		  </html>