<turbo-stream action="append" target="search-results"><template><div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Knitting Course for Beginners" href="/classes/1046325-knitting-course-for-beginners"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Knitting Course for Beginners" src="https://wtm-assets-2.imgix.net/uploads/images/url/2025-09-09-7a48c95bdc994353a72f6b3645f4da3c?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=87b8a2494ac74953b0808fa66e79f79b" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Knitting Course for Beginners" href="/classes/1046325-knitting-course-for-beginners">Knitting Course for Beginners</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Sydney Community College" href="/profile/sydneycommunitycollege">Sydney Community College</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$189.00</div>
<div class="flex gap-8 items-center">

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Thu, 30 Apr  6:00PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">2h 30m</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Rozelle, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Guitar Lessons for Beginners" href="/classes/1046143-guitar-lessons-for-beginners"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Guitar Lessons for Beginners" src="https://wtm-assets-1.imgix.net/uploads/images/url/2025-08-28-5e977718b1bb4ed6adcf6bda7f8ec80e?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=513c92a5648a68458d82d11faa25e7f7" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Guitar Lessons for Beginners" href="/classes/1046143-guitar-lessons-for-beginners">Guitar Lessons for Beginners</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Sydney Community College" href="/profile/sydneycommunitycollege">Sydney Community College</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$399.00</div>
<div class="flex gap-8 items-center">

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Mon, 04 May  6:00PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">1h 30m</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Rozelle, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Clay by Hand – Pottery Hand-building Course" href="/classes/1046590-clay-by-hand-pottery-hand-building-course"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Clay by Hand – Pottery Hand-building Course" src="https://wtm-assets-2.imgix.net/uploads/images/url/2025-11-16-02-5d2119a0-a4bf-013e-047f-063bd7b5133d.jpg?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=dac81de2181bc0085507198230275d78" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Clay by Hand – Pottery Hand-building Course" href="/classes/1046590-clay-by-hand-pottery-hand-building-course">Clay by Hand – Pottery Hand-building Course</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="The Northern Pottery" href="/profile/tnp">The Northern Pottery</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">from $565.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">5.0</span>
<span>(2)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Wed, 06 May  6:30PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">2h x 8 wks</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Hornsby, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Sentimental Stitching Quilt Workshop" href="/classes/1046864-sentimental-stitching-quilt-workshop"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Sentimental Stitching Quilt Workshop" src="https://wtm-assets-1.imgix.net/uploads/images/url/2026-01-21-23-33825840-d94c-013e-a358-063bd7b5133d.jpg?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=95782ee51806764c3bc38db5243e4db3" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Sentimental Stitching Quilt Workshop" href="/classes/1046864-sentimental-stitching-quilt-workshop">Sentimental Stitching Quilt Workshop</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Sydney Community College" href="/profile/sydneycommunitycollege">Sydney Community College</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$169.00</div>
<div class="flex gap-8 items-center">

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Thu, 07 May  9:30AM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">6h</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Rozelle, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Textile Collage &amp; Slow Stitch" href="/classes/1046213-textile-collage-and-slow-stitch"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Textile Collage &amp; Slow Stitch" src="https://wtm-assets-1.imgix.net/uploads/images/url/2025-08-29-ac8e61c9fe884ccd9fd82237e50e735e?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=969767bd979823cc9cb4ccfc1bab0bdc" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Textile Collage &amp; Slow Stitch" href="/classes/1046213-textile-collage-and-slow-stitch">Textile Collage &amp; Slow Stitch</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Sydney Community College" href="/profile/sydneycommunitycollege">Sydney Community College</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$219.00</div>
<div class="flex gap-8 items-center">

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Sat, 09 May 10:00AM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">3h</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Rozelle, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Wax Carving for Gemstones" href="/classes/1045289-wax-carving-for-gemstones"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Wax Carving for Gemstones" src="https://wtm-assets-1.imgix.net/uploads/images/url/2024-05-13-07-f241b1d0-f327-013c-5098-063bd7b5133d.jpg?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=14b265516bbb0fe1a97eb915346e202e" />
<div class="white-layout"></div>
<span class="text-xs uppercase bg-black/50 text-white py-4 px-6 absolute top-8 left-8 font-bold rounded-sm">Sold Out</span>
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Wax Carving for Gemstones" href="/classes/1045289-wax-carving-for-gemstones">Wax Carving for Gemstones</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="The Bench Jewellery School &amp; Workshop" href="/profile/thebench">The Bench Jewellery School &amp; Workshop</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$665.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">5.0</span>
<span>(5)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Mon, 11 May  6:30PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">2h 30m x 8 wks</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Zetland, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Micro Adventure – Port Stephens" href="/classes/1046859-micro-adventure-port-stephens"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Micro Adventure – Port Stephens" src="https://wtm-assets-2.imgix.net/uploads/images/url/2026-01-21-32571dcca8094310b2f4777b24d6d6d2screenshot20230706112156png?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=df13fa80588fd9a36a6278b5a07ba0e5" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Micro Adventure – Port Stephens" href="/classes/1046859-micro-adventure-port-stephens">Micro Adventure – Port Stephens</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Alfonso&#39;s Calero Photography" href="/profile/alfonsoc">Alfonso&#39;s Calero Photography</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">from $999.00</div>
<div class="flex gap-8 items-center">

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Tue, 12 May  2:00PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">

<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Anna Bay, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Learn to Make Jewellery" href="/classes/1035190-learn-to-make-jewellery"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Learn to Make Jewellery" src="https://wtm-assets-2.imgix.net/uploads/images/url/2022-01-06-11-735ba600-5113-013a-6614-063bd7b5133d.jpg?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=40113e0722d2f5898e2f4c6fc07eae9c" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Learn to Make Jewellery" href="/classes/1035190-learn-to-make-jewellery">Learn to Make Jewellery</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="The Bench Jewellery School &amp; Workshop" href="/profile/thebench">The Bench Jewellery School &amp; Workshop</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$595.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">4.9</span>
<span>(88)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Wed, 13 May  6:30PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">2h 30m x 8 wks</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Runs Regularly</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Zetland, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Jewellery Soldering Intensive" href="/classes/1040976-jewellery-soldering-intensive"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Jewellery Soldering Intensive" src="https://wtm-assets-2.imgix.net/uploads/images/url/2022-03-21-10-56e59230-8b2c-013a-5326-063bd7b5133d.jpg?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=922c3938a3a6b153e3ec76e46223475d" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Jewellery Soldering Intensive" href="/classes/1040976-jewellery-soldering-intensive">Jewellery Soldering Intensive</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="The Bench Jewellery School &amp; Workshop" href="/profile/thebench">The Bench Jewellery School &amp; Workshop</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$695.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">4.9</span>
<span>(11)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Thu, 14 May  6:00PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">3h x 8 wks</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Runs Regularly</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Zetland, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Plants, Pots &amp; Container Gardening" href="/classes/1046166-plants-pots-and-container-gardening"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Plants, Pots &amp; Container Gardening" src="https://wtm-assets-2.imgix.net/uploads/images/url/2025-08-29-4ffd78cc2f594669b1d838adb6cb69a7?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=184bf85b96265bc71ffd07818f2e33bb" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Plants, Pots &amp; Container Gardening" href="/classes/1046166-plants-pots-and-container-gardening">Plants, Pots &amp; Container Gardening</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Sydney Community College" href="/profile/sydneycommunitycollege">Sydney Community College</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$99.00</div>
<div class="flex gap-8 items-center">

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Sat, 16 May  8:30AM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">4h</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Runs Regularly</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Rozelle, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Beginners: Sew a Zippered Pouch" href="/classes/1041999-beginners-sew-a-zippered-pouch"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Beginners: Sew a Zippered Pouch" src="https://wtm-assets-2.imgix.net/uploads/images/url/2026-03-31-04-058cfb40-0ee9-013f-93f2-0242ac12000a.png?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=1b5ab44c6043fc055ae529f51b143cac" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Beginners: Sew a Zippered Pouch" href="/classes/1041999-beginners-sew-a-zippered-pouch">Beginners: Sew a Zippered Pouch</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Usefulbox Sewing School" href="/profile/usefulboxsewingschool">Usefulbox Sewing School</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">from $145.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">3.0</span>
<span>(2)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Sat, 16 May 10:00AM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">4h</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Marrickville, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Stretch Essentials - Basic T-Shirt" href="/classes/1041559-stretch-essentials-basic-t-shirt"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Stretch Essentials - Basic T-Shirt" src="https://wtm-assets-2.imgix.net/uploads/images/url/2022-06-27-09-7543aa80-d827-013a-f8c8-063bd7b5133d.png?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=ecf80190ae24fe13bb2cc35b001ea159" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Stretch Essentials - Basic T-Shirt" href="/classes/1041559-stretch-essentials-basic-t-shirt">Stretch Essentials - Basic T-Shirt</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Usefulbox Sewing School" href="/profile/usefulboxsewingschool">Usefulbox Sewing School</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">from $185.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">4.8</span>
<span>(6)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Sun, 17 May  9:30AM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">7h</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Marrickville, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Continuing Jewellery Making - Evening Course" href="/classes/1013843-continuing-jewellery-making-evening-course"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Continuing Jewellery Making - Evening Course" src="https://wtm-assets-2.imgix.net/uploads/images/url/2020-11-10-07-584a8b60-0556-0139-86b8-063bd7b5133d.jpg?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=fa630eec22e52a4f5dd58c7f786a64a8" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Continuing Jewellery Making - Evening Course" href="/classes/1013843-continuing-jewellery-making-evening-course">Continuing Jewellery Making - Evening Course</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="SquarePeg Studios" href="/profile/squarepegstudios">SquarePeg Studios</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">from $460.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">5.0</span>
<span>(40)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Mon, 18 May  6:00PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">3h x 7 wks</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Runs Regularly</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Marrickville, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Hair Styling Course: Braiding" href="/classes/1046165-hair-styling-course-braiding"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Hair Styling Course: Braiding" src="https://wtm-assets-2.imgix.net/uploads/images/url/2025-08-29-24b4011a6fcc4173998392e85c127e85?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=b60eb033117dbf8d16a1b0c5c6bf10d8" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Hair Styling Course: Braiding" href="/classes/1046165-hair-styling-course-braiding">Hair Styling Course: Braiding</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Sydney Community College" href="/profile/sydneycommunitycollege">Sydney Community College</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$119.00</div>
<div class="flex gap-8 items-center">

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Mon, 18 May  6:00PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">3h</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Rozelle, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Create til Late – An Individual Approach" href="/classes/1035192-create-til-late-an-individual-approach"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Create til Late – An Individual Approach" src="https://wtm-assets-2.imgix.net/uploads/images/url/2020-02-26-12-d2663410-3ac3-0138-2b83-063bd7b5133d.jpg?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=d6411eaf328cab29c84d40bc998fbe5c" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Create til Late – An Individual Approach" href="/classes/1035192-create-til-late-an-individual-approach">Create til Late – An Individual Approach</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="The Bench Jewellery School &amp; Workshop" href="/profile/thebench">The Bench Jewellery School &amp; Workshop</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$525.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">5.0</span>
<span>(15)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Tue, 19 May  6:00PM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">3h x 7 wks</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Zetland, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Make a Ring in a Day Workshop" href="/classes/1013733-make-a-ring-in-a-day-workshop"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Make a Ring in a Day Workshop" src="https://wtm-assets-1.imgix.net/uploads/images/url/2024-02-28-01-b2d769b0-b808-013c-5383-063bd7b5133d.jpg?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=a486626f071ba79afb9bdec3302e9083" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Make a Ring in a Day Workshop" href="/classes/1013733-make-a-ring-in-a-day-workshop">Make a Ring in a Day Workshop</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="SquarePeg Studios" href="/profile/squarepegstudios">SquarePeg Studios</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">from $215.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">4.9</span>
<span>(123)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Sun, 24 May 10:00AM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">6h</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Runs Regularly</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Marrickville, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Copy it!" href="/classes/1043884-copy-it"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Copy it!" src="https://wtm-assets-2.imgix.net/uploads/images/url/2024-01-04-03-d0a15160-8cdc-013c-7f7a-063bd7b5133d.png?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=c8f91700424d30b5fcbb8ee22427f934" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Copy it!" href="/classes/1043884-copy-it">Copy it!</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="Usefulbox Sewing School" href="/profile/usefulboxsewingschool">Usefulbox Sewing School</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">AU$150.00</div>
<div class="flex gap-8 items-center">
<div class="font-medium flex items-center text-base">
<svg class="fill-text-main w-14 h-14 mr-4"><use xlink:href="#star"></use></svg>
<span class="mr-4">5.0</span>
<span>(36)</span>
</div>

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Fri, 29 May 10:00AM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">4h</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Marrickville, NSW</span></div>
</div>
</div>
</div>

<div class="card-outline">
<a class="block relative image-link" data-turbo="false" title="Stellar – Star Setting Jewellery Workshop" href="/classes/1046559-stellar-star-setting-jewellery-workshop"><img class="w-full aspect-4/3 rounded-t-lg object-cover" loading="lazy" alt="Stellar – Star Setting Jewellery Workshop" src="https://wtm-assets-1.imgix.net/uploads/images/url/2026-02-09-23-72851ea0-e83e-013e-a521-063bd7b5133d.jpg?auto=format%2Ccompress&fit=crop&crop=entropy&q=35&w=512&h=384&s=bc6215ead33ae62f4d0e81fb3e165cfc" />
</a><div class="px-16 py-14 body">
<div class="flex items-center">
<a class="hover:underline truncate text-base md:text-base block w-full font-semibold leading-[1.25]" data-turbo="false" title="Stellar – Star Setting Jewellery Workshop" href="/classes/1046559-stellar-star-setting-jewellery-workshop">Stellar – Star Setting Jewellery Workshop</a>
</div>
<div class="text-xs text-grey-3 mt-4">
by
<a class="underline hover:text-neutral-400" data-turbo="false" title="SquarePeg Studios" href="/profile/squarepegstudios">SquarePeg Studios</a>
</div>
<div class="flex items-center mt-16 justify-between flex-wrap gap-8">
<div class="font-medium text-base">from $575.00</div>
<div class="flex gap-8 items-center">

</div>
</div>
<hr class="my-16 border-grey-2">
<div class="mt-16 lg:mt-0 lg:text-base text-grey-3 text-xs">
<div class="flex items-center flex-wrap">
<div class="mb-8">
<div class="flex items-center "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#calendar"></use></svg><span class="text-sm font-medium">Sat, 30 May 10:00AM (AEST)</span></div>
</div>
</div>
<div class="mb-8 flex items-center flex-wrap gap-y-8 gap-x-16">
<div class="flex items-center  text-grey-3 grey-3"><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#duration"></use></svg><span class="flex-1 text-sm">6h x 4 days</span></div>
<div class="flex items-center">
<svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#loop"></use></svg>
<span class="text-sm lg:text-sm font-medium">Limited Run</span>
</div>
</div>
<div class="flex flex-wrap text-grey-3 "><svg class="w-16 h-16 stroke-grey-3 mr-4"><use xlink:href="#location"></use></svg><span class="flex-1 text-sm lg:text-sm font-medium">Marrickville, NSW</span></div>
</div>
</div>
</div>


</template></turbo-stream><turbo-stream action="replace" target="load_more"><template><turbo-frame id="load_more"><div class="text-center col-span-full" data-controller="htmx infinite-scroll" data-turbo="false" hx-get="/collections/new-year-new-skills-sydney-classes?collection=new-year-new-skills-sydney-classes&amp;format=turbo_stream&amp;page=3" hx-push-url="false" hx-swap="outerHTML" hx-trigger="load-more" id="pagination-loader">
<button class="hidden button px-24 py-12 font-semibold transition-colors" data-action="click-&gt;infinite-scroll#triggerLoad" data-infinite-scroll-target="button">
Load More
</button>
<span class="spinner htmx-indicator w-14 h-14 border-2 border-t-transparent border-current rounded-full inline-block" data-infinite-scroll-target="spinner"></span>
</div>

</turbo-frame></template></turbo-stream>
