Agathis Studios

Size Chart HTML:

<h1 id="toggle" style="font-size: 100%;">Size Chart &#x2B9F;</h1>
<table id="sizeChart" width="100%" cellspacing="0" cellpadding="10" border="0" class="sizeChart" style="display: none;">
  <thead>
    <tr>
      <td style="font-size: 75%;">General Size (In)</td>
      <td style="font-size: 75%;">Body</td>
      <td style="font-size: 75%;">Chest</td>
      <td style="font-size: 75%;">Sleeve</td>
      <td style="font-size: 75%;">Shoulder</td>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>L</td>
      <td>40</td>
      <td>50</td>
      <td>50</td>
      <td>40</td>
    </tr>
  </tbody>
</table>

<script>
  // Get the header and table elements
  const header = document.getElementById('toggle');
  const table = document.getElementById('sizeChart');

  // Add a click event listener to the header
  header.addEventListener('click', () => {
    // Toggle the table's display property
    if (table.style.display === 'none') {
      table.style.display = 'table';
      header.innerHTML = 'Size Chart &#11165;'; // Update the arrow
    } else {
      table.style.display = 'none';
      header.innerHTML = 'Size Chart &#x2B9F;'; // Revert the arrow
    }
  });
</script>


-----------------------

GLOBAL CSS:

/* Browse all*/
.section-template--16178977374270__custom_liquid_hyKnpi-padding {
  background-color: #202023;
} /* Contact Page */
main#MainContent {
  background-color: #202023;
}
@media screen and (min-width: 750px) {
  .section-template--16204622495806__custom_liquid_47XNtf-padding {
    padding-left: 30%;
    padding-right: 30%;
  }
}
.section-template--16204622495806__custom_liquid_47XNtf-padding {
  margin-bottom: -100px;
}
.storyimages img {
  max-width: 100%;
  height: auto;
  flex: 1 1 auto;
}
.storyimages {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .storyimages {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.section-template--16204622495806__custom_liquid_We9XDL-padding {
  background-color: #111729;
}
.sizechart body {
  text-align: center;
  padding: 100px 10% 0;
  font-family: "Source Sans Pro", sans-serif;
}
thead tr {
  background: #0f0f0f;
  color: #fff;
}
tr td {
  border-bottom: 1px solid #eee;
}
@media screen and (max-width: 480px) {
  .story {
    padding: 15px;
  }
}
@media screen and (max-width: 480px) {
  .story img {
    max-width: 350px;
  }
}

h2.banner__heading.inline-richtext.h1 {
	text-shadow: 4px 1px 3px #000000;
}

.banner__text.rte {
	text-shadow: 4px 1px 3px #000000;
}

img.storyimages {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

h1 {
    color: white;
}

-----------------------


Browse All:

Liquid Code:

<a href="https://agathiststudios.com/collections/frontpage"><h2 class="latest1">Browse all</h2>
</a>

Custom CSS:

h2 {
  text-align: center;
  font-size: 100% !important;
  color: #ffffff !important;
  background-color: #202023;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  text-decoration: none !important;
}

-----------------------


THE STORY:
--
Heading:

Liquid Code:

<h2>The Story</h2>

Custom CSS:

h2 {
  text-align: center;
  font-size: 300% !important;
  color: #ffffff !important;
  background-color: #202023;
  text-decoration: none !important;
}
--
Body Text:

Custom Liquid:

<div class="story">
<h3>About</h3>
<p>
At Agathist Studios, we celebrate individuality and timeless luxury. At the heart of Agathist lies a commitment to excellence and artistry, driven entirely by the dedication of its founder, a fourth-generation creator from a family deeply rooted in the fashion industry. Agathist Studios garments are meticulously crafted in-house within our dedicated studio space. Every piece is sewn by hand by our founder, who personally oversees every step of the process. From pattern making to sewing, washing, and specialized garment treatments, the studio is where raw materials are transformed into singular works of art. This intimate, hands-on approach ensures each garment reflects unparalleled attention to detail and quality, offering a level of individuality that sets it apart from the mass-produced norms of the fashion world.</p>
<h3>Tags</h3>
<p>Agathist-tagged garments, represent the production-made side of the brand, maintaining the same dedication to design integrity while allowing a broader audience to experience the Agathist vision. Luxury at Agathist is not defined by scale but by the meticulous attention given to every garment. Keeping Agathist Studios creations strictly in-house ensures that each piece tells a story of craftsmanship and personal dedication, making it an exclusive, timeless addition to any wardrobe.</p>
<p>Agathist is more than a brand; it is a legacy. It embodies four generations of fashion expertise combined with a contemporary vision for the future. For those who value authenticity, precision, and the art of creation, Agathist offers not just clothing but a connection to the enduring beauty of handcraftsmanship</p>
<img src="img.jpg" alt="Img1" width="500" height="600">
<h3>A Message from the Designer</h3>
<p> Agathist Studios is more than just a workspace to me, it’s the heart and soul of everything I create. When I first started, my studio was my home. With a single industrial machine, I began crafting pieces that reflected my passion for sewing and my dedication to the art of garment making. Over time, as my skills and ambitions grew, so did the studio. I moved into a small office, working with just a couple of machines, pouring my heart into every stitch.</p>
<p>Today, Agathist Studios has evolved into a space I’m incredibly proud of. I’ve filled it with plenty of machines, each carefully chosen to support the artistry and precision that define my work. I’ve also begun learning to do washes myself at a wash house, diving even deeper into the craft to ensure every garment carries the mark of intentional, hands-on care.</p>
<p>Fashion Design has always been my greatest love, it’s where I find joy, creativity, and purpose. My studio is my sanctuary, a place where fabric transforms into something extraordinary, where every detail is considered, and where I can fully express my vision.</p>
<p>Agathist Studios is for those who value the artistry and dedication that goes into truly handcrafted pieces. Thank you for being part of this journey and for sharing in the love and care that define every garment created here.
</p>
<img src="img.jpg" alt="Img2" width="500" height="600">
</div>


Custom CSS:

h3 {
  font-weight: bold;
  text-decoration: underline;
  color: #111729;
}
---
-----------------------

CONTACT PAGE

Heading:

Custom Liquid:

<h2>Contact</h2>

Custom CSS:

h2 {
  text-align: center;
  font-size: 300% !important;
  color: #ffffff !important;
  background-color: #202023;
  text-decoration: none !important;
}