Проверка сайта stashbuilderbox.com - высокая готовность 31%

Домен

stashbuilderbox.com
Состояние доменного имени ?
Длина домена велика. Но если вы продвигаете запрос, входящий в название домена, то это хорошо.
Домен второго уровня идеален для продвижения.
Исправить
Ответ сервера

200 Успешный ответ
HTTP-код ответа и цепочка редиректов ?
Кол-во редиректов 4 слишком большое! Проверьте настройки сайта и веб-сервера!
Цепочка редиректов:
http://stashbuilderbox.com 302 Found
http://cottoncuts.com/ 301 MovedPermanently
https://cottoncuts.com/ 301 MovedPermanently
https://www.cottoncuts.com/ 200 OK
Исправить
Безопасность

Сайт безопасен
Использование HTTPS и SSL-сертификат ?
На сайте работает защищенный протокол ssl и сайт открывается по https.
Ssl-сертификат действителен до 04.10.2026 22:45:22.
Сервер поддерживает HTTP/3 (QUIC) — новейший протокол.
Включён HSTS (Strict-Transport-Security) — защита от подмены на http.
HTTP автоматически перенаправляется на HTTPS.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка

Кодировка символов страницы ?
Кодировка на странице не определена. Укажите явно кодировку документа!
Исправить
Язык

en
Атрибут lang в HTML-теге ?
Язык документа указан явно: en.
Скорость загрузки

~1,50сек
Время отклика сервера (TTFB) ?
Скорость загрузки сайта 1,50сек превышает 1 секунду. Желательно улучшить работу сайта!
Исправить
Объем документа

433Кб
Размер HTML-кода страницы ?
Объем html-документа 433Кб оптимален.
Структура html-документа корректна.
Ресурсы

Ресурсы: 21
Внешние ресурсы страницы (CSS, JS, изображения) ?
Кол-во файлов ресурсов 21 много для одной страницы. Приемлемо до 10. Проведите оптимизацию файлов ресурсов!
Показать полный список ресурсов
Тип	Название	Значение
stylesheet		https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,900,900i%7CPlayfair+Display:400,400i,500,500i,600,600i,700,700i,900,900i&display=swap
stylesheet		https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/css/theme-a2a0c0f0-7ecb-013f-2e85-22272f3a049c.css
js		https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/dist/theme-bundle.head_async.js
js		https://cdn11.bigcommerce.com/shared/js/google_analytics4_bodl_subscribers-358423becf5d870b8b603a81de597c10f6bc7699.js
js	text/javascript	https://checkout-sdk.bigcommerce.com/v1/loader.js
js	text/javascript	https://cdn11.bigcommerce.com/shared/js/bodl-consent-32a446f5a681a22e8af09a4ab8f4e4b6deda6487.js
js	text/javascript	https://cdn11.bigcommerce.com/shared/js/storefront/consent-manager-config-d53a4773861141b0624d84967b4c0a379d13a5fe.js
js	text/javascript	https://cdn11.bigcommerce.com/shared/js/storefront/consent-manager-08633fe15aba542118c03f6d45457262fa9fac88.js
js	text/plain	https://www.googletagmanager.com/gtag/js?id=G-G42WGLSJSS
js		https://platform-data-prod.rechargeadapter.com/6hfyidt5z0/6hfyidt5z0-data.js
js		https://static.rechargecdn.com/big-commerce/js/bc.js
js		https://microapps.bigcommerce.com/bodl-events/1.9.4/index.js
js		https://plugins.flockler.com/embed/182402e1e030a27ca7208c5433862569/18240319a9c027a30fadf29b90a8ddef
js		https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/dist/theme-bundle.main.js
js		https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
js		https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js
js	text/javascript	https://cdn11.bigcommerce.com/shared/js/csrf-protection-header-5eeddd5de78d98d146ef4fd71b2aedce4161903e.js
js	text/plain	https://chimpstatic.com/mcjs-connected/js/users/178cd93716dd10f4b48edc8fd/57e345a250445227022c83bc0.js
js		https://na.shgcdn3.com/collector.js
js		https://js.smile.io/v1/smile-bigcommerce.js
js	text/javascript	https://kb-load.anvasoft.ca/js/pages/kit_expand.js?id=7fe9140027b7c3c89f1f
Исправить
Серверные заголовки

Кол-во: 24
HTTP-заголовки ответа сервера ?
Найдены серверные заголовки 24шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
Ключ	Значение
Date	Fri, 21 Aug 2026 09:37:09 GMT
cf-ray	a2e8a84dae7a9d5b-DME
cf-cache-status	DYNAMIC
Cache-Control	no-store, must-revalidate, no-cache
Link	<https://cdn11.bigcommerce.com/s-6hfyidt5z0>; rel=preconnect; as=font; crossorigin=anonymous, <https://fonts.googleapis.com/>; rel=preconnect; as=font; crossorigin=anonymous, <https://fonts.gstatic.com/>; rel=preconnect; as=font; crossorigin=anonymous, <https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,900,900i%7CPlayfair+Display:400,400i,500,500i,600,600i,700,700i,900,900i&display=swap>; rel=preload; as=style, <https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/css/theme-a2a0c0f0-7ecb-013f-2e85-22272f3a049c.css>; rel=preload; as=style
Server	cloudflare
Set-Cookie	SF-CSRF-TOKEN=c34f993e-5bad-4f66-b63a-b3ee6ca135ed; Path=/; Secure; SameSite=Strict
Strict-Transport-Security	max-age=300
Vary	Accept-Encoding
Via	1.1 google
bc-ray	1
Alt-Svc	h3=":443"
fpc-metadata	c=1:h=1:t=2674
x-bc-disable-meta-pixel-page-view	true
x-bc-is-ha	1
x-bc-store-id	1002178213
X-Content-Type-Options	nosniff
X-Frame-Options	deny
x-makeswift-page-locale	en
x-makeswift-stable-page-reference	default-0
x-permitted-cross-domain-policies	none
X-Request-ID	88d75e55afb374f41c48febad0436391
report-to	{"group":"cf-nel","max_age":604800,"endpoints":[{"url":"https://a.nel.cloudflare.com/report/v4?s=HDRP0%2F2PkmqAECb6vCnVp%2F0cl8thsT0JoIgTAHrq9XuRB%2BQn%2BvuCb5uShv9REJ%2Bkz7N6QdfHBQ9TUvqut2fPv70WMUvkXAHCUmNmE93ambTUVVHeZJPtTOV%2Bkh8DUBRvlPhXWQ%3D%3D"}]}
nel	{"report_to":"cf-nel","success_fraction":0.0,"max_age":604800}
CMS

Не определена
Система управления сайтом (движок) ?
CMS не определена. Вероятно, сайт самописный либо движок надёжно скрыт. Это не ошибка.
Веб-сервер

Cloudflare
Программное обеспечение сервера ?
Сайт работает на веб-сервере Cloudflare.
Title

Cotton Cuts
Заголовок страницы в браузере и поисковой выдаче ?
Необходимо увеличить число символов в title (текущее значение мало: 11, минимум: 25, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Исправить
Description

Shop premium fabrics or memberships uniquely tailored to your quilting style at Cotton Cuts.
Описание страницы в поисковой выдаче (сниппет) ?
Необходимо увеличить число символов в description (текущее значение: 93, оптимально: от 120 до 130)
Исправить
Keywords

Quilt subscription, Cotton Cuts, Quilting, Fabric, fabric shop, quilting shop, DIY Quilt Fabric, Fat Quarter, Quilting Patterns
Список ключевых слов страницы (устаревший тег) ?
Keywords установлены.
Канонический Url

https://www.cottoncuts.com/
Указывает поисковику основную версию страницы ?
Канонический Url прописан корректно.
Robots

Ошибок нет
Директивы для поисковых роботов на уровне страницы ?
Meta-тег robots не указан. Страница свободна для индексации.
Адаптивность

width=device-width, initial-scale=1, maximum-scale=1
Настройка масштабирования на мобильных устройствах ?
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Meta-тег viewport со значением maximum-scale определяет максимальный масштаб области просмотра.
Разметка OpenGraph

Кол-во: 1
Мета-теги для красивых превью в соцсетях ?
Разметка OpenGraph задана. Страница оптимизирована под социальные сети.
Показать полный список og мета-тегов
Тип	Значение
og:image	https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/cotton-cuts-ribbon-color-updated.png?
Все мета-теги

Кол-во: 7
Полный список мета-тегов страницы ?
Найдены мета-теги 7шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
Тип	Название	Значение
name	keywords	Quilt subscription, Cotton Cuts, Quilting, Fabric, fabric shop, quilting shop, DIY Quilt Fabric, Fat Quarter, Quilting Patterns
name	description	Shop premium fabrics or memberships uniquely tailored to your quilting style at Cotton Cuts.
name	platform	bigcommerce.stencil
name	viewport	width=device-width, initial-scale=1, maximum-scale=1
name	google-site-verification	y_UXfLlZ-BDH_kZuxOVNG3MJEk_D1dTf9VkAUdNYntA
name	google-adsense-account	ca-pub-7151611477712390
property	og:image	https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/cotton-cuts-ribbon-color-updated.png?
Структура

Ошибок нет
Семантические HTML-элементы страницы ?
Структура документа корректна (теги <html> и <body> присутствуют в одном экземпляре).
Контент

Есть ошибки
Объём и качество текстового содержимого ?
Слова из title 2 встречаются в тексте редко. Добавьте в контент страницы слова из тега <title>!
Абзацев с текстом 6 слишком мало. Добавьте больше абзацев с текстом (тег <p>)!
Кол-во слов 602 не очень много. Добавьте побольше текста (хотя бы 800 слов)!
Среднее число слов в абзаце 44 достаточно.
Кол-во знаков контента 3790 на странице оптимально.
Исправить
Заголовки

Ошибок нет
Иерархия заголовков H1–H6 ?
На странице присутствуют заголовки <h2> 2. Это хорошо.
На странице присутствуют заголовки <h3> 3.
Тошнота

3,74
Насколько одно слово доминирует в тексте ?
Тошнота превышает норму 3. Измените текст страницы!
Исправить
Академич. тошнота

10,30%
Насколько текст перенасыщен ключевыми словами ?
Академическая тошнота страницы в пределах нормы.
Семантическое ядро

20
Наиболее часто встречающиеся слова на странице ?
Контент страницы содержит осмысленный текст и слова.
Показать список слов
Слово	Кол-во	Частота
fabric	14	2,33%
mystery	10	1,66%
cotton	9	1,50%
puzzle	8	1,33%
retreats	7	1,16%
fabrics	6	1,00%
certificates	4	0,66%
bundles	4	0,66%
london	4	0,66%
calling	4	0,66%
stitch-it	4	0,66%
workshop	4	0,66%
search	3	0,50%
notions	3	0,50%
patterns	3	0,50%
designer	3	0,50%
contact	3	0,50%
support	3	0,50%
challenge	3	0,50%
explore	3	0,50%
Индексирование

Ошибок нет
Разрешено ли индексирование страницы ?
Анкоров на странице 194 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt

Найден корректный robots.txt
Файл управления сканированием сайта роботами ?
Кол-во редиректов для файла robots.txt 4 слишком большое! Это может вызывать затруднение при индексации поисковыми роботами!
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Цепочка редиректов для файла robots.txt:
http://stashbuilderbox.com/robots.txt 302 Found
http://cottoncuts.com/ 301 MovedPermanently
https://cottoncuts.com/ 301 MovedPermanently
https://www.cottoncuts.com/ 200 OK
Показать содержимое robots.txt


 
<!DOCTYPE html>
<html class="no-js" lang="en">
    <head>
        <title>Cotton Cuts</title>
        <link rel="dns-prefetch preconnect" href="https://cdn11.bigcommerce.com/s-6hfyidt5z0" crossorigin><link rel="dns-prefetch preconnect" href="https://fonts.googleapis.com/" crossorigin><link rel="dns-prefetch preconnect" href="https://fonts.gstatic.com/" crossorigin>
        <meta name="keywords" content="Quilt subscription, Cotton Cuts, Quilting, Fabric, fabric shop, quilting shop, DIY Quilt Fabric, Fat Quarter, Quilting Patterns "><meta name="description" content="Shop premium fabrics or memberships uniquely tailored to your quilting style at Cotton Cuts. "><link rel='canonical' href='https://www.cottoncuts.com/' /><meta name='platform' content='bigcommerce.stencil' />
        
         
        
        
        <!-- BEGIN Preloading first images -->
        
        
        
        
        
			        <link rel="preload" href="https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pmqportait1.png?t=1658517587&amp;_gl=1*a9hoap*_ga*MTk0OTgwNDE5Mi4xNjU4NTAyODMz*_ga_WS2VZYPC6G*MTY1ODUxNDcxNS4zLjEuMTY1ODUxNzU5MC40Mg.." as="image">
        
        <!-- END Preloading first images -->

        <link href="https://cdn11.bigcommerce.com/s-6hfyidt5z0/product_images/favicon-32x32.png?t=1641512977" rel="shortcut icon">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

        <!-- ICOMOON LINKS START -->
        <style type="text/css">
            @font-face {
                font-family: 'icomoon';
                src:  url('https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/fonts/icomoon.eot?pdewnu');
                src:  url('https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/fonts/icomoon.eot?pdewnu#iefix') format('embedded-opentype'),
                      url('https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/fonts/icomoon.ttf?pdewnu') format('truetype'),
                      url('https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/fonts/icomoon.woff?pdewnu') format('woff'),
                      url('https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/fonts/icomoon.svg?pdewnu#icomoon') format('svg');
                font-weight: normal;
                font-style: normal;
                font-display: block;
            }
        </style>
        <!-- ICOMOON LINKS END -->

        <script>
            document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 
        </script>

        <script>
    function browserSupportsAllFeatures() {
        return window.Promise
            && window.fetch
            && window.URL
            && window.URLSearchParams
            && window.WeakMap
            // object-fit support
            && ('objectFit' in document.documentElement.style);
    }

    function loadScript(src) {
        var js = document.createElement('script');
        js.src = src;
        js.onerror = function () {
            console.error('Failed to load polyfill script ' + src);
        };
        document.head.appendChild(js);
    }

    if (!browserSupportsAllFeatures()) {
        loadScript('https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/dist/theme-bundle.polyfills.js');
    }
</script>

        <script>
            window.lazySizesConfig = window.lazySizesConfig || {};
            window.lazySizesConfig.loadMode = 1;
        </script>
        <script async src="https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/dist/theme-bundle.head_async.js"></script>

        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700,700i,900,900i%7CPlayfair+Display:400,400i,500,500i,600,600i,700,700i,900,900i&display=swap" rel="stylesheet">
        
        <link data-stencil-stylesheet href="https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/css/theme-a2a0c0f0-7ecb-013f-2e85-22272f3a049c.css" rel="stylesheet">

        <!-- Start Tracking Code for analytics_googleanalytics4 -->

<script data-cfasync="false" src="https://cdn11.bigcommerce.com/shared/js/google_analytics4_bodl_subscribers-358423becf5d870b8b603a81de597c10f6bc7699.js" integrity="sha256-gtOfJ3Avc1pEE/hx6SKj/96cca7JvfqllWA9FTQJyfI=" crossorigin="anonymous"></script>
<script data-cfasync="false">
  (function () {
    window.dataLayer = window.dataLayer || [];

    function gtag(){
        dataLayer.push(arguments);
    }

    function initGA4(event) {
         function setupGtag() {
            function configureGtag() {
                gtag('js', new Date());
                gtag('set', 'developer_id.dMjk3Nj', true);
                gtag('config', 'G-G42WGLSJSS');
            }

            var script = document.createElement('script');

            script.src = 'https://www.googletagmanager.com/gtag/js?id=G-G42WGLSJSS';
            script.async = true;
            script.onload = configureGtag;

            document.head.appendChild(script);
        }

        setupGtag();

        if (typeof subscribeOnBodlEvents === 'function') {
            subscribeOnBodlEvents('G-G42WGLSJSS', true);
        }

        window.removeEventListener(event.type, initGA4);
    }

    gtag('consent', 'default', {"ad_storage":"denied","ad_user_data":"denied","ad_personalization":"denied","analytics_storage":"denied","functionality_storage":"denied"})
            

    var eventName = document.readyState === 'complete' ? 'consentScriptsLoaded' : 'DOMContentLoaded';
    window.addEventListener(eventName, initGA4, false);
  })()
</script>

<!-- End Tracking Code for analytics_googleanalytics4 -->

<!-- Start Tracking Code for analytics_siteverification -->

<meta name="google-site-verification" content="y_UXfLlZ-BDH_kZuxOVNG3MJEk_D1dTf9VkAUdNYntA" />
<meta name="google-adsense-account" content="ca-pub-7151611477712390">

<!-- End Tracking Code for analytics_siteverification -->


<script type="text/javascript" src="https://checkout-sdk.bigcommerce.com/v1/loader.js" defer ></script>
<script>window.consentManagerStoreConfig = function () { return {"storeName":"Cotton Cuts","privacyPolicyUrl":"","writeKey":null,"improvedConsentManagerEnabled":true,"AlwaysIncludeScriptsWithConsentTag":true}; };</script>
<script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/bodl-consent-32a446f5a681a22e8af09a4ab8f4e4b6deda6487.js" integrity="sha256-uitfaufFdsW9ELiQEkeOgsYedtr3BuhVvA4WaPhIZZY=" crossorigin="anonymous" defer></script>
<script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/storefront/consent-manager-config-d53a4773861141b0624d84967b4c0a379d13a5fe.js" defer></script>
<script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/storefront/consent-manager-08633fe15aba542118c03f6d45457262fa9fac88.js" defer></script>
<script type="text/javascript">
var BCData = {};
</script>
<script data-bc-cookie-consent="4" type="text/plain">

!function(e){if(!window.pintrk){window.pintrk=function()

{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var

n=window.pintrk;n.queue=[],n.version="3.0";var

t=document.createElement("script");t.async=!0,t.src=e;var

r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}

("https://s.pinimg.com/ct/core.js");



pintrk('load','2613013981847', { em: '%%GLOBAL_BillingEmail%%', });

pintrk('page');

</script><script type="text/javascript">
</script>
<script data-bc-cookie-consent="4" type="text/plain">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NG3PW82');</script>
<script data-bc-cookie-consent="4" type="text/plain">
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '649470716714041');
fbq('track', 'PageView');
</script>

<script data-bc-cookie-consent="4" type="text/plain" async src="https://www.googletagmanager.com/gtag/js?id=G-G42WGLSJSS"></script>
<script data-bc-cookie-consent="4" type="text/plain">
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-G42WGLSJSS');
</script>


<!-- TikTok Pixel Code Start: Initialization Script & Page Event -->
<script>
!function (w, d, t) {
  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{},ttq._partner=ttq._partner||"BigCommerce";var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)};

  ttq.load('CJBVF6JC77UFRDH2VTK0');
  ttq.page();
}(window, document, 'ttq');

if (typeof BODL === 'undefined') {
  // https://developer.bigcommerce.com/theme-objects/breadcrumbs
  
  // https://developer.bigcommerce.com/theme-objects/brand
  
  // https://developer.bigcommerce.com/theme-objects/category
  
  
  // https://developer.bigcommerce.com/theme-objects/product
  
  
  
  
  
  
  
  // https://developer.bigcommerce.com/theme-objects/products
  
  // https://developer.bigcommerce.com/theme-objects/product_results
  
  // https://developer.bigcommerce.com/theme-objects/order
  
  // https://developer.bigcommerce.com/theme-objects/wishlist
  
  // https://developer.bigcommerce.com/theme-objects/wishlist
  
  // https://developer.bigcommerce.com/theme-objects/cart
  // (Fetching selective cart data to prevent additional payment button object html from causing JS parse error)
  
  
  // https://developer.bigcommerce.com/theme-objects/customer
  var BODL = JSON.parse("{\"breadcrumbs\":[{\"url\":\"https://www.cottoncuts.com/\",\"name\":\"Home\"}],\"products\":[],\"phone\":null,\"email\":null}");

  if (BODL.categoryName) {
    BODL.category = {
      name: BODL.categoryName,
      products: BODL.categoryProducts,
    }
  }

  if (BODL.productTitle) {
    BODL.product = {
      id: BODL.productId,
      title: BODL.productTitle,
      price: {
        without_tax: {
          currency: BODL.productCurrency,
          value: BODL.productPrice,
        },
      },
    }
  }
}

BODL.getCartItemContentId = (item) => {
  switch(item.type) {
    case 'GiftCertificate':
      return item.type;
      break;
    default:
      return item.product_id;
  }
}

BODL.getQueryParamValue = function (name) {
  var cleanName = name.replace(/[\[]/, '\[').replace(/[\]]/, '\]');
  var regex = new RegExp('[\?&]' + cleanName + '=([^&#]*)');
  var results = regex.exec(window.location.search);
  return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
}

// Advanced Matching
  var phoneNumber = ''
  var email = ''
  if (BODL.phone) {
    var phoneNumber = BODL.phone;
    if (BODL.phone.indexOf('+') === -1) {
   // No country code, so default to US code
        phoneNumber = `+1${phoneNumber}`;  
    }
  }

  if (BODL.email) {
    var email = BODL.email
  }
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').identify({
    email: email,
    phone_number: phoneNumber})
</script>
<!-- TikTok Pixel Code End: Initialization Script & Page Event -->

<!-- TikTok Pixel Code Start: View Product Content -->
<script>
if (BODL.product) {
  // Advanced Matching
  var phoneNumber = ''
  var email = ''
  if (BODL.phone) {
    var phoneNumber = BODL.phone;
    if (BODL.phone.indexOf('+') === -1) {
   // No country code, so default to US code
        phoneNumber = `+1${phoneNumber}`;  
    }
  }

  if (BODL.email) {
    var email = BODL.email
  }
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').identify({
    email: email,
    phone_number: phoneNumber})
  var productPrice = 0
  var productCurrency = ""
  if (BODL.productCurrencyWithoutTax && BODL.productCurrencyWithoutTax !== "") {
    productPrice = BODL.productPriceWithoutTax
    productCurrency = BODL.productCurrencyWithoutTax
  }
  if (BODL.productCurrencyWithTax && BODL.productCurrencyWithTax !== "") {
    productPrice = BODL.productPriceWithTax
    productCurrency = BODL.productCurrencyWithTax
  }
  //default contentId to productId if sku_id is not found on product 
  var contentID = BODL.productId
  if (BODL.skuId && BODL.skuId !== "") {
    contentID = BODL.skuId
  }
  ttq.instance('CJBVF6JC77UFRDH2VTK0').track('ViewContent', {
    content_id: contentID,
    content_category: BODL.breadcrumbs[1] ? BODL.breadcrumbs[1].name : '',
    content_name: BODL.product.title,
    content_type: "product_group",
    currency: productCurrency,
    price: productPrice,
    value: productPrice,
  });
}
</script>
<!-- TikTok Pixel Code End: View Product Content -->

<!-- TikTok Pixel Code Start: View Category Content -->
<script>
if (BODL.category) {
  // Advanced Matching
  var phoneNumber = ''
  var email = ''
  if (BODL.phone) {
    var phoneNumber = BODL.phone;
    if (BODL.phone.indexOf('+') === -1) {
    // No country code, so default to US code
        phoneNumber = `+1${phoneNumber}`;  
    }
  }
    
  if (BODL.email) {
    var email = BODL.email
  }
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').identify({
    email: email,
    phone_number: phoneNumber})
  ttq.instance('CJBVF6JC77UFRDH2VTK0').track('ViewContent', {
    contents: BODL.category.products.map((p) => ({
      content_id: p.id,
      content_category: BODL.category.name,
      content_name: p.name,
      content_type: "product_group"
    }))
  });
}
</script>
<!-- TikTok Pixel Code End: View Category Content -->

<!-- TikTok Pixel Code Start: Add to Wishlist -->
<script>
// This only sends one wishlist product: the one that was just added based on the 'added_product_id' param in the url
if (BODL.wishlist) {
  var productPrice = 0
  var productCurrency = ""
  if (BODL.productCurrencyWithoutTax && BODL.productCurrencyWithoutTax !== "") {
    productPrice = BODL.productPriceWithoutTax
    productCurrency = BODL.productCurrencyWithoutTax
  }
  if (BODL.productCurrencyWithTax && BODL.productCurrencyWithTax !== "") {
    productPrice = BODL.productPriceWithTax
    productCurrency = BODL.productCurrencyWithTax
  }

  var addedWishlistItem = BODL.wishlist.items.filter((i) => i.product_id === parseInt(BODL.getQueryParamValue('added_product_id'))).map((p) => ({
    var contentId = p.product_id
    if (p.sku && p.sku !== "") {
        contentId = p.sku
    }
    content_id: contentId,
    // Commenting out as category data doesn't exist on wishlist items
    // content_category: p.does_not_exist, 
    content_name: p.name,
    content_type: "product_group",
    currency: productCurrency,
    price: productPrice,
    value: productPrice,
  }));
  
  // Advanced Matching
  var phoneNumber = ''
  var email = ''
  if (BODL.phone) {
    var phoneNumber = BODL.phone;
    if (BODL.phone.indexOf('+') === -1) {
   // No country code, so default to US code
        phoneNumber = `+1${phoneNumber}`;  
    }
  }

  if (BODL.email) {
    var email = BODL.email
  }
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').identify({
    email: email,
    phone_number: phoneNumber})
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').track('AddToWishlist', addedWishlistItem[0]);
}
</script>
<!-- TikTok Pixel Code End: Add to Wishlist -->

<!-- TikTok Pixel Code Start: Subscribe to Newsletter -->
<script>
if (window.location.pathname.indexOf('/subscribe.php') === 0 && BODL.getQueryParamValue('result') === 'success') {
  // Advanced Matching
  var phoneNumber = ''
  var email = ''
  if (BODL.phone) {
    var phoneNumber = BODL.phone;
    if (BODL.phone.indexOf('+') === -1) {
   // No country code, so default to US code
        phoneNumber = `+1${phoneNumber}`;  
    }
  }

  if (BODL.email) {
    var email = BODL.email
  }
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').identify({
    email: email,
    phone_number: phoneNumber})

  ttq.instance('CJBVF6JC77UFRDH2VTK0').track('Subscribe');
}
</script>
<!-- TikTok Pixel Code End: Subscribe to Newsletter -->

<!-- TikTok Pixel Code Start: Search -->
<script>
if (BODL.search) {
  // Advanced Matching
  var phoneNumber = ''
  var email = ''
  if (BODL.phone) {
    var phoneNumber = BODL.phone;
    if (BODL.phone.indexOf('+') === -1) {
   // No country code, so default to US code
        phoneNumber = `+1${phoneNumber}`;  
    }
  }

  if (BODL.email) {
    var email = BODL.email
  }
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').identify({
    email: email,
    phone_number: phoneNumber})
  var productPrice = 0
  var productCurrency = ""
  if (BODL.productCurrencyWithoutTax && BODL.productCurrencyWithoutTax !== "") {
    productPrice = BODL.productPriceWithoutTax
    productCurrency = BODL.productCurrencyWithoutTax
  }
  if (BODL.productCurrencyWithTax && BODL.productCurrencyWithTax !== "") {
    productPrice = BODL.productPriceWithTax
    productCurrency = BODL.productCurrencyWithTax
  }

  ttq.instance('CJBVF6JC77UFRDH2VTK0').track('Search', {
    query: BODL.getQueryParamValue('search_query'),
    contents: BODL.search.products.map((p) => ({
      var contentId = p.id
      if (p.sku && p.sku !== "") {
        contentId = p.sku
      }
      content_id: contentId,
      // Products can be in multiple categories.
      // Commenting out as this might distort category reports if only the first one is used.
      // content_category: p.category[0], 
      content_name: p.name,
      content_type: "product_group",
      currency: productCurrency,
      price: productPrice,
      value: productPrice,
    }))
  });
}
</script>
<!-- TikTok Pixel Code End: Search -->

<!-- TikTok Pixel Code Start: Registration -->
<script>
if (window.location.pathname.indexOf('/login.php') === 0 && BODL.getQueryParamValue('action') === 'account_created') {
  // Advanced Matching
  var phoneNumber = ''
  var email = ''
  if (BODL.phone) {
    var phoneNumber = BODL.phone;
    if (BODL.phone.indexOf('+') === -1) {
   // No country code, so default to US code
        phoneNumber = `+1${phoneNumber}`;  
    }
  }

  if (BODL.email) {
    var email = BODL.email
  }
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').identify({
    email: email,
    phone_number: phoneNumber})
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').track('Registration');
}
</script>
<!-- TikTok Pixel Code End: Registration -->
<!-- Google Tag Manager -->
<script data-bc-cookie-consent="3" type="text/plain">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5QB7V3NM');</script>
<!-- End Google Tag Manager --><script>
    (function(){
    function get_default (objectValue = null) {
        return objectValue
    }

    function deduplicate (listToDedupe, filterKey) {
        if (!listToDedupe) {
            return [];
        }
        const obj = {};
        for (let i = 0, len = listToDedupe.length; i < len; i++)
            obj[listToDedupe[i][filterKey]] = listToDedupe[i];
        const newList = [];
        for (const key in obj)
            newList.push(obj[key]);
        return newList
    }

    function escapeVals (objectValue = null) {
        if (objectValue) {
            return objectValue.replace(/"/g, '\"');
        }
        return objectValue;
    }

    window.RCA_store_objects = {
        graphql_token: `eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL3d3dy5jb3R0b25jdXRzLmNvbSJdLCJlYXQiOjE3ODczOTc0NzMsImlhdCI6MTc4NzIyNDY3MywiaXNzIjoiQkMiLCJzaWQiOjEwMDIxNzgyMTMsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.GSK6TEENkY1OnnaytMSGhq2YY_psgXuvv0QHHamVlApCVunhrWmwkSHZNi_v7TWAg2TU-4YAGg2SNZtP3AivqQ`,
        currency: {
            default: get_default({"currency_token":"$","currency_location":"left","decimal_token":".","decimal_places":2,"thousands_token":","}),
            current: get_default({"currencies":[{"id":1,"name":"US Dollar","code":"USD","flag":"\u003cimg src=\"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002flib\u002fflags\u002fus.gif\" border=\"0\" alt=\"\" role=\"presentation\" \u002f\u003e","is_active":true,"switch_url":"https:\u002f\u002fwww.cottoncuts.com\u002f?setCurrencyId=1","cart_currency_switch_url":"https:\u002f\u002fwww.cottoncuts.com\u002fcart\u002fchange-currency"}],"active_currency_id":1,"active_currency_flag":"\u003cimg src=\"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002flib\u002fflags\u002fus.gif\" border=\"0\" alt=\"\" role=\"presentation\" \u002f\u003e","active_currency_name":"US Dollar","active_currency_code":"USD","default_currency_code":"USD"}),
        },
        customer: {
            email: get_default(""),
            id: get_default(),
            orders: get_default(null),
            customer_group_id: get_default(),
            customer_group_name: escapeVals(null),
            address: get_default(null)
        },
        cart: {
            coupons: get_default(),
            discount: get_default(),
            gift_certificates: get_default(),
            gift_wrapping_cost: get_default(),
            grand_total: get_default(),
            items: get_default(),
            quantity: get_default(),
            shipping_handling: get_default(),
            show_primary_checkout_button: get_default(),
            status_messages: get_default(),
            sub_total: get_default(),
            taxes: get_default()
        },
        cart_id: ``,
        page_type: `default`,
        order: get_default(),
        product: {
            id: get_default(),
            options: get_default(),
            title: escapeVals(),
            price: get_default(),
        },
        product_results: {
            pagination: get_default(),
            product: deduplicate()
        },
        products: deduplicate([
        ], "id"),
        store_hash: `6hfyidt5z0`,
        theme_settings: {"optimizedCheckout-formChecklist-color":"#333333","usp-title-color":"#333333","footer_first_nav_menu_link":"\u002f","usp-bg-color":"transparent","thirdcategory_title":"5x5","homepage_new_products_column_count":4,"card--alternate-color--hover":"#58195B","optimizedCheckout-colorFocus":"#58195B","shopbycategory-sub":"Join the Cotton Cuts community!","show_accept_amex":true,"optimizedCheckout-buttonPrimary-borderColorDisabled":"transparent","homepage_top_products_count":12,"paymentbuttons-paypal-size":"responsive","optimizedCheckout-buttonPrimary-backgroundColorActive":"transparent","brandpage_products_per_page":24,"color-secondaryDarker":"#cccccc","card--alternate-color":"#333333","fourthcategory_link":"https:\u002f\u002fwww.cottoncutsretreats.com\u002f","second_usp_subtitle":"We're always here to help.","customer-also-sub":"From the same Collection","fontSize-root":14,"product_card_price":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","navPages-container-bgcolor":"#ffffff","navUser-color":"#333333","color-textBase--active":"#00b8c2","button--default-backgroundColorActive":"#58195B","social_icon_placement_bottom":"bottom_right","blog-title-fontSize":48,"usp-desc-color":"#333333","show_powered_by":false,"hide_footer_newsletter":false,"button--primary-borderColorHover":"#e3e3e3","show_accept_amazonpay":false,"footer_seventh_nav_menu":"blog","color-textSubheading":"#58195B","fontSize-h4":20,"checkRadio-borderColor":"#a0a0a0","header-cart-icon-color":"#58195B","color-primaryDarker":"#333333","button--primary-borderColor":"#58195B","first_usp_title":"From Our Shop to Your Home.","optimizedCheckout-buttonPrimary-colorHover":"#58195B","brand_size":"190x250","optimizedCheckout-logo-position":"center","optimizedCheckout-discountBanner-backgroundColor":"#F2F2F5","color-textLink--hover":"#58195B","second_usp_title":"Best in Class Customer Service","fourthcategory_title":"Retreats","trending-sub":"Our Bestsellers","optimizedCheckout-headingPrimary-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","logo_size":"250x100","pdp-sale-price-label":"Now:","footer_first_webpage_link":"\u002fprivacy-policy\u002f","optimizedCheckout-buttonSecondary-backgroundColorHover":"#58195B","instargam-section-color":"#ffffff","footer-backgroundColor":"#ffffff","footer-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","navPages-color":"#333333","productpage_reviews_count":9,"optimizedCheckout-step-borderColor":"#000000","fourth_usp_title":"Best in Class Customer Service","optimizedCheckout-formField-backgroundColor":"#ffffff","show_card_rating":true,"show_accept_paypal":false,"first_usp_image":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-pvnu6go698\u002fproduct_images\u002fuploaded_images\u002ff-shipping.png","paymentbuttons-paypal-label":"checkout","footer_fifth_nav_menu_link":"\u002fabout-us\u002f","paymentbuttons-paypal-shape":"rect","optimizedCheckout-discountBanner-textColor":"#010101","optimizedCheckout-backgroundImage-size":"1000x400","optimizedCheckout-buttonPrimary-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","fourth_usp_image":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-pvnu6go698\u002fproduct_images\u002fuploaded_images\u002ff-amazing.png","category-header-bg":"#58195B","pdp-retail-price-label":"MSRP:","footer_sixth_nav_menu":"contact us","carousel-dot-color":"#ffffff","button--disabled-backgroundColor":"#cccccc","blog-summary-fontSize":20,"blockquote-cite-font-color":"#999999","fontSize-carousel-title":86,"banner-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","second_usp_image":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-pvnu6go698\u002fproduct_images\u002fuploaded_images\u002ff-amazing.png","navPages-text-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","footer_logo_size":"250x100","optimizedCheckout-formField-shadowColor":"transparent","categorypage_products_per_page":36,"container-fill-base":"#ffffff","paymentbuttons-paypal-layout":"vertical","homepage_featured_products_column_count":4,"button--default-color":"#58195B","pace-progress-backgroundColor":"#58195B","footer_seventh_nav_menu_link":"\u002fblog\u002f","footer_eight_nav_menu":"Get Involved","new-badge-hover":"#000000","instagram-title":"@cotton_cuts","optimizedCheckout-loadingToaster-backgroundColor":"#333333","color-textHeading":"#010101","show_accept_discover":true,"footer_third_nav_menu_link":"","firstcategory_image":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fpmqportait1.png?t=1658517587&_gl=1*a9hoap*_ga*MTk0OTgwNDE5Mi4xNjU4NTAyODMz*_ga_WS2VZYPC6G*MTY1ODUxNDcxNS4zLjEuMTY1ODUxNzU5MC40Mg..","pagination-color":"#424242","color-textLink--active":"#58195B","optimizedCheckout-formField-errorColor":"#d14343","product-title-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","spinner-borderColor-dark":"#58195B","restrict_to_login":false,"input-font-color":"#333333","select-bg-color":"#ffffff","blog-title-color":"#ffffff","show_custom_fields_tabs":true,"color_text_product_sale_badges":"#ffffff","supported_payment_methods":["card","paypal"],"footer_fourth_nav_menu":"puzzle mystery quilt","carousel-arrow-bgColor":"transparent","lazyload_mode":"lazyload+lqip","carousel-title-color":"#ffffff","footer_first_webpage":"Privacy Policy","show_accept_mastercard":true,"pbc_6_title":"Bundle List 6","hide_footer_menu":false,"optimizedCheckout-link-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","ourstory-link-color":"#202738","homepage_show_carousel_arrows":false,"category-box-shadow":"#fafafd","color_hover_product_sale_badges":"#000000","card--alternate-borderColor":"#e1e1e1","homepage_new_products_count":5,"button--disabled-color":"#ffffff","show_card_swatch":false,"footer_logo_fontSize":48,"color-grey":"#999999","pbc_2_title":"Bundle List 2","body-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","optimizedCheckout-step-textColor":"#ffffff","footer_third_webpage_link":"\u002fxmlsitemap.php","show_accept_googlepay":true,"color-primaryDark":"#666666","pdp_sale_badge_label":"Sale","firstcategory_link":"\u002fget-started\u002f","optimizedCheckout-buttonPrimary-borderColorActive":"#58195B","navPages-subMenu-backgroundColor":"#f2f2f2","optimizedCheckout-formField-borderColor":"#333333","ourstory_link":"\u002fabout-us\u002f","checkRadio-color":"#58195B","show_product_dimensions":false,"optimizedCheckout-link-color":"#202738","icon-color-hover":"#58195B","button--default-borderColor":"#58195B","headings-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","label-backgroundColor":"#cccccc","featured-arrow-color":"#cccccc","button--primary-backgroundColorHover":"transparent","new-badge":"#61ca70","button--primary-backgroundColor":"#58195B","card-figcaption-button-background":"#ffffff","fifthcategory_link":"\u002fmemberships\u002ffabric\u002fmodern-maker\u002f","instagram-link":"https:\u002f\u002finstagram.com\u002fcotton_cuts","optimizedCheckout-headingSecondary-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","show_card_brand":false,"firstcategory_title":"Puzzle Mystery Quilt","pdp-non-sale-price-label":"Was:","button--disabled-borderColor":"transparent","label-color":"#ffffff","select-arrow-color":"#333333","shopbycategory-title-color":"#FFFFFF","trending-price":"#000000","default_image_brand":"img\u002fBrandDefault.gif","carousel-button-text-color-hover":"#58195B","usp-border-color":"#e1e1e1","third_usp_subtitle":"Your info is safe with us.","card-title-color":"#333333","card-figcaption-button-border":"#e1e1e1","optimizedCheckout-headingSecondary-color":"#010101","footer_fifth_nav_menu":"About Us","logo_fontSize":48,"alert-backgroundColor":"#ffffff","hide_shopbycategory":false,"shopbycategory-link-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","optimizedCheckout-logo-size":"250x100","footer_third_webpage":"Site Map","hide_new":true,"product_list_display_mode":"grid","optimizedCheckout-link-hoverColor":"#58195B","new-products-title":"New Products","shopbycategory-link-color":"#ffffff","blog_summary_length":300,"hide_home_button":false,"navPages-onSaleColor":"#58195B","sub-headings-fontSize":20,"fontSize-h5":15,"product_size":"500x659","paymentbuttons-paypal-color":"gold","homepage_show_carousel":false,"optimizedCheckout-body-backgroundColor":"#ffffff","carousel-arrow-borderColor":"transparent","hide_recent":true,"button--default-borderColorActive":"#58195B","footer-linkcolor":"#333333","product-twitter-color":"#55acee","trending-title":"Trending Products","header-backgroundColor":"#ffffff","paymentbuttons-paypal-tagline":false,"price_ranges":true,"productpage_videos_count":8,"footer-logo-position":"center","color-greyDarkest":"#000000","cat_number":3,"hide_sidebar":false,"color_badge_product_sale_badges":"#fc5c58","ourstory_title":"Who is Cotton Cuts?","font_text_product_sale_badges":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","color-greyDark":"#666666","third_usp_image":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-pvnu6go698\u002fproduct_images\u002fuploaded_images\u002ff-secure.png","fontSize-category-title":36,"optimizedCheckout-buttonSecondary-borderColorHover":"#58195B","optimizedCheckout-discountBanner-iconColor":"#010101","product-title-color":"#333333","usp_number":3,"card-price-color":"#bababa","optimizedCheckout-buttonSecondary-borderColor":"#58195B","thirdcategory_image":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002f5x-1-.png?t=1780268676","main-headings-fontSize":32,"trending-center-card-title":"#000000","optimizedCheckout-loadingToaster-textColor":"#ffffff","featured-title":"Featured Products","optimizedCheckout-formField-placeholderColor":"#888888","navUser-color-hover":"#58195B","icon-ratingFull":"#ffc600","default_image_gift_certificate":"img\u002fGiftCertificate.png","color_category_title":"#ffffff","footer_second_nav_menu":"shop","hide_theme_address":false,"add_to_cart_popup":"default","color-textBase--hover":"#00b8c2","color-errorLight":"#ffdddd","ourstory-link-hover-color":"#58195B","optimizedCheckout-buttonPrimary-colorDisabled":"#ffffff","product-card-bg":"#ffffff","social_icon_placement_top":true,"carousel-title-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","blog_size":"460x250","hide_trending":true,"thirdcategory_link":"\u002fhang-10","sub-headings-font":"Google_Playfair+Display_400,400i,500,500i,600,600i,700,700i,900,900i","shop_by_price_visibility":true,"optimizedCheckout-buttonSecondary-colorActive":"#ffffff","optimizedCheckout-orderSummary-backgroundColor":"#fafafd","color-warningLight":"#fffdea","show_product_weight":true,"footer_phone_number":"636-778-0583","product-pinterest-color":"#bd081c","button--default-colorActive":"#ffffff","trending-card-title":"#878787","color-info":"#666666","product-print-color":"#000000","category-layout":"product-grid-view","footer_second_nav_menu_link":"\u002fshop\u002f","product-info-value":"#3f4562","optimizedCheckout-formChecklist-backgroundColorSelected":"#ffffff","show_product_quick_view":true,"button--default-borderColorHover":"#58195B","card--alternate-backgroundColor":"#ffffff","hide_content_navigation":false,"pdp-price-label":"","show_copyright_footer":true,"swatch_option_size":"28x28","recent-title":"Recent Updates","optimizedCheckout-orderSummary-borderColor":"#e1e1e1","hide_bottom_footer":false,"optimizedCheckout-show-logo":"none","carousel-description-color":"#ffffff","static-banner-text":"Clue 1 from the \"Piazza\" Puzzle Mystery Quilt Ships July 29!","carousel-button-text-color":"#FFFFFF","footer-textcolor":"#000000","optimizedCheckout-formChecklist-backgroundColor":"#f2f2f5","fontSize-h2":25,"optimizedCheckout-step-backgroundColor":"#000000","color-textBase":"#333333","pbc_1_title":"Features","show_all_rights_footer":true,"carousel-button-color":"#58195B","show_accept_applepay":false,"footer_second_webpage":"Terms & Conditions","optimizedCheckout-headingPrimary-color":"#010101","show_accept_maestro":false,"footer_email":"","color-warning":"#f1a500","productgallery_size":"500x659","blog_count":6,"alert-color":"#333333","show-pdp-non-sale-price-label":false,"shop_by_brand_show_footer":true,"card-figcaption-button-color":"#333333","main-headings-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","card-figcaption-button-border-hover":"#58195B","carousel-bgColor-opacity":0.1,"color-textSecondary--active":"#333333","optimizedCheckout-formField-inputControlColor":"#58195B","new-products-sub":"","optimizedCheckout-contentPrimary-color":"#333333","optimizedCheckout-buttonSecondary-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","storeName-color":"#000000","optimizedCheckout-backgroundImage":"","form-label-font-color":"#202738","shopbycategory-link-fontSize":14,"pbc_3_title":"Bundle List 3","searchpage_products_per_page":24,"shopbycategory-link-hover-color":"#ffffff","color-greyLightest":"#e5e5e5","optimizedCheckout-header-backgroundColor":"#ffffff","productpage_related_products_count":10,"optimizedCheckout-buttonSecondary-backgroundColorActive":"#58195B","product-linkedin-color":"#0077b5","color-greyLighter":"#cccccc","navigation_columns":"menu-5-columns","third_usp_title":"Secure Payments","color-secondaryDark":"#e5e5e5","shopbycategory-link-bg-color":"#58195B","fontSize-h6":13,"color-textLink":"#202738","show_product_wishlist":true,"paymentbuttons-paypal-fundingicons":false,"carousel-arrow-color":"#ffffff","productpage_similar_by_views_count":10,"ourstory_image":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002faboutmeimage.png?t=1658515962&_gl=1*1sw0vxs*_ga*MTk0OTgwNDE5Mi4xNjU4NTAyODMz*_ga_WS2VZYPC6G*MTY1ODUxNDcxNS4zLjEuMTY1ODUxNTk2OC40NA..","hide_featured":true,"show-admin-bar":true,"pdp-custom-fields-tab-label":"Specifications","hide_theme_payment":false,"button--primary-borderColorActive":"#e3e3e3","recent-sub":"If it’s worth knowing about, you’ll find it here.","loadingOverlay-backgroundColor":"#ffffff","current-style":"fashion","footer_third_nav_menu":"","optimizedCheckout-buttonPrimary-color":"#ffffff","featured-sub":"Popular Trending Products","input-bg-color":"#ffffff","navPages-subMenu-separatorColor":"#333333","navPages-color-hover":"#58195B","color-infoLight":"#dfdfdf","shopbycategory-title-shadow-color":"#000000","navUser-dropdown-borderColor":"#e1e1e1","category-title-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","category-section-bg":"#fafafd","optimizedCheckout-buttonPrimary-colorActive":"#58195B","optimizedCheckout-formChecklist-borderColor":"#e1e1e1","product_sale_badges":"sash","navPages-text-fontSize":16,"fontSize-h1":28,"homepage_featured_products_count":12,"default_image_product":"img\u002fProductDefault.gif","hide_instagram":true,"footer-bottom-section-textcolor":"#333333","color-greyMedium":"#757575","color-greyLight":"#999999","optimizedCheckout-logo":"","icon-ratingEmpty":"#f2f2f5","hide_static_banner":true,"show_product_details_tabs":true,"icon-color":"#000000","related-sub":"From the same Collection","secondcategory_image":"https:\u002f\u002fimages.squarespace-cdn.com\u002fcontent\u002fv1\u002f675334564e5ddc3ece3363e2\u002f56bf73d1-9c20-4134-8a56-09f8f70c922c\u002f20250905_105123.jpg?format=1000w","redirect_cart":false,"overlay-backgroundColor":"#000000","input-border-color-active":"#58195B","hide_contact_us_page_heading":false,"container-fill-dark":"#f2f2f5","product-title-fontSize":26,"product-share-icon":"#8e8e8e","button--default-backgroundColorHover":"#58195B","optimizedCheckout-buttonPrimary-backgroundColorDisabled":"#cccccc","button--primary-color":"#ffffff","fourth_usp_subtitle":"We're always here to help.","navpages-menu-bar-color":"#ffffff","footer_first_nav_menu":"home","optimizedCheckout-buttonPrimary-borderColorHover":"#58195B","color-successLight":"#d5ffd8","shopbycategory-link":"Explore","ourstory_paragraph1":"Cotton Cuts is a globally accessible fabric shop delivering high quality designer fabric, threads, patterns, and notions based on your personal needs and preferences.","shopbycategory-title":"What we do!","button--default-backgroundColor":"transparent","show-pdp-price-label":false,"color-greyDarker":"#333333","show_product_quantity_box":true,"first_usp_subtitle":"Packed with love. Shipped with speed.","color-success":"#008a06","product-google-color":"#dc4e41","spinner-borderColor-light":"#ffffff","main-color-textHeading":"#010101","optimizedCheckout-header-borderColor":"#e1e1e1","zoom_size":"1280x1280","color-white":"#ffffff","fourthcategory_image":"https:\u002f\u002fimages.squarespace-cdn.com\u002fcontent\u002fv1\u002f675334564e5ddc3ece3363e2\u002f56bf73d1-9c20-4134-8a56-09f8f70c922c\u002f20250905_105123.jpg?format=1000w","optimizedCheckout-buttonSecondary-backgroundColor":"transparent","productview_thumb_size":"100x100","fontSize-h3":22,"pbc_4_title":"Bundle List 4","navUser-cart-limit":4,"carousel-bgColor":"#000000","carousel-dot-color-active":"#58195B","card-figcaption-button-background-hover":"#58195B","optimizedCheckout-buttonPrimary-backgroundColor":"#58195B","fifthcategory_image":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fmakerlandscape1.png?t=1658512436&_gl=1*wcvi5s*_ga*MTk0OTgwNDE5Mi4xNjU4NTAyODMz*_ga_WS2VZYPC6G*MTY1ODUxNDcxNS4zLjEuMTY1ODUxNjA0NC41OQ..","color-secondary":"#ffffff","instagram-sub":"Follow us on Instagram!","fontSize-footer":14,"button--primary-backgroundColorActive":"transparent","color-textSecondary--hover":"#333333","shopbycategory-title-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","input-border-color":"#e1e1e1","shopbycategory-link-bg-hover-color":"#333333","footer-storeName-color":"#000000","card-figcaption-button-color-hover":"#ffffff","product-email-color":"#ea4335","ourstory-desc-color":"#333333","hide_ourstory":false,"fontSize-carousel-description":44,"color-whitesBase":"#e5e5e5","body-section-bg":"#f2f2f5","show-pdp-retail-price-label":false,"body-bg":"#ffffff","dropdown--quickSearch-backgroundColor":"#ffffff","optimizedCheckout-contentSecondary-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","navUser-dropdown-backgroundColor":"#ffffff","headings-fontSize":36,"product-card-bg-hover":"#fafafd","color-primary":"#58195B","box-shadow":"#000000","footer_second_webpage_link":"\u002fterms-and-conditions\u002f","supported_card_type_icons":["american_express","diners","discover","mastercard","visa"],"footer_newsletter_font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","navigation_design":"simple","hide_footer_social_link":false,"product-facebook-color":"#3b5998","show_product_compare":true,"banner-link-color":"#58195B","color-black":"#000000","optimizedCheckout-contentPrimary-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i","show-pdp-sale-price-label":false,"homepage_top_products_column_count":4,"hide_page_heading":false,"optimizedCheckout-formField-textColor":"#333333","hide_usp":true,"hide_footer_logo":false,"button--primary-colorActive":"#58195B","breadcrumbs_color":"#242526","footer_newsletter_title":"Sign up for the latest news and offers","optimizedCheckout-contentSecondary-color":"#757575","shopbycategory-title-fontSize":32,"card-title-color-hover":"#58195B","fontSize-banner":14,"applePay-button":"black","ourstory_paragraph3":"","thumb_size":"100x100","optimizedCheckout-buttonSecondary-colorHover":"#ffffff","cartnavUser-text-Color":"#333333","hide_breadcrumbs":false,"ourstory-sub":"Our Mission + More","show_accept_klarna":false,"optimizedCheckout-buttonPrimary-borderColor":"#58195B","carousel-button-color-hover":"#FFFFFF","category-image-display":"category-banners","product-body-color":"#a0a19e","optimizedCheckout-buttonSecondary-borderColorActive":"#58195B","show_sitemap_footer":true,"optimizedCheckout-header-textColor":"#000000","hide_category_page_heading":false,"optimizedCheckout-show-backgroundImage":false,"footer_sixth_nav_menu_link":"\u002fcontact-us\u002f","color-primaryLight":"#999999","navUser-indicator-backgroundColor":"transparent","hide_footer_menu_2":false,"banner-text-color":"#FFFFFF","hide_blog_page_heading":false,"placeholder-font-color":"#888888","secondcategory_link":"https:\u002f\u002fwww.cottoncutsretreats.com\u002f","footer_eight_nav_menu_link":"\u002fGet-Involved\u002f","product-desc-color":"#202738","show_accept_visa":true,"logo-position":"center","show_product_reviews_tabs":true,"carousel-dot-bgColor":"#f2f2f2","footer-bottom-section-backgroundColor":"#f4f4f7","optimizedCheckout-form-textColor":"#000000","optimizedCheckout-buttonSecondary-color":"#58195B","sticky-header":false,"footer_fourth_nav_menu_link":"\u002fabout-pmq\u002f","button--default-colorHover":"#ffffff","checkRadio-backgroundColor":"#ffffff","optimizedCheckout-buttonPrimary-backgroundColorHover":"transparent","input-disabled-bg":"#cccccc","recent-updates-background-color":"#58195B","button--icon-svg-color":"#e3e3e3","footer-link-hovercolor":"#58195B","alert-color-alt":"#ffffff","sidebar-heading":"#000000","dropdown--wishList-backgroundColor":"#ffffff","container-border-global-color-base":"#e1e1e1","productthumb_size":"100x100","ourstory_paragraph2":"We acknowledge that no two quilters are cut from the same cloth. We transcend borders through the beauty of fabric, and we strive to bring the world closer, one stitch at a time. Through our unique global lens, we seek cultural competency and challenge ourselves to improve constantly. We are dedicated to delivering high quality materials to inspire community around creativity, and we believe strongly in leaving a legacy more important than profit. We want the world to be better with us in it.  We continue to support job creation to those underserved and believe in giving back through donations to communities far and wide.  Every Cotton Cuts membership that you purchase contributes toward improving lives and outcomes for many people- most in need.","button--primary-colorHover":"#58195B","homepage_blog_posts_count":1,"fifthcategory_title":"Modern Maker","color-textSecondary":"#ffffff","pbc_5_title":"Bundle List 5","gallery_size":"300x300","secondcategory_title":"Retreats","color-error":"#cc4749","carousel-description-font":"Google_Montserrat_400,400i,500,500i,600,600i,700,700i,900,900i"}
    };
})();
</script>

<script async src="https://platform-data-prod.rechargeadapter.com/6hfyidt5z0/6hfyidt5z0-data.js"></script>
<script defer src="https://static.rechargecdn.com/big-commerce/js/bc.js"></script>
 <script data-cfasync="false" src="https://microapps.bigcommerce.com/bodl-events/1.9.4/index.js" integrity="sha256-Y0tDj1qsyiKBRibKllwV0ZJ1aFlGYaHHGl/oUFoXJ7Y=" nonce="{{nonce}}" crossorigin="anonymous"></script>
 <script data-cfasync="false" nonce="{{nonce}}">

 (function() {
    function decodeBase64(base64) {
       const text = atob(base64);
       const length = text.length;
       const bytes = new Uint8Array(length);
       for (let i = 0; i < length; i++) {
          bytes[i] = text.charCodeAt(i);
       }
       const decoder = new TextDecoder();
       return decoder.decode(bytes);
    }
    window.bodl = JSON.parse(decodeBase64("eyJzZXNzaW9uIjp7ImlkIjoiMmFiOTM2MDgtZWE1Mi00ODA2LWE1MjYtODcwOGEwZjdlY2M3IiwiZmlyc3RfdG91Y2hfdGltZXN0YW1wIjoiMjAyNi0wOC0yMVQwOTozNzowOCIsImZpcnN0X3RvdWNoX3JlZmVycmFsX3VybCI6IiIsImZpcnN0X3RvdWNoX3JlcXVlc3RfdXJsIjoiaHR0cHM6Ly93d3cuY290dG9uY3V0cy5jb20vIn0sInNob3BwZXIiOnsidmlzaXRvcl9pZCI6IiIsImN1c3RvbWVyX2lkIjpudWxsLCJlbWFpbCI6bnVsbCwiZmlyc3RfbmFtZSI6bnVsbCwibGFzdF9uYW1lIjpudWxsfSwiZGF0YV9jb25zZW50Ijp7ImZ1bmN0aW9uYWwiOmZhbHNlLCJhbmFseXRpY3MiOmZhbHNlLCJhZHZlcnRpc2luZyI6ZmFsc2V9LCJldmVudHMiOlt7ImJvZGxfdjFfY29uc2VudF9sb2FkZWQiOnsiZXZlbnRfaWQiOiI1MGMxZjYxMy1hYmYwLTRkMmUtYmRlOS01ZDMzMDM5MjQ0ZDciLCJhZHZlcnRpc2luZyI6ZmFsc2UsImFuYWx5dGljcyI6ZmFsc2UsImZ1bmN0aW9uYWwiOmZhbHNlfX1dfQ=="));
 })()

 </script>


<script nonce="{{nonce}}">
(function () {
    var xmlHttp = new XMLHttpRequest();
    
    xmlHttp.open('POST', 'https://bes.gcp.data.bigcommerce.com/nobot');
    xmlHttp.setRequestHeader('Content-Type', 'application/json');
    xmlHttp.send('{"store_id":"1002178213","timezone_offset":"-6.0","timestamp":"2026-08-21T09:37:08.94145000Z","visit_id":"0e4b820e-bcc4-4b73-8604-7d9296f19d15","channel_id":1}');
})();
</script>

        
            <meta property="og:image"              content="https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/cotton-cuts-ribbon-color-updated.png?" />
        
        
    </head>
    <body class="fashion default">
        
        <svg data-src="https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/img/icon-sprite.svg" class="icons-svg-sprite"></svg>

        <div class="custom-banners top"> 
</div>
<header class="header center" sticky="false" role="banner">    
    <div class="container">
        <div class="main-header">
            <a href="#" class="mobileMenu-toggle show" data-mobile-menu-toggle="menu">
                <span class="mobileMenu-toggleIcon">Toggle menu</span>
            </a> 
            <div class="header-middle show">
                    <div class="header-logo header-logo--center logo-image">
                        <a href="https://www.cottoncuts.com/" class="header-logo__link">
            <div class="header-logo-image-container">
                <img class="header-logo-image" src="https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/210x45/cotton_cuts_ribbon_-_color_-_2_1673464875__20876.original.png" alt="Cotton Cuts" title="Cotton Cuts">
            </div>
</a>
                    </div>
            </div>
            <div class="header-left show">
                <ul class="navUser-section navUser-section--alt">
                    <li class="navUser-item navUser-item--account show">
                        <a class="navUser-action" href="javascript:void(0)">
                            <span class="show myacc-title">my account</span>
                            <span class="icon-profile show theme-icon" data-icon="&#xe913;"></span>
                        </a>
                        <div class="account-dropdown">
                                <a class="navUser-action" href="https://www.cottoncuts.com/login.php">
                                    <span class="icon-lock show theme-icon" data-icon="&#xe907;"></span>
                                    <span class="show">Sign in</span>
                                </a>
                                    <a class="navUser-action" href="https://www.cottoncuts.com/login.php?action=create_account">
                                        <span class="icon-edit-1 show theme-icon" data-icon="&#xe903;"></span>
                                        <span class="show">Register</span>
                                    </a>
                                <a class="navUser-action" href="https://www.cottoncuts.com/giftcertificates.php">
                                    <span class="icon-gift show theme-icon" data-icon="&#xe906;"></span>
                                    <span class="show">Gift Certificates</span>
                                </a>
                        </div>
                    </li> 
                    <li class="navUser-item navUser-item--search show">
                        <a class="navUser-action navUser-action--quickSearch" href="javascript:void(0)" data-search="quickSearch" aria-controls="quickSearch" aria-expanded="false">
                            <span class="icon-search show theme-icon" data-icon="&#xe90e;"></span>
                            <span class="show">Search</span>
                        </a>
                    </li>
                </ul>
                <div class="dropdown dropdown--quickSearch" id="quickSearch" aria-hidden="true" tabindex="-1" data-prevent-quick-search-close>
                    	<form class="form quick-search" action="https://www.cottoncuts.com/search.php">
        <fieldset class="form-fieldset">
            <div class="form-field">
                <label class="is-srOnly" for=>Search</label>
                <input class="form-input quick-search-input"
                       data-search-quick
                       name="search_query" 
					   id="search_query"
                       data-error-message="Search field cannot be empty."
                       placeholder="Search the store"
                       autocomplete="off"
                >
            </div>
        </fieldset>
    </form>
    <section class="quickSearchResults" data-bind="html: results"></section>
    
                </div>
            </div>
            <div class="header-right show">
                <nav class="navUser">
    <ul class="navUser-section navUser-section--alt">
        
        <li class="navUser-item show">
            <a class="navUser-action navUser-item--compare" href="https://www.cottoncuts.com/compare" data-compare-nav>
                <span class="icon-random show theme-icon" data-icon="&#xe914;"></span>
                <span class="show countPill countPill--positive countPill--alt"></span>
            </a>
        </li>
        <li class="navUser-item navUser-item--cart show">
            <a
                class="navUser-action"
                data-cart-preview
                data-dropdown="cart-preview-dropdown"
                data-options="align:right"
                href="https://www.cottoncuts.com/cart.php">
                <span class="icon-shopping-cart show theme-icon" data-icon="&#xe916;"></span>
                <span class="navUser-item-cartLabel show">Cart</span> 
                <span class="countPill cart-quantity show"></span>
            </a>

            <div class="dropdown-menu" id="cart-preview-dropdown" data-dropdown-content aria-hidden="true"></div>
        </li>
    </ul>
</nav>
            </div>
        </div>  
    </div>

    
    <div class="navPages-container" id="menu" data-menu>
        <nav class="navPages">
    <div class="navPages-quickSearch">
        	<form class="form quick-search" action="https://www.cottoncuts.com/search.php">
        <fieldset class="form-fieldset">
            <div class="form-field">
                <label class="is-srOnly" for=>Search</label>
                <input class="form-input quick-search-input"
                       data-search-quick
                       name="search_query" 
					   id="search_query"
                       data-error-message="Search field cannot be empty."
                       placeholder="Search the store"
                       autocomplete="off"
                >
            </div>
        </fieldset>
    </form>
    <section class="quickSearchResults" data-bind="html: results"></section>
    
    </div>
    <ul class="navPages-list desktop-menu">
        <li class="navPages-item">
            <a class="navPages-action" href="https://www.cottoncuts.com/">Home</a>
        </li>
            <li class="navPages-item menu-5-columns">
                <a class=" show navPages-action has-subMenu" href="https://www.cottoncuts.com/store/">
   Shop 
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</a> 
<span class="show custom_icon main_icon">
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</span> 
<div class="navPage-subMenu " id="navPages-145" aria-hidden="true" tabindex="-1">
    <ul class="navPage-subMenu-list level-1 ">
            <li class="navPage-subMenu-item">
                    <a
                        class="show navPage-subMenu-action navPages-action has-subMenu"
                        href="https://www.cottoncuts.com/shop/fabrics/">
                       Fabrics 
                    </a>
                    <span class="show custom_icon sub_icon"> 
                        <i class="icon navPages-action-moreIcon" aria-hidden="true">
                            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
                        </i>
                    </span>
                    <ul class="navPage-childList" id="navPages-151">
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/dahlia-binding-kits/">Dahlia Binding Kits</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/fabric-by-the-yard/">Fabric by the Yard</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/pmq-fabrics/">PMQ Fabrics</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/wide-back-fabrics/">Wide Back Fabrics</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/panels/">panels</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/cotton-cuts-shop/shop/breast-cancer-awareness/">Breast Cancer Awareness</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/fabric-bundles/">Fabric Bundles</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/cotton-cuts-shop/shop/puzzle-mystery-quilt/strip-packs/">Strip Packs</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/bolt-ends-and-bits/">Bolt Ends and Bits</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/calliope-kits/">Calliope Kits</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/remnants/">Remnants</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/sale-fabric/">Sale Fabric</a>
                        </li>
                    </ul>
            </li>
            <li class="navPage-subMenu-item">
                    <a
                        class="show navPage-subMenu-action navPages-action has-subMenu"
                        href="https://www.cottoncuts.com/shop/supplies/">
                       Supplies 
                    </a>
                    <span class="show custom_icon sub_icon"> 
                        <i class="icon navPages-action-moreIcon" aria-hidden="true">
                            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
                        </i>
                    </span>
                    <ul class="navPage-childList" id="navPages-146">
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/thread/">Thread</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/batting/">Batting</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/sewing-essentials/">Sewing Essentials</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/notions-buttons-and-ribbons/">Notions, Buttons and Ribbons</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/gifts/">Gifts</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/brand-shop/just-for-fun/">Just for Fun</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/books-and-patterns/">Books and Patterns</a>
                        </li>
                    </ul>
            </li>
            <li class="navPage-subMenu-item">
                    <a
                        class="show navPage-subMenu-action navPages-action has-subMenu"
                        href="https://www.cottoncuts.com/shop/cotton-cuts-projects/">
                       Cotton Cuts Projects 
                    </a>
                    <span class="show custom_icon sub_icon"> 
                        <i class="icon navPages-action-moreIcon" aria-hidden="true">
                            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
                        </i>
                    </span>
                    <ul class="navPage-childList" id="navPages-40">
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/cotton-cuts-shop/shop/london-calling/">London Calling</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/extras/puzzle-mystery-quilt/">Puzzle Mystery Quilt</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/cotton-cuts-projects/five-by-five/">Five by Five</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/cotton-cuts-shop/retreats/">Retreats</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/Join-Stitch-It">Stitch-It</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/cotton-cuts-projects/mystery-bundles/">Mystery Bundles</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/brand-shop/">Brand Shop</a>
                        </li>
                    </ul>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/shop/die-cut-kits/">Die Cut Kits</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/shop/rosas-workshop/">Rosa&#x27;s Workshop</a>
            </li>
    </ul>
</div>
            </li>
        

             
             
             
	           
	                <div class="navPages-list navPages-dropdown navPages-list-depth-max desktop-menu">
	<li class="navPages-item navPages-dropdown-child">
		    <a class="navPages-action" href="https://www.cottoncuts.com/rosasworkshop">Rosa&#x27;s Workshop</a>
	</li>
</div>
	           

            


             
             
             
	           
	                <div class="navPages-list navPages-dropdown navPages-list-depth-max desktop-menu">
	<li class="navPages-item navPages-dropdown-child">
		    <a class="navPages-action navPages-action-depth-max has-subMenu is-root" href="https://www.cottoncuts.com/london-calling/">
		        London Calling 
		        <i class="icon navPages-action-moreIcon" aria-hidden="true">
		            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
		        </i>
		    </a>
		    <div class="navPage-subMenu navPage-subMenu-horizontal" id="navPages-" tabindex="-1">
    <ul class="navPage-subMenu-list">
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/fancy-nancy/">Fancy Nancy</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/emily/">Emily Annabelle and Emily Belle</a>
            </li>
    </ul>
</div>
	</li>
</div>
	           

            


             
             
             
	           
	                <div class="navPages-list navPages-dropdown navPages-list-depth-max desktop-menu">
	<li class="navPages-item navPages-dropdown-child">
		    <a class="navPages-action navPages-action-depth-max has-subMenu is-root" href="https://www.cottoncutsretreats.com/">
		        Retreats 
		        <i class="icon navPages-action-moreIcon" aria-hidden="true">
		            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
		        </i>
		    </a>
		    <div class="navPage-subMenu navPage-subMenu-horizontal" id="navPages-" tabindex="-1">
    <ul class="navPage-subMenu-list">
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncutsretreats.com/">More Information</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncutsretreats.com/nola-2026">New Orleans 2026</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncutsretreats.com/house-party">House Party Retreats</a>
            </li>
    </ul>
</div>
	</li>
</div>
	           

            


             
             
             
	           
	                <div class="navPages-list navPages-dropdown navPages-list-depth-max desktop-menu">
	<li class="navPages-item navPages-dropdown-child">
		    <a class="navPages-action" href="https://www.cottoncuts.com/5x5">5x5</a>
	</li>
</div>
	           

            


             
             
             
	           
	                <div class="navPages-list navPages-dropdown navPages-list-depth-max desktop-menu">
	<li class="navPages-item navPages-dropdown-child">
		    <a class="navPages-action" href="https://www.cottoncuts.com/fab-shop-blow-out-sale/">Blow Out Sale</a>
	</li>
</div>
	           

            


             
             
             
	           
	                <div class="navPages-list navPages-dropdown navPages-list-depth-max desktop-menu">
	<li class="navPages-item navPages-dropdown-child">
		    <a class="navPages-action navPages-action-depth-max has-subMenu is-root" href="/about-pmq/">
		        Puzzle Mystery Quilt 
		        <i class="icon navPages-action-moreIcon" aria-hidden="true">
		            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
		        </i>
		    </a>
		    <div class="navPage-subMenu navPage-subMenu-horizontal" id="navPages-" tabindex="-1">
    <ul class="navPage-subMenu-list">
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/about-pmq-new">How it Works</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/get-started-new/">Get Started</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/flat-nancy/">Flat Nancy</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/designer/">Designer</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/pastpmq">Past Puzzle Mystery Quilts</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/pmq-fabric-waitlist/">Fabric Waitlist</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/hrt">Half Rectangle Triangle</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/PMQ-add-ons/">Add Ons and Extras</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/group">Group Purchasing Program</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/try-before-you-buy/">Try Before You Buy</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://cottoncuts.filecamp.com/l">CCPD Evidence Locker</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/garnetpeak">Last Light on Garnet Peak</a>
            </li>
    </ul>
</div>
	</li>
</div>
	           

            


             
             
             
	           
	                <div class="navPages-list navPages-dropdown navPages-list-depth-max desktop-menu">
	<li class="navPages-item navPages-dropdown-child">
		    <a class="navPages-action navPages-action-depth-max has-subMenu is-root" href="https://www.cottoncuts.com/explore-cotton-cuts">
		        Learn More 
		        <i class="icon navPages-action-moreIcon" aria-hidden="true">
		            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
		        </i>
		    </a>
		    <div class="navPage-subMenu navPage-subMenu-horizontal" id="navPages-" tabindex="-1">
    <ul class="navPage-subMenu-list">
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/ambassadors/">Ambassadors</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPages-action-depth-max navPage-child has-subMenu" href="https://www.cottoncuts.com/timholtz">
                        Tim Holtz 
                        <i class="icon navPages-action-moreIcon" aria-hidden="true">
                            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
                        </i>
                    </a>
                    <div class="navPage-subMenu navPage-subMenu-horizontal" id="navPages-" tabindex="-1">
    <ul class="navPage-subMenu-list">
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/cotton-cuts-shop/shop/tim-holtz-painters-palette/">Tim Holtz Palette Shop</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/tim-holtz-faqs/">Tim Holtz FAQ&#x27;s</a>
            </li>
    </ul>
</div>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/cuddle/">Cuddle Books</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/floralstates">Floral States</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/snippet/">Snippet</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/stitchit/">Stitch-it!</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/gallery/">Gallery</a>
            </li>
    </ul>
</div>
	</li>
</div>
	           

            


             
             
             
	           
	                <div class="navPages-list navPages-dropdown navPages-list-depth-max desktop-menu">
	<li class="navPages-item navPages-dropdown-child">
		    <a class="navPages-action navPages-action-depth-max has-subMenu is-root" href="/about-us">
		        About 
		        <i class="icon navPages-action-moreIcon" aria-hidden="true">
		            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
		        </i>
		    </a>
		    <div class="navPage-subMenu navPage-subMenu-horizontal" id="navPages-" tabindex="-1">
    <ul class="navPage-subMenu-list">
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/where-is-my-stuff/">Where is My Stuff?</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/about-us/">About Us</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/contact-us/">Contact Us</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/pmq-support/">Precut Fabric Support</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/careers">Career Opportunities</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/live">Watch Us LIVE!</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/faqs">FAQS</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/color-challenge/">Color Challenge</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/cares/">Cotton Cuts Cares</a>
            </li>
            <li class="navPage-subMenu-item-child">
                    <a class="navPage-subMenu-action navPages-action navPage-child" href="https://www.cottoncuts.com/giftcertificates.php">Gift Certificates</a>
            </li>
    </ul>
</div>
	</li>
</div>
	           

            


             
             
             
	           
	                <div class="navPages-list navPages-dropdown navPages-list-depth-max desktop-menu">
	<li class="navPages-item navPages-dropdown-child">
		    <a class="navPages-action" href="https://www.cottoncuts.com/blog/">Blog</a>
	</li>
</div>
	           

            

			
             

    </ul>
    
    
    <ul class="navPages-list mobile-menu">
        <li class="navPages-item">
            <a class="navPages-action" href="https://www.cottoncuts.com/">Home</a>
        </li>
            <li class="navPages-item menu-5-columns">
                <a class=" show navPages-action has-subMenu" href="https://www.cottoncuts.com/store/">
   Shop 
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</a> 
<span class="show custom_icon main_icon">
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</span> 
<div class="navPage-subMenu " id="navPages-145" aria-hidden="true" tabindex="-1">
    <ul class="navPage-subMenu-list level-1 ">
            <li class="navPage-subMenu-item">
                    <a
                        class="show navPage-subMenu-action navPages-action has-subMenu"
                        href="https://www.cottoncuts.com/shop/fabrics/">
                       Fabrics 
                    </a>
                    <span class="show custom_icon sub_icon"> 
                        <i class="icon navPages-action-moreIcon" aria-hidden="true">
                            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
                        </i>
                    </span>
                    <ul class="navPage-childList" id="navPages-151">
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/dahlia-binding-kits/">Dahlia Binding Kits</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/fabric-by-the-yard/">Fabric by the Yard</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/pmq-fabrics/">PMQ Fabrics</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/wide-back-fabrics/">Wide Back Fabrics</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/panels/">panels</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/cotton-cuts-shop/shop/breast-cancer-awareness/">Breast Cancer Awareness</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/fabric-bundles/">Fabric Bundles</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/cotton-cuts-shop/shop/puzzle-mystery-quilt/strip-packs/">Strip Packs</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/bolt-ends-and-bits/">Bolt Ends and Bits</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/calliope-kits/">Calliope Kits</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/remnants/">Remnants</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/fabrics/sale-fabric/">Sale Fabric</a>
                        </li>
                    </ul>
            </li>
            <li class="navPage-subMenu-item">
                    <a
                        class="show navPage-subMenu-action navPages-action has-subMenu"
                        href="https://www.cottoncuts.com/shop/supplies/">
                       Supplies 
                    </a>
                    <span class="show custom_icon sub_icon"> 
                        <i class="icon navPages-action-moreIcon" aria-hidden="true">
                            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
                        </i>
                    </span>
                    <ul class="navPage-childList" id="navPages-146">
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/thread/">Thread</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/batting/">Batting</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/sewing-essentials/">Sewing Essentials</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/notions-buttons-and-ribbons/">Notions, Buttons and Ribbons</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/gifts/">Gifts</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/brand-shop/just-for-fun/">Just for Fun</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/supplies/books-and-patterns/">Books and Patterns</a>
                        </li>
                    </ul>
            </li>
            <li class="navPage-subMenu-item">
                    <a
                        class="show navPage-subMenu-action navPages-action has-subMenu"
                        href="https://www.cottoncuts.com/shop/cotton-cuts-projects/">
                       Cotton Cuts Projects 
                    </a>
                    <span class="show custom_icon sub_icon"> 
                        <i class="icon navPages-action-moreIcon" aria-hidden="true">
                            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
                        </i>
                    </span>
                    <ul class="navPage-childList" id="navPages-40">
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/cotton-cuts-shop/shop/london-calling/">London Calling</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/extras/puzzle-mystery-quilt/">Puzzle Mystery Quilt</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/cotton-cuts-projects/five-by-five/">Five by Five</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/cotton-cuts-shop/retreats/">Retreats</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/Join-Stitch-It">Stitch-It</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/cotton-cuts-projects/mystery-bundles/">Mystery Bundles</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/shop/brand-shop/">Brand Shop</a>
                        </li>
                    </ul>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/shop/die-cut-kits/">Die Cut Kits</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/shop/rosas-workshop/">Rosa&#x27;s Workshop</a>
            </li>
    </ul>
</div>
            </li>
             
             
             
             <li class="navPages-item menu-5-columns">
                        <a class="navPages-action" href="https://www.cottoncuts.com/rosasworkshop">Rosa&#x27;s Workshop</a>
            </li>

             <li class="navPages-item menu-5-columns">
                <a class=" show navPages-action has-subMenu" href="https://www.cottoncuts.com/london-calling/">
   London Calling 
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</a> 
<span class="show custom_icon main_icon">
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</span> 
<div class="navPage-subMenu " id="navPages-" aria-hidden="true" tabindex="-1">
    <ul class="navPage-subMenu-list level-1 ">
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/fancy-nancy/">Fancy Nancy</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/emily/">Emily Annabelle and Emily Belle</a>
            </li>
    </ul>
</div>
            </li>

             <li class="navPages-item menu-5-columns">
                <a class=" show navPages-action has-subMenu" href="https://www.cottoncutsretreats.com/">
   Retreats 
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</a> 
<span class="show custom_icon main_icon">
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</span> 
<div class="navPage-subMenu " id="navPages-" aria-hidden="true" tabindex="-1">
    <ul class="navPage-subMenu-list level-1 ">
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncutsretreats.com/">More Information</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncutsretreats.com/nola-2026">New Orleans 2026</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncutsretreats.com/house-party">House Party Retreats</a>
            </li>
    </ul>
</div>
            </li>

             <li class="navPages-item menu-5-columns">
                        <a class="navPages-action" href="https://www.cottoncuts.com/5x5">5x5</a>
            </li>

             <li class="navPages-item menu-5-columns">
                        <a class="navPages-action" href="https://www.cottoncuts.com/fab-shop-blow-out-sale/">Blow Out Sale</a>
            </li>

             <li class="navPages-item menu-5-columns">
                <a class=" show navPages-action has-subMenu" href="/about-pmq/">
   Puzzle Mystery Quilt 
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</a> 
<span class="show custom_icon main_icon">
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</span> 
<div class="navPage-subMenu " id="navPages-" aria-hidden="true" tabindex="-1">
    <ul class="navPage-subMenu-list level-1 ">
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/about-pmq-new">How it Works</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/get-started-new/">Get Started</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/flat-nancy/">Flat Nancy</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/designer/">Designer</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/pastpmq">Past Puzzle Mystery Quilts</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/pmq-fabric-waitlist/">Fabric Waitlist</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/hrt">Half Rectangle Triangle</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/PMQ-add-ons/">Add Ons and Extras</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/group">Group Purchasing Program</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/try-before-you-buy/">Try Before You Buy</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://cottoncuts.filecamp.com/l">CCPD Evidence Locker</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/garnetpeak">Last Light on Garnet Peak</a>
            </li>
    </ul>
</div>
            </li>

             <li class="navPages-item menu-5-columns">
                <a class=" show navPages-action has-subMenu" href="https://www.cottoncuts.com/explore-cotton-cuts">
   Learn More 
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</a> 
<span class="show custom_icon main_icon">
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</span> 
<div class="navPage-subMenu " id="navPages-" aria-hidden="true" tabindex="-1">
    <ul class="navPage-subMenu-list level-1 ">
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/ambassadors/">Ambassadors</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a
                        class="show navPage-subMenu-action navPages-action has-subMenu"
                        href="https://www.cottoncuts.com/timholtz">
                       Tim Holtz 
                    </a>
                    <span class="show custom_icon sub_icon"> 
                        <i class="icon navPages-action-moreIcon" aria-hidden="true">
                            <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
                        </i>
                    </span>
                    <ul class="navPage-childList" id="navPages-">
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/cotton-cuts-shop/shop/tim-holtz-painters-palette/">Tim Holtz Palette Shop</a>
                        </li>
                        <li class="navPage-childList-item">
                                    <a class="navPage-childList-action navPages-action" href="https://www.cottoncuts.com/tim-holtz-faqs/">Tim Holtz FAQ&#x27;s</a>
                        </li>
                    </ul>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/cuddle/">Cuddle Books</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/floralstates">Floral States</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/snippet/">Snippet</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/stitchit/">Stitch-it!</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/gallery/">Gallery</a>
            </li>
    </ul>
</div>
            </li>

             <li class="navPages-item menu-5-columns">
                <a class=" show navPages-action has-subMenu" href="/about-us">
   About 
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</a> 
<span class="show custom_icon main_icon">
    <i class="icon navPages-action-moreIcon" aria-hidden="true">
        <span class="icon-multimedia theme-icon" data-icon="&#xe902;"></span>
    </i>
</span> 
<div class="navPage-subMenu " id="navPages-" aria-hidden="true" tabindex="-1">
    <ul class="navPage-subMenu-list level-1 ">
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/where-is-my-stuff/">Where is My Stuff?</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/about-us/">About Us</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/contact-us/">Contact Us</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/pmq-support/">Precut Fabric Support</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/careers">Career Opportunities</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/live">Watch Us LIVE!</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/faqs">FAQS</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/color-challenge/">Color Challenge</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/cares/">Cotton Cuts Cares</a>
            </li>
            <li class="navPage-subMenu-item">
                    <a class="navPage-subMenu-action navPages-action" href="https://www.cottoncuts.com/giftcertificates.php">Gift Certificates</a>
            </li>
    </ul>
</div>
            </li>

             <li class="navPages-item menu-5-columns">
                        <a class="navPages-action" href="https://www.cottoncuts.com/blog/">Blog</a>
            </li>

             
             

    </ul>
    
    
    <ul class="navPages-list navPages-list--user">
            <li class="navPages-item">
                <a class="navPages-action" href="https://www.cottoncuts.com/login.php">Sign in</a>
                    or <a class="navPages-action" href="https://www.cottoncuts.com/login.php?action=create_account">Register</a>
            </li>
            <li class="navPages-item">
                <a class="navPages-action" href="https://www.cottoncuts.com/giftcertificates.php">Gift Certificates</a>
            </li>
            <li class="navPages-item">
                    <ul class="socialLinks socialLinks--alt">
            <li class="socialLinks-item">
                <a class="icon icon--facebook" href="https://www.facebook.com/cottoncutsclub" target="_blank" rel="noopener">
                    <svg><use xlink:href="#icon-facebook" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--instagram" href="https://www.instagram.com/cotton_cuts/" target="_blank" rel="noopener">
                    <svg><use xlink:href="#icon-instagram" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--pinterest" href="https://www.pinterest.com/cottoncuts/" target="_blank" rel="noopener">
                    <svg><use xlink:href="#icon-pinterest" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--youtube" href="https://www.youtube.com/c/CottonCutsClub" target="_blank" rel="noopener">
                    <svg><use xlink:href="#icon-youtube" /></svg>
                </a>
            </li>
    </ul>
            </li>
    </ul>
</nav>
    </div>
</header>
<div class="header_placeholder"></div>
<div data-content-region="header_bottom--global"></div>
<div data-content-region="header_bottom"><div data-layout-id="f4da3d1d-ce0e-4e50-9141-4ed5da517966">       <div data-sub-layout-container="e3100b54-3732-401d-9928-3b62933a6d11" data-layout-name="Layout">
    <style data-container-styling="e3100b54-3732-401d-9928-3b62933a6d11">
        [data-sub-layout-container="e3100b54-3732-401d-9928-3b62933a6d11"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="e3100b54-3732-401d-9928-3b62933a6d11"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="7dcef168-fc43-441a-9862-325308134eb0">
        <style data-column-styling="7dcef168-fc43-441a-9862-325308134eb0">
            [data-sub-layout="7dcef168-fc43-441a-9862-325308134eb0"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="7dcef168-fc43-441a-9862-325308134eb0"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="7dcef168-fc43-441a-9862-325308134eb0"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="d306f312-e5b1-4f2d-995d-9f2d2cd81f72" data-placement-id="67845ad8-34c8-474e-b8e5-afa7d6d3019e" data-placement-status="ACTIVE"><div id="sd-hero-image-d306f312-e5b1-4f2d-995d-9f2d2cd81f72"></div>

<script type="text/javascript" nonce="">
    (function() {
        const storefrontSRI = 'sha512-Coygf98lwr+It9LwvozxvqEt0D8WwMJ1AVzU1P67jdTOtw2Tymlqx7kGuCyCIlwoBn/iTXxZZ+BhPpn0NeVS3w==';
        const pageBuilderSRI = 'sha512-Bjn2m/S6TpaUvyTA57wLaJyblfqrf6jvQYjTgrBQ7C7oFKwmlQq5VhxhlQGOQh0o9gLb8lbmFbTUjMvK8qzThg=='
        const scriptPath = (build) => `https://microapps.bigcommerce.com/hero-image-widget-js/81aa85e9af30b1a25a734aa760e40ccd980d9383/${build}-bundle.js`;

        function loadScript(src, sri, onload) {
            const scriptTag = document.createElement('script');
            scriptTag.type = 'text/javascript';
            scriptTag.defer = true;
            scriptTag.src = src;
            scriptTag.integrity = sri;
            scriptTag.crossOrigin = 'anonymous';
            scriptTag.nonce = '';
            if (onload) {
                scriptTag.onload = onload;
            }
            document.head.appendChild(scriptTag);
        }

        var widgetConfiguration = {"_":{"context":{"activeCurrencyCode":"USD","isEditorMode":false,"settings":{"cdn_url":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0"},"localeSubfolder":""},"id":"d306f312-e5b1-4f2d-995d-9f2d2cd81f72"},"title":"\u003cp\u003eJoin Us for Our Next Puzzle Mystery Quilt.\u003c\u002fp\u003e","subtitle":"\u003cp\u003eJoin the mystery, solve the puzzle and craft the quilt one clue at a time.&nbsp;\u003c\u002fp\u003e","imageFit":"fill","textColor":"rgba(255,255,255,1)","buttonText":"\u003cp\u003eSign up today!\u003c\u002fp\u003e","titleStyle":"custom","buttonFont":"default","bannerLink":"\u002fget-started-new\u002f","buttonStyle":"round","buttonColor":"rgba(88,25,91,1)","imageUrl":{"src":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fchromalandscape9.png?t=1662580343","type":"IMAGE_MANAGER","data":{"name":"chromalandscape9.png","imageUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fchromalandscape9.png?t=1662580343","url80wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f80w\u002fimage-manager\u002fchromalandscape9.png?t=1662580343","url160wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f160w\u002fimage-manager\u002fchromalandscape9.png?t=1662580343","url320wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fchromalandscape9.png?t=1662580343","url640wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f640w\u002fimage-manager\u002fchromalandscape9.png?t=1662580343","url960wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f960w\u002fimage-manager\u002fchromalandscape9.png?t=1662580343","url1280wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1280w\u002fimage-manager\u002fchromalandscape9.png?t=1662580343","url1920wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1920w\u002fimage-manager\u002fchromalandscape9.png?t=1662580343","thumbnailUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fchromalandscape9.png?t=1662580343"}},"imageOpacity":98,"titleVisible":"show","imageParallax":"on","buttonVisible":"show","backgroundType":"image","containerHeight":"medium","backgroundColor":"#444444","titleFontFamily":"inherit","titleFontWeight":"900","mobileTextColor":"rgba(0,0,0,1)","buttonTextColor":"rgba(255,255,255,1)","descriptionStyle":"default","buttonFontFamily":"inherit","mobileButtonColor":"rgba(88,25,91,1)","titleFontSize":{"type":"px","value":36},"descriptionVisible":"show","descriptionFontFamily":"inherit","descriptionFontWeight":"400","mobileButtonTextColor":"rgba(255,255,255,1)","imageAlignment":{"vertical":"top","horizontal":"right"},"descriptionFontSize":{"type":"px","value":21},"contentAlignment":{"vertical":"top","horizontal":"left"}};

            if (window.BigCommerce && window.BigCommerce.initializeHeroImage && typeof window.BigCommerce.initializeHeroImage === 'function' ) {
                window.BigCommerce.initializeHeroImage(widgetConfiguration).render();
            } else {
                loadScript(scriptPath('storefront'), storefrontSRI, () => window.BigCommerce.initializeHeroImage(widgetConfiguration).render());
            }
    })();
</script>
</div>
    </div>
</div>

</div></div>
        <div class="body" data-currency-code="USD">
    
	<!-- PAGE BUILDER SECTION START -->
    <div data-content-region="home_below_menu"><div data-layout-id="fc3bbcd6-7aee-46c1-a56c-726aadb12eff">       <div data-sub-layout-container="3259c028-2818-405c-995b-6406eb8c98fa" data-layout-name="Layout">
    <style data-container-styling="3259c028-2818-405c-995b-6406eb8c98fa">
        [data-sub-layout-container="3259c028-2818-405c-995b-6406eb8c98fa"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="3259c028-2818-405c-995b-6406eb8c98fa"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="a21f3bbd-f901-4321-8295-0f3cda9618f7">
        <style data-column-styling="a21f3bbd-f901-4321-8295-0f3cda9618f7">
            [data-sub-layout="a21f3bbd-f901-4321-8295-0f3cda9618f7"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="a21f3bbd-f901-4321-8295-0f3cda9618f7"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="a21f3bbd-f901-4321-8295-0f3cda9618f7"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="fa391f86-f8d1-4e80-b584-6182ac6c4807" data-placement-id="dc915187-e712-4dc2-99c8-36551a9a6f56" data-placement-status="ACTIVE"><style>
  .sd-divider-wrapper-fa391f86-f8d1-4e80-b584-6182ac6c4807 {
    display: flex;
    height: 20px;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .sd-divider-fa391f86-f8d1-4e80-b584-6182ac6c4807 {
    height: 0;
    border-top: 1px;
    border-color: rgba(180, 186, 209, 1);
    border-style: solid;
    width: 100%;
    margin: 0;
  }
</style>

<div class="sd-divider-wrapper-fa391f86-f8d1-4e80-b584-6182ac6c4807">
  <hr class="sd-divider-fa391f86-f8d1-4e80-b584-6182ac6c4807">
</div>
</div>
    </div>
</div>

</div></div>
    <!-- PAGE BUILDER SECTION END -->
    
    
    <!-- PAGE BUILDER SECTION START -->
    <div class="container">
    <div data-content-region="home_below_carousel"></div>
    </div>
    <!-- PAGE BUILDER SECTION END -->
    

    <div class="container"> 
    	

<div class="container mt-20">
</div>

    
</div>
<div class="main full">
	
	
    <!-- SHOP BY CATEGORY SECTION START -->
        <div class="shop-by-category"> 
	<div class="container">
		<div class="section-title">
			<h2 class="section-heading"> 
				What we do!
			</h2> 
				<p class="section-sub-heading">
					Join the Cotton Cuts community!
				</p>
		</div> 

		<!-- 3 category layout start -->
		<div class="section-content cat-layout-3">
			<div class="section-content-left section-sub-content">
				<a href="/get-started/" class="category-content firstcategory_content">
					<div class="category-image">
                             <img
                             class="category-img"
                             data-sizes="auto"
                             src="https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pmqportait1.png?t=1658517587&amp;_gl=1*a9hoap*_ga*MTk0OTgwNDE5Mi4xNjU4NTAyODMz*_ga_WS2VZYPC6G*MTY1ODUxNDcxNS4zLjEuMTY1ODUxNzU5MC40Mg.."
                             alt="Puzzle Mystery Quilt"
                             title="Puzzle Mystery Quilt"
                             />
						<div class="category-subcontent ">
								<h3 class="category-title">Puzzle Mystery Quilt</h3>
								<span class="category-link">Explore</span>
						</div>
					</div>
				</a>
			</div>
			<div class="section-content-middle section-sub-content">
				<a href="https://www.cottoncutsretreats.com/" class="category-content secondcategory_content">
					<div class="category-image">
							<img 
							class="category-img lazyload" 
							data-sizes="auto" 
							src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" 
							data-src="https://images.squarespace-cdn.com/content/v1/675334564e5ddc3ece3363e2/56bf73d1-9c20-4134-8a56-09f8f70c922c/20250905_105123.jpg?format=1000w" 
							alt="Retreats" 
							title="Retreats"
							/>
						<div class="category-subcontent ">
								<h3 class="category-title">Retreats</h3>
								<span class="category-link">Explore</span>
						</div>
					</div>
				</a>
			</div>
			<div class="section-content-right section-sub-content">
				<a href="/hang-10" class="category-content thirdcategory_content">
					<div class="category-image">
							<img 
							class="category-img lazyload" 
							data-sizes="auto" 
							src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" 
							data-src="https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/5x-1-.png?t=1780268676" 
							alt="5x5" 
							title="5x5"
							/>
						<div class="category-subcontent ">
								<h3 class="category-title">5x5</h3>
								<span class="category-link">Explore</span>
						</div>
					</div>
				</a>
			</div>
		</div>
		<!-- 3 category layout end -->

	</div>
</div>
    <!-- SHOP BY CATEGORY SECTION END -->

    <!-- TOP SELLER PRODUCTS SECTION START -->
    	<div class="container">
    		<div data-content-region="home_above_top_products"><div data-layout-id="b7af9ffd-42f6-477e-b026-f365ec5fe663">       <div data-sub-layout-container="e5ad25be-b0f1-4489-934e-c4ae0ee1cf75" data-layout-name="Layout">
    <style data-container-styling="e5ad25be-b0f1-4489-934e-c4ae0ee1cf75">
        [data-sub-layout-container="e5ad25be-b0f1-4489-934e-c4ae0ee1cf75"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="e5ad25be-b0f1-4489-934e-c4ae0ee1cf75"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="c1cf50d2-bcb3-4701-9473-b9c22b5ead61">
        <style data-column-styling="c1cf50d2-bcb3-4701-9473-b9c22b5ead61">
            [data-sub-layout="c1cf50d2-bcb3-4701-9473-b9c22b5ead61"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="c1cf50d2-bcb3-4701-9473-b9c22b5ead61"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="c1cf50d2-bcb3-4701-9473-b9c22b5ead61"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="73bf0a91-6c35-49bd-bb13-050633ff79f1" data-placement-id="83e08168-07c7-40da-b331-a96ce5ee6aae" data-placement-status="ACTIVE"><style>
  .sd-divider-wrapper-73bf0a91-6c35-49bd-bb13-050633ff79f1 {
    display: flex;
    height: 20px;
      align-items: center;
      justify-content: center;
      text-align: center;
  }

  .sd-divider-73bf0a91-6c35-49bd-bb13-050633ff79f1 {
    height: 0;
    border-top: 1px;
    border-color: rgba(180, 186, 209, 1);
    border-style: solid;
    width: 100%;
    margin: 0;
  }
</style>

<div class="sd-divider-wrapper-73bf0a91-6c35-49bd-bb13-050633ff79f1">
  <hr class="sd-divider-73bf0a91-6c35-49bd-bb13-050633ff79f1">
</div>
</div>
    </div>
</div>

       <div data-sub-layout-container="4997db87-01d7-4de7-8248-f4bded74e24f" data-layout-name="Layout">
    <style data-container-styling="4997db87-01d7-4de7-8248-f4bded74e24f">
        [data-sub-layout-container="4997db87-01d7-4de7-8248-f4bded74e24f"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="4997db87-01d7-4de7-8248-f4bded74e24f"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="b9a37f10-afe7-4080-8112-99860e6c9de3">
        <style data-column-styling="b9a37f10-afe7-4080-8112-99860e6c9de3">
            [data-sub-layout="b9a37f10-afe7-4080-8112-99860e6c9de3"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="b9a37f10-afe7-4080-8112-99860e6c9de3"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="b9a37f10-afe7-4080-8112-99860e6c9de3"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="d55addce-cdef-4f97-a82b-b19781bb3912" data-placement-id="d5002d32-0f6a-4897-86ed-31285d46b37d" data-placement-status="ACTIVE"><div id="flockler-embed-18240319a9c027a30fadf29b90a8ddef"></div>
<script src="https://plugins.flockler.com/embed/182402e1e030a27ca7208c5433862569/18240319a9c027a30fadf29b90a8ddef" async=""></script>
</div>
    </div>
</div>

</div></div>
    	</div>
    	
        
        <div data-content-region="home_below_top_products"><div data-layout-id="f54579f8-76ae-4558-9ebd-63fa525623f8">       <div data-sub-layout-container="5567f34a-3afc-46b4-bc1c-f76e75efb651" data-layout-name="Layout">
    <style data-container-styling="5567f34a-3afc-46b4-bc1c-f76e75efb651">
        [data-sub-layout-container="5567f34a-3afc-46b4-bc1c-f76e75efb651"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="5567f34a-3afc-46b4-bc1c-f76e75efb651"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="d89eb7e8-0daf-4f2c-aaa2-5cfb5fd0fe8b">
        <style data-column-styling="d89eb7e8-0daf-4f2c-aaa2-5cfb5fd0fe8b">
            [data-sub-layout="d89eb7e8-0daf-4f2c-aaa2-5cfb5fd0fe8b"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 100%;
                max-width: 100%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="d89eb7e8-0daf-4f2c-aaa2-5cfb5fd0fe8b"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="d89eb7e8-0daf-4f2c-aaa2-5cfb5fd0fe8b"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="1218f46b-0d03-4eb1-b432-dc0ec4dafd21" data-placement-id="49b1d3e3-7515-43a2-a912-3a8d46cc419f" data-placement-status="ACTIVE"><div id="sd-carousel-1218f46b-0d03-4eb1-b432-dc0ec4dafd21"></div>
<script type="text/javascript">
  (function() {
    const storefrontSRI = 'sha512-BbGuatgSwaX40tvu/XSbAUdPnRs/hpApC9vpxcayKfX6Zw0hyBlHXk2Wt+bWMqIgiyzb7/UkrVxmdgN0gHQcFg==';
    const pageBuilderSRI = 'sha512-EpDq2X1ykYhLr5I4+csf0gDX6WedsYHjCrscqZZh/Y5aYkcoJ1R0QcXLzcDxsjXHcJvkCimmtVkCq6RsBrjbzg==';
    const scriptPath = (build) => `https://microapps.bigcommerce.com/carousel-widget-v2-js/8fdf96db7173ca6e46533e7196c77d5fe6888777/${build}-bundle.js`;

    function loadScript(src, sri, onload) {
      const scriptTag = document.createElement('script');
      scriptTag.type = 'text/javascript';
      scriptTag.defer = true;
      scriptTag.src = src;
      scriptTag.integrity = sri;
      scriptTag.crossOrigin = 'anonymous';
      if (onload) {
        scriptTag.onload = onload;
      }
      document.head.appendChild(scriptTag);
    }

    var widgetOptions = {"_":{"context":{"activeCurrencyCode":"USD","isEditorMode":false,"settings":{"cdn_url":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0"},"localeSubfolder":""},"id":"1218f46b-0d03-4eb1-b432-dc0ec4dafd21"},"slides":[{"textColor":"#444444","slideLink":"https:\u002f\u002fcottoncuts.com","displayTitle":"Carousel Title","button":{"shape":"round","visibility":"hide","buttonColor":"#444444","buttonTextColor":"#FFFFFF"},"displaySubtitle":"\u003cp\u003e&ldquo;I am so excited and very pleased with my fabric. It is like you were standing right with me at a fabric store!!!!&rdquo;\u003c\u002fp\u003e\n\u003cp\u003e&nbsp;\u003c\u002fp\u003e\n\u003cp\u003e-Donna M.\u003c\u002fp\u003e","background":{"type":"image","color":"#444444","imageFit":"fill","imageUrl":{"src":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587","type":"IMAGE_MANAGER","data":{"name":"image-asset-45-.png","imageUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587","url80wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f80w\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587","url160wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f160w\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587","url320wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587","url640wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f640w\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587","url960wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f960w\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587","url1280wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1280w\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587","url1920wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1920w\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587","thumbnailUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fimage-asset-45-.png?t=1663852587"}},"imageOpacity":100,"imageAlignment":{"vertical":"middle","horizontal":"center"}},"title":{"textStyle":"default","visibility":"hide","fontFamily":"inherit","fontWeight":"400","fontSize":{"type":"px","value":36}},"displayButtonText":"Shop now","textBox":{"visibility":"show","backgroundColor":"#FFFFFF"},"description":{"textStyle":"default","visibility":"show","fontFamily":"inherit","fontWeight":"400","fontSize":{"type":"px","value":21}},"contentAlignment":{"vertical":"middle","horizontal":"center"}},{"textColor":"#444444","displayTitle":"Carousel Title","button":{"shape":"round","visibility":"hide","buttonColor":"#444444","buttonTextColor":"#FFFFFF"},"displaySubtitle":"\u003cp\u003e&ldquo;I got my box today and it is beautiful! Thank you so much. Love the fabric, the quilt patterns, and the free online patterns are adorable! Thanks for the little extras as well. &rdquo;\u003c\u002fp\u003e\n\u003cp\u003e&nbsp;\u003c\u002fp\u003e\n\u003cp\u003e-Becky B.\u003c\u002fp\u003e","background":{"type":"image","color":"#444444","imageFit":"fill","imageUrl":{"src":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fherobanne.png?t=1658514095","type":"IMAGE_MANAGER","data":{"name":"herobanne.png","imageUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fherobanne.png?t=1658514095","url80wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f80w\u002fimage-manager\u002fherobanne.png?t=1658514095","url160wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f160w\u002fimage-manager\u002fherobanne.png?t=1658514095","url320wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fherobanne.png?t=1658514095","url640wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f640w\u002fimage-manager\u002fherobanne.png?t=1658514095","url960wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f960w\u002fimage-manager\u002fherobanne.png?t=1658514095","url1280wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1280w\u002fimage-manager\u002fherobanne.png?t=1658514095","url1920wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1920w\u002fimage-manager\u002fherobanne.png?t=1658514095","thumbnailUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fherobanne.png?t=1658514095"}},"imageOpacity":100,"imageAlignment":{"vertical":"middle","horizontal":"center"}},"title":{"textStyle":"default","visibility":"hide","fontFamily":"inherit","fontWeight":"400","fontSize":{"type":"px","value":36}},"displayButtonText":"Shop now","textBox":{"visibility":"show","backgroundColor":"#FFFFFF"},"description":{"textStyle":"default","visibility":"show","fontFamily":"inherit","fontWeight":"400","fontSize":{"type":"px","value":21}},"contentAlignment":{"vertical":"middle","horizontal":"center"}},{"textColor":"#444444","displayTitle":"Carousel Title","button":{"shape":"round","visibility":"hide","buttonColor":"#444444","buttonTextColor":"#FFFFFF"},"displaySubtitle":"\u003cp\u003e&ldquo; Your service is great, fabrics are great and I recommend you to all of my quilting friends. &rdquo;\u003c\u002fp\u003e\n\u003cp\u003e&nbsp;\u003c\u002fp\u003e\n\u003cp\u003e-Jackie T.\u003c\u002fp\u003e","background":{"type":"image","color":"#444444","imageFit":"fill","imageUrl":{"src":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440","type":"IMAGE_MANAGER","data":{"name":"img-3699-16177.jpeg","imageUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440","url80wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f80w\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440","url160wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f160w\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440","url320wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440","url640wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f640w\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440","url960wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f960w\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440","url1280wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1280w\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440","url1920wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1920w\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440","thumbnailUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fimg-3699-16177.jpeg?t=1663168440"}},"imageOpacity":100,"imageAlignment":{"vertical":"middle","horizontal":"center"}},"title":{"textStyle":"default","visibility":"hide","fontFamily":"inherit","fontWeight":"400","fontSize":{"type":"px","value":36}},"displayButtonText":"Shop now","textBox":{"visibility":"show","backgroundColor":"#FFFFFF"},"description":{"textStyle":"default","visibility":"show","fontFamily":"inherit","fontWeight":"400","fontSize":{"type":"px","value":21}},"contentAlignment":{"vertical":"middle","horizontal":"center"}},{"textColor":"#444444","displayTitle":"Carousel Title","button":{"shape":"round","visibility":"hide","buttonColor":"#444444","buttonTextColor":"#FFFFFF"},"displaySubtitle":"\u003cp\u003e&ldquo;I really love what you are doing and happy to be a small part of it. &rdquo;\u003c\u002fp\u003e\n\u003cp\u003e&nbsp;\u003c\u002fp\u003e\n\u003cp\u003e-Beth M.\u003c\u002fp\u003e","background":{"type":"image","color":"#444444","imageFit":"fill","imageUrl":{"src":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fimage6.jpeg?t=1664247657","type":"IMAGE_MANAGER","data":{"name":"image6.jpeg","imageUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002foriginal\u002fimage-manager\u002fimage6.jpeg?t=1664247657","url80wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f80w\u002fimage-manager\u002fimage6.jpeg?t=1664247657","url160wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f160w\u002fimage-manager\u002fimage6.jpeg?t=1664247657","url320wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fimage6.jpeg?t=1664247657","url640wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f640w\u002fimage-manager\u002fimage6.jpeg?t=1664247657","url960wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f960w\u002fimage-manager\u002fimage6.jpeg?t=1664247657","url1280wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1280w\u002fimage-manager\u002fimage6.jpeg?t=1664247657","url1920wide":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f1920w\u002fimage-manager\u002fimage6.jpeg?t=1664247657","thumbnailUrl":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-6hfyidt5z0\u002fimages\u002fstencil\u002f320w\u002fimage-manager\u002fimage6.jpeg?t=1664247657"}},"imageOpacity":100,"imageAlignment":{"vertical":"top","horizontal":"center"}},"title":{"textStyle":"default","visibility":"hide","fontFamily":"inherit","fontWeight":"400","fontSize":{"type":"px","value":36}},"displayButtonText":"Shop now","textBox":{"visibility":"show","backgroundColor":"#FFFFFF"},"description":{"textStyle":"default","visibility":"show","fontFamily":"inherit","fontWeight":"400","fontSize":{"type":"px","value":21}},"contentAlignment":{"vertical":"middle","horizontal":"center"}}]};

      if (window.BigCommerce && window.BigCommerce.initializeCarouselV2 && typeof window.BigCommerce.initializeCarouselV2 === 'function') {
        window.BigCommerce.initializeCarouselV2(widgetOptions).setup();
      } else {
        loadScript(scriptPath('storefront'), storefrontSRI, () => window.BigCommerce.initializeCarouselV2(widgetOptions).setup());
      }
  })();
</script>
</div>
    </div>
</div>

</div></div>
    <!-- TOP SELLER PRODUCTS SECTION END -->

    <!-- FEATURED PRODUCTS SECTION START -->
    <!-- FEATURED PRODUCTS SECTION END -->
    
    <!-- NEW PRODUCTS SECTION START -->
    <div class="container">
    	<div data-content-region="home_above_new_products"></div>
    </div>	
    <!-- NEW PRODUCTS SECTION END -->
    
    
    <!-- PAGE BUILDER SECTION START -->
    <div class="container">
        <div data-content-region="home_below_featured_products"></div>
    </div>
    <!-- PAGE BUILDER SECTION END -->

    <!-- OUR STORY SECTION START -->
        <div class="our-story">
    <div class="container">
        <div class="section-title">
            <h2 class="section-heading">
                Who is Cotton Cuts?
            </h2>
            
            <p class="section-sub-heading">
                Our Mission + More
            </p>
        </div>

        <div class="our-story-element">
            <div class="our-story-contents">
                <div class="banners" data-banner-location="bottom">
                    <div class="banner" data-event-type="promotion" data-entity-id="" data-name="" data-position="" data-name="">
                        <div data-event-type="promotion-click">
                            
                        </div>
                    </div>
                </div>

                <div class="banners" data-banner-location="bottom">
                    <div class="banner">
                        <div class="our-story-img show">
                            <img 
							class="lazyload" 
							data-sizes="auto" 
							src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" 
							data-src="https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/aboutmeimage.png?t=1658515962&amp;_gl=1*1sw0vxs*_ga*MTk0OTgwNDE5Mi4xNjU4NTAyODMz*_ga_WS2VZYPC6G*MTY1ODUxNDcxNS4zLjEuMTY1ODUxNTk2OC40NA.." 
							alt="Who is Cotton Cuts?" 
							title="Who is Cotton Cuts?"
							/>
                        </div>
                        <div class="our-story-content show">
                            <div class="our-story-sub-content">
                                	<p>Cotton Cuts is a globally accessible fabric shop delivering high quality designer fabric, threads, patterns, and notions based on your personal needs and preferences.</p>
                                
                                	<p>We acknowledge that no two quilters are cut from the same cloth. We transcend borders through the beauty of fabric, and we strive to bring the world closer, one stitch at a time. Through our unique global lens, we seek cultural competency and challenge ourselves to improve constantly. We are dedicated to delivering high quality materials to inspire community around creativity, and we believe strongly in leaving a legacy more important than profit. We want the world to be better with us in it.  We continue to support job creation to those underserved and believe in giving back through donations to communities far and wide.  Every Cotton Cuts membership that you purchase contributes toward improving lives and outcomes for many people- most in need.</p>
                                
                                	<a href="/about-us/"><span>read more</span></a>
                            </div>
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- OUR STORY SECTION END -->
    
    <!-- BOTTOM BANNER SECTION START -->
        
    <!-- BOTTOM BANNER SECTION END -->
    

    <!-- RECENT UPDATES SECTION START -->
            <!-- RECENT UPDATES SECTION END -->

    <!-- USP SECTION START -->
            <!-- USP SECTION END -->

    <!-- INSTAGRAM START -->
        
<script>    
    /*---------------------  Insta Default JS Initialization Start----------------------------*/
    // Instagram Deprecated this code so it no longer works. May add again later once there is a better way.
    /*var feed = new Instafeed({
        get: 'user',
        userId: '',
        clientId: '',
        limit: 10,
        sortBy: 'most-recent',
        accessToken: '',
        resolution: "standard_resolution",
        success: function(response) {
            setTimeout(function() {
                $('#instafeed').html('');
                $.each(response.data, function(index, value) {
                    var _userName = value.user.full_name;
                    var _proImage = value.user.profile_picture;
                    var _feedLink = value.link;
                    var _feedLikes = value.likes.count;
                    var _feedComments = value.comments.count;
                    var _feedImage = value.images.low_resolution.url;
                    var _html = '<a class="custom_insta_link" href="'+_feedLink+'" target="_blank"><img src="'+_feedImage+'" alt="" dataindex = '+index+'><span><svg><use xlink:href="#icon-instagram"></use></svg><label>Shop the Look</label></span>'+'</a>' ;
                    $('#instafeed').append(_html);
                });
            }, 100);
            
        }
    });
    feed.run();*/
    /*---------------------  Insta Default JS Initialization Ends-----------------------------*/
</script>
    <!-- INSTAGRAM END -->
    
    <!-- PAGE BUILDER SECTION START -->
    <div class="container">
        <div data-content-region="home_above_footer_container"><div data-layout-id="f61be32e-bdf9-4839-b367-0d94cf4b325b">       <div data-sub-layout-container="ba18b400-bcad-48c2-a629-70bdd0c568ca" data-layout-name="Layout">
    <style data-container-styling="ba18b400-bcad-48c2-a629-70bdd0c568ca">
        [data-sub-layout-container="ba18b400-bcad-48c2-a629-70bdd0c568ca"] {
            box-sizing: border-box;
            display: flex;
            flex-wrap: wrap;
            z-index: 0;
            position: relative;
            height: ;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
            padding-left: 0px;
            margin-top: 0px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
            border-width: 0px;
            border-style: solid;
            border-color: #333333;
        }

        [data-sub-layout-container="ba18b400-bcad-48c2-a629-70bdd0c568ca"]:after {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            right: 0;
            background-size: cover;
            z-index: auto;
        }
    </style>

    <div data-sub-layout="20ec67c7-4405-47dd-bee9-38c255f816c8">
        <style data-column-styling="20ec67c7-4405-47dd-bee9-38c255f816c8">
            [data-sub-layout="20ec67c7-4405-47dd-bee9-38c255f816c8"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 25%;
                max-width: 25%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="20ec67c7-4405-47dd-bee9-38c255f816c8"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="20ec67c7-4405-47dd-bee9-38c255f816c8"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="fa6c7a18-97f7-48b7-bfe1-eb60575410cc" data-placement-id="eabf856a-1cca-49ae-aed4-af2293e1dc5d" data-placement-status="ACTIVE"><img src="https://fabshophop.com/chop49front.png" width="225" height="219" usemap="#Map" border="0">
<map name="Map">
<area shape="rect" coords="60,0,143,52" href="https://fabshophop.com" target="_blank" alt="List of Shops">
<area shape="rect" coords="-1,0,57,84" href="https://fabshophop.com" target="_blank" alt="Join the FabShop Hop">
<area shape="circle" coords="82,90,65" href="https://fabshophop.com" target="_blank" alt="FabShop Hop">
</map>
</div>
    </div>
    <div data-sub-layout="69053056-8d92-4a09-9d1e-8ac1f28c0333">
        <style data-column-styling="69053056-8d92-4a09-9d1e-8ac1f28c0333">
            [data-sub-layout="69053056-8d92-4a09-9d1e-8ac1f28c0333"] {
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                flex-basis: 75%;
                max-width: 75%;
                z-index: 0;
                position: relative;
                height: ;
                padding-top: 0px;
                padding-right: 10.5px;
                padding-bottom: 0px;
                padding-left: 10.5px;
                margin-top: 0px;
                margin-right: 0px;
                margin-bottom: 0px;
                margin-left: 0px;
                border-width: 0px;
                border-style: solid;
                border-color: #333333;
                justify-content: center;
            }
            [data-sub-layout="69053056-8d92-4a09-9d1e-8ac1f28c0333"]:after {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                bottom: 0;
                right: 0;
                background-size: cover;
                z-index: auto;
            }
            @media only screen and (max-width: 700px) {
                [data-sub-layout="69053056-8d92-4a09-9d1e-8ac1f28c0333"] {
                    flex-basis: 100%;
                    max-width: 100%;
                }
            }
        </style>
        <div data-widget-id="b85ea275-858c-4531-9a96-6de132b0e9cf" data-placement-id="21f82445-da22-4b08-8b15-444223bea078" data-placement-status="ACTIVE"><style>
    .sd-simple-text-b85ea275-858c-4531-9a96-6de132b0e9cf {
      padding-top: 0px;
      padding-right: 0px;
      padding-bottom: 0px;
      padding-left: 0px;

      margin-top: 0px;
      margin-right: 0px;
      margin-bottom: 0px;
      margin-left: 0px;

    }

    .sd-simple-text-b85ea275-858c-4531-9a96-6de132b0e9cf * {
      margin: 0;
      padding: 0;

        color: #333333;
        font-family: inherit;
        font-weight: 500;
        font-size: 24px;
        min-height: 24px;

    }

    .sd-simple-text-b85ea275-858c-4531-9a96-6de132b0e9cf {
        text-align: center;
    }

    #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf {
      min-width: 14px;
      line-height: 1.5;
      display: inline-block;
    }

    #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf[data-edit-mode="true"]:hover,
    #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf[data-edit-mode="true"]:active,
    #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf[data-edit-mode="true"]:focus {
      outline: 1px dashed #3C64F4;
    }

    #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf strong,
    #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf strong * {
      font-weight: bold;
    }

    #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf a {
      color: inherit;
    }

    @supports (color: color-mix(in srgb, #000 50%, #fff 50%)) {
      #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf a:hover,
      #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf a:active,
      #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf a:focus {
        color: color-mix(in srgb, currentColor 68%, white 32%);
      }
    }

    @supports not (color: color-mix(in srgb, #000 50%, #fff 50%)) {
      #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf a:hover,
      #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf a:active,
      #sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf a:focus {
        filter: brightness(2);
      }
    }
</style>

<div class="sd-simple-text-b85ea275-858c-4531-9a96-6de132b0e9cf ">
  <div id="sd-simple-text-editable-b85ea275-858c-4531-9a96-6de132b0e9cf" data-edit-mode="">
    <p>Somebunny loves a good deal on fabric.&nbsp;</p>
  </div>
</div>

</div>
    </div>
</div>

</div></div>
    </div>
    <div data-content-region="home_above_footer"></div>
    <!-- PAGE BUILDER SECTION END -->
</div>

    </div>
    <div id="modal" class="modal" data-reveal data-prevent-quick-search-close>
    <a href="#" class="modal-close" aria-label="Close" role="button">
        <span aria-hidden="true">&#215;</span>
    </a>
    <div class="modal-content"></div>
    <div class="loadingOverlay"></div>
</div>
    <div id="alert-modal" class="modal modal--alert modal--small" data-reveal data-prevent-quick-search-close>
    <div class="swal2-icon swal2-error swal2-icon-show"><span class="swal2-x-mark"><span class="swal2-x-mark-line-left"></span><span class="swal2-x-mark-line-right"></span></span></div>

    <div class="modal-content"></div>

    <div class="button-container"><button type="button" class="confirm button" data-reveal-close>OK</button></div>
</div>
</div>
 
        <div class="footer-logo">
        <div class="header-logo logo-image">
            <a href="https://www.cottoncuts.com/" class="header-logo__link">
            <div class="header-logo-image-container">
                <img class="header-logo-image" src="https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/210x45/cotton_cuts_ribbon_-_color_-_2_1673464875__20876.original.png" alt="Cotton Cuts" title="Cotton Cuts">
            </div>
</a>
        </div>
</div>

<footer class="footer" role="contentinfo">
    <div class="container">
        <div class="navPages-container footer-menu" id="menu" data-menu>
            <nav class="navPages">
                <ul class="navPages-list">
                    <li class="navPages-item">
                        <a class="navPages-action" href="/">
                            home
                        </a>
                    </li>
                    <li class="navPages-item">
                        <a class="navPages-action" href="/shop/">
                            shop
                        </a>
                    </li>
                    <li class="navPages-item">
                        <a class="navPages-action" href="/about-pmq/">
                            puzzle mystery quilt
                        </a>
                    </li>
                    <li class="navPages-item">
                        <a class="navPages-action" href="/about-us/">
                            About Us
                        </a>
                    </li>
                    <li class="navPages-item">
                        <a class="navPages-action" href="/contact-us/">
                            contact us
                        </a>
                    </li>
                    <li class="navPages-item">
                        <a class="navPages-action" href="/blog/">
                            blog
                        </a>
                    </li>
                    <li class="navPages-item">
                        <a class="navPages-action" href="/Get-Involved/">
                            Get Involved
                        </a>
                    </li>
                </ul>
            </nav>
        </div> 
        <div class="footer-content">
            <div class="footer-content-left show">
                <ul>
                    <li>
                        <a href="/privacy-policy/">Privacy Policy</a>
                    </li>
                    <li>
                        <a href="/terms-and-conditions/">Terms &amp; Conditions</a>
                    </li>
                    <li>
                        <a href="/xmlsitemap.php">Site Map</a>
                    </li>
                </ul>
            </div>
            <div class="footer-content-middle show">
                <div class="footer-subcontent-middle">
                    <div class="theme-social-icons">
                            <ul class="socialLinks socialLinks--alt">
            <li class="socialLinks-item">
                <a class="icon icon--facebook" href="https://www.facebook.com/cottoncutsclub" target="_blank">
                    <svg><use xlink:href="#icon-facebook" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--instagram" href="https://www.instagram.com/cotton_cuts/" target="_blank">
                    <svg><use xlink:href="#icon-instagram" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--pinterest" href="https://www.pinterest.com/cottoncuts/" target="_blank">
                    <svg><use xlink:href="#icon-pinterest" /></svg>
                </a>
            </li>
            <li class="socialLinks-item">
                <a class="icon icon--youtube" href="https://www.youtube.com/c/CottonCutsClub" target="_blank">
                    <svg><use xlink:href="#icon-youtube" /></svg>
                </a>
            </li>
    </ul>
 
                    </div>
                    <div class="theme-newsletter">
                            <h5>Sign up for the latest news and offers</h5>

<form class="form" action="https://www.cottoncuts.com/subscribe.php" method="post">
    <fieldset class="form-fieldset">
        <input type="hidden" name="action" value="subscribe">
        <input type="hidden" name="nl_first_name" value="bc">
        <input type="hidden" name="check" value="1">
        <div class="form-field">
            <label class="form-label is-srOnly" for="nl_email">Email Address</label>
            <div class="form-prefixPostfix wrap">
                <input class="form-input" id="nl_email" name="nl_email" type="email" value="" placeholder="name@email.com">
                <button class="form-prefixPostfix-button--postfix" type="submit">
                    <span class="icon-newsletter theme-icon" data-icon='&#xe91a;'></span>
                </button>
            </div>
        </div>
    </fieldset>
</form>
                    </div>
                    
	                <div class="theme-payment show">
	                        <div class="footer-payment-icons">
        <span class="show">
            <svg class="footer-payment-icon"><use xlink:href="#icon-logo-visa"></use></svg>    
        </span>
        <span class="show">
            <svg class="footer-payment-icon"><use xlink:href="#icon-logo-mastercard"></use></svg>
        </span>
        <span class="show">
            <svg class="footer-payment-icon"><use xlink:href="#icon-logo-amex"></use></svg>    
        </span>
        <span class="show">
        	<svg class="footer-payment-icon"><use xlink:href="#icon-logo-discover"></use></svg>
        </span>
        
    </div>
	                </div>
	                
	                <div data-content-region="ssl_site_seal--global"></div>
                </div>
            </div>
            <div class="footer-content-right show">
                <div class="theme-address show">
                    <address>140 Long Road, Suite 115<br>
Chesterfield, MO 63005</address>
                </div>
                
                
                <div class="theme-address footer-phone show">
                	<address>
                	
                	<svg enable-background="new 0 0 139 139" height="18px" id="Phone" version="1.1" viewBox="0 0 139 139" width="18px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M67.317,81.952c-9.284-7.634-15.483-17.054-18.742-22.414l-2.431-4.583c0.85-0.912,7.332-7.853,10.141-11.619  c3.53-4.729-1.588-9-1.588-9S40.296,19.933,37.014,17.076c-3.282-2.861-7.06-1.272-7.06-1.272  c-6.898,4.457-14.049,8.332-14.478,26.968C15.46,60.22,28.705,78.216,43.028,92.148c14.346,15.734,34.043,31.504,53.086,31.486  c18.634-0.425,22.508-7.575,26.965-14.473c0,0,1.59-3.775-1.268-7.06c-2.86-3.284-17.265-17.688-17.265-17.688  s-4.268-5.119-8.998-1.586c-3.525,2.635-9.855,8.496-11.38,9.917C84.171,92.749,73.582,87.104,67.317,81.952z"/></svg>
                	
                	<a href="tel:636-778-0583">636-778-0583</a>
                	
                	</address>
                </div>
                


            </div>
        </div>
    </div>
</footer>

<div class="bottom-footer">
    <div class="container">
        <p>
             &copy; 2026 Cotton Cuts 
            
             All rights reserved. 
             | <a class="footer-sitemap" href="https://www.cottoncuts.com/sitemap.php">Sitemap</a> 
        </p>
    </div>
</div>

        <script>window.__webpack_public_path__ = "https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/dist/";</script>
        <script src="https://cdn11.bigcommerce.com/s-6hfyidt5z0/stencil/32c568a0-2990-013c-4826-7a3830cc64a4/e/35e9f560-e614-013c-0814-6e2736edf853/dist/theme-bundle.main.js"></script>
        <script>
            window.stencilBootstrap("default", "{\"breadcrumbs\":[{\"url\":\"https://www.cottoncuts.com/\",\"name\":\"Home\"}],\"products\":[],\"phone\":null,\"email\":null,\"bearerToken\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL3d3dy5jb3R0b25jdXRzLmNvbSJdLCJlYXQiOjE3ODczOTc0NzMsImlhdCI6MTc4NzIyNDY3MywiaXNzIjoiQkMiLCJzaWQiOjEwMDIxNzgyMTMsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.GSK6TEENkY1OnnaytMSGhq2YY_psgXuvv0QHHamVlApCVunhrWmwkSHZNi_v7TWAg2TU-4YAGg2SNZtP3AivqQ\",\"showSwatch\":false,\"showAdminBar\":true,\"genericError\":\"Oops! Something went wrong.\",\"maintenanceModeSettings\":[],\"adminBarLanguage\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"admin.maintenance_header\\\":\\\"en\\\",\\\"admin.maintenance_tooltip\\\":\\\"en\\\",\\\"admin.maintenance_showstore_link\\\":\\\"en\\\",\\\"admin.prelaunch_header\\\":\\\"en\\\",\\\"admin.page_builder_link\\\":\\\"en\\\"},\\\"translations\\\":{\\\"admin.maintenance_header\\\":\\\"Your store is down for maintenance.\\\",\\\"admin.maintenance_tooltip\\\":\\\"Only administrators can view the store at the moment. Visit your control panel settings page to disable maintenance mode.\\\",\\\"admin.maintenance_showstore_link\\\":\\\"Click here to see what your visitors will see.\\\",\\\"admin.prelaunch_header\\\":\\\"Your storefront is private. Share your site with preview code:\\\",\\\"admin.page_builder_link\\\":\\\"Design this page in Page Builder\\\"}}\",\"urls\":{\"home\":\"https://www.cottoncuts.com/\",\"brands\":\"https://www.cottoncuts.com/brands/\",\"search\":\"https://www.cottoncuts.com/search.php\",\"compare\":\"https://www.cottoncuts.com/compare\",\"sitemap\":\"https://www.cottoncuts.com/sitemap.php\",\"contact_us_submit\":\"https://www.cottoncuts.com/pages.php?action=sendContactForm\",\"subscribe\":{\"action\":\"https://www.cottoncuts.com/subscribe.php\"},\"checkout\":{\"single_address\":\"https://www.cottoncuts.com/checkout\",\"multiple_address\":\"https://www.cottoncuts.com/checkout.php?action=multiple\"},\"account\":{\"orders\":{\"all\":\"https://www.cottoncuts.com/account.php?action=order_status\",\"completed\":\"https://www.cottoncuts.com/account.php?action=view_orders\",\"save_new_return\":\"https://www.cottoncuts.com/account.php?action=save_new_return\"},\"returns\":\"https://www.cottoncuts.com/account.php?action=view_returns\",\"addresses\":\"https://www.cottoncuts.com/account.php?action=address_book\",\"inbox\":\"https://www.cottoncuts.com/account.php?action=inbox\",\"send_message\":\"https://www.cottoncuts.com/account.php?action=send_message\",\"add_address\":\"https://www.cottoncuts.com/account.php?action=add_shipping_address\",\"update_action\":\"https://www.cottoncuts.com/account.php?action=update_account\",\"details\":\"https://www.cottoncuts.com/account.php?action=account_details\",\"recent_items\":\"https://www.cottoncuts.com/account.php?action=recent_items\",\"index\":\"https://www.cottoncuts.com/account.php\",\"wishlists\":{\"all\":\"https://www.cottoncuts.com/wishlist.php\",\"add\":\"https://www.cottoncuts.com/wishlist.php?action=addwishlist\",\"edit\":\"https://www.cottoncuts.com/wishlist.php?action=editwishlist\",\"delete\":\"https://www.cottoncuts.com/wishlist.php?action=deletewishlist\"},\"payment_methods\":{\"all\":\"https://www.cottoncuts.com/account.php?action=payment_methods\"}},\"auth\":{\"login\":\"https://www.cottoncuts.com/login.php\",\"check_login\":\"https://www.cottoncuts.com/login.php?action=check_login\",\"create_account\":\"https://www.cottoncuts.com/login.php?action=create_account\",\"save_new_account\":\"https://www.cottoncuts.com/login.php?action=save_new_account\",\"forgot_password\":\"https://www.cottoncuts.com/login.php?action=reset_password\",\"send_password_email\":\"https://www.cottoncuts.com/login.php?action=send_password_email\",\"save_new_password\":\"https://www.cottoncuts.com/login.php?action=save_new_password\",\"logout\":\"https://www.cottoncuts.com/login.php?action=logout\"},\"cart\":\"https://www.cottoncuts.com/cart.php\",\"product\":{\"post_review\":\"https://www.cottoncuts.com/postreview.php\"},\"gift_certificate\":{\"purchase\":\"https://www.cottoncuts.com/giftcertificates.php\",\"redeem\":\"https://www.cottoncuts.com/giftcertificates.php?action=redeem\",\"balance\":\"https://www.cottoncuts.com/giftcertificates.php?action=balance\"},\"rss\":{\"products\":[]}},\"secureBaseUrl\":\"https://www.cottoncuts.com\",\"cartId\":null,\"channelId\":1,\"template\":\"pages/home\",\"add_to_cart_popup\":\"default\",\"redirect_cart\":false}").load();
        </script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.js"></script>
        <script type="text/javascript">
            //Function to display the image options on the dropdown menu
            function custom_template(obj){
                var data = $(obj.element).data();
                if(data && data['img_src']){
                    img_src = data['img_src'];
                    template = $("<div><img src=\"" + img_src + "\" style=\"width:100%;height:150px;\"/></div>");
                    return template;
                }
            }
            var options = {
                'templateSelection': custom_template,
                'templateResult': custom_template,
            }
            $('.imageSelector').select2(options);
            $('.select2-container--default .select2-selection--single').css({'height': '151px'});
        
            const imageSelectorsContainer = document.querySelector(".imageSelectorsContainer");
            const quiltDesignSelect = document.getElementById("quiltDesignSelect");
            const fabricSelect = document.getElementById("fabricSelect");
            const quiltCanvas = document.getElementById("quiltCanvas");
            const iframe = document.getElementById('customQuiltIframe');

            // Populate image selectors options
            const imageSelectors = document.querySelectorAll(".imageSelector");
        
            imageSelectors.forEach((imageSelector) => {
                const design = imageSelector.id;
                const designImages = imageSelector.querySelectorAll("option[data-img_src]");
        
                designImages.forEach((image) => {
                    const option = document.createElement("option");
                    option.value = image.getAttribute("data-img_src");
                    option.text = image.value.split("/").pop();
                    imageSelector.appendChild(option);
                });
            });
        
            // Function to update the quilt preview
            function updateQuiltPreview() {
                var canvas = document.getElementById("quiltCanvas");
                var ctx = canvas.getContext("2d");
        
                if(document.getElementById("quiltDesignSelect").value === "aurora"){
                    const squareSize = canvas.width;
        
                    //Initializing design C
                    var desC = new Image();
                    desC.onload = function() {
        
                        //Initializing design D
                        var desD = new Image();
                        desD.onload = function() {
        
                            //Initializing design F
                            var desF = new Image();
                            desF.onload = function()  {
        
                                //Initializing design A
                                var desA = new Image();
                                desA.onload = function()  {
        
                                    //Initializing design E
                                    var desE = new Image();
                                    desE.onload = function()  {
        
                                        //Initializing design B
                                        var desB = new Image();
                                        desB.onload = function()  {
                                            // Draw the outer rectangle sectors with Design C
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
        
                                            // Draw the mini squares at each corner with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(0, 0);
                                            ctx.lineTo(0, squareSize*1/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*1/24, 0);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*23/24, 0);
                                            ctx.lineTo(squareSize*24/24, 0);
                                            ctx.lineTo(squareSize*24/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*1/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(0, squareSize*23/24);
                                            ctx.lineTo(0, squareSize*24/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*24/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*23/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*23/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*24/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*24/24, squareSize*24/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*24/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner Square with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*1/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*1/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner Square with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*2/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*2/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner Square with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*3/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*3/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner square with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*4/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*4/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            // Draw the mini squares at each corner with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*3/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*4/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*20/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*4/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*3/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*20/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*20/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner diamonds with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*2/24, squareSize/24);
                                            ctx.lineTo(squareSize/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*22/24, squareSize/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*21/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*23/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*8/24, squareSize/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*22/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*8/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*15/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*15/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*23/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*2/24, squareSize*7/24);
                                            ctx.lineTo(squareSize/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*8/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*16/24, squareSize/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*7/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*21/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*17/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner diamonds with Design B
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*2/24, squareSize*3/24);
                                            ctx.lineTo(squareSize/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*4/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*20/24, squareSize/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*3/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*21/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*4/24, squareSize/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*22/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*4/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*19/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*19/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*23/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*2/24, squareSize*9/24);
                                            ctx.lineTo(squareSize/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*10/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*14/24, squareSize/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*9/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*21/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*15/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*2/24, squareSize*13/24);
                                            ctx.lineTo(squareSize/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*14/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*10/24, squareSize/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*13/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*21/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner diamonds with Design C
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*6/24, squareSize/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*22/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*6/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*17/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*17/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*23/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*2/24, squareSize*5/24);
                                            ctx.lineTo(squareSize/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*6/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*18/24, squareSize/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*5/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*21/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*19/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*2/24, squareSize*11/24);
                                            ctx.lineTo(squareSize/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*12/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*12/24, squareSize/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*11/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*21/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*13/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner square with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*5/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*19/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner square with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*6/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*18/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner square with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*7/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*17/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing mini traingles with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*8/24, squareSize*8/24);
        
                                            ctx.lineTo(squareSize*8/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*8/24);
        
                                            ctx.lineTo(squareSize*16/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*8/24);
        
                                            ctx.lineTo(squareSize*20/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*12/24);
        
                                            ctx.lineTo(squareSize*20/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*16/24);
        
                                            ctx.lineTo(squareSize*16/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*16/24);
        
                                            ctx.lineTo(squareSize*8/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*16/24);
        
                                            ctx.lineTo(squareSize*4/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*12/24);
        
                                            ctx.lineTo(squareSize*4/24, squareSize*8/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner rectangles with Design B
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*5/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*16/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*5/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*9/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*8/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*8/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*15/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*8/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*16/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*9/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*16/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*16/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*16/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*16/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*9/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*16/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner rectangles with Design C
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*6/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*15/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*6/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*10/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*9/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*8/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*14/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*8/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*16/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*10/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*16/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*15/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*15/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*16/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*10/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*16/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner mini squares with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*7/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*14/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*7/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*10/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*8/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*13/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*8/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*16/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*16/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*14/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*14/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*16/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*11/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*16/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner square with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*8/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*16/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner square with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*9/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*15/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            // Draw the inner mini squares at each corner with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*8/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*9/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*15/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*9/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*8/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*15/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*15/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*16/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*9/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*10/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*14/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*10/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*9/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*15/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*14/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*15/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner mini traingles with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*10/24, squareSize*10/24);
        
                                            ctx.lineTo(squareSize*10/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*10/24);
        
                                            ctx.lineTo(squareSize*14/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*10/24);
        
                                            ctx.lineTo(squareSize*16/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*12/24);
        
                                            ctx.lineTo(squareSize*16/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*14/24);
        
                                            ctx.lineTo(squareSize*14/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*14/24);
        
                                            ctx.lineTo(squareSize*10/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*14/24);
        
                                            ctx.lineTo(squareSize*8/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*12/24);
        
                                            ctx.lineTo(squareSize*8/24, squareSize*10/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            // Draw the inner mini squares at each corner with Design B
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*9/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*10/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*9/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*13/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*10/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*14/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*9/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*14/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*10/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*15/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*13/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*15/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*14/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*14/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            // Draw the inner reverse triangles at each side with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*10/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*14/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            // Draw the inner mini squares at each corner with Design F (incomplete)
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*10/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*13/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*10/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*14/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*13/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*14/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
        
                                            //Drawing inner mini traingles with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*11/24, squareSize*11/24);
        
                                            ctx.lineTo(squareSize*11/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*11/24);
        
                                            ctx.lineTo(squareSize*13/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
        
                                            ctx.lineTo(squareSize*14/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*12/24);
        
                                            ctx.lineTo(squareSize*14/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
        
                                            ctx.lineTo(squareSize*13/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*13/24);
        
                                            ctx.lineTo(squareSize*11/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
        
                                            ctx.lineTo(squareSize*10/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*12/24);
        
                                            ctx.lineTo(squareSize*10/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
        
                                            //Drawing innermost mini triangles with A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*11/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing innermost mini triangles with E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*12/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*12/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*12/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*12/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*11/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
                                        }
                                        //Image sources
                                        desB.src = document.getElementById("imageSelector2").value;
                                    }
                                    desE.src = document.getElementById("imageSelector5").value;
                                }
                                desA.src = document.getElementById("imageSelector1").value;
                            }
                            desF.src = document.getElementById("imageSelector6").value;              
                        };
                        desD.src = document.getElementById("imageSelector4").value;
                    };
                    desC.src = document.getElementById("imageSelector3").value;
                }
    
                else if(document.getElementById("quiltDesignSelect").value === "sparkle"){
                    const squareSize = canvas.width;
        
                    //Initializing design C
                    var desC = new Image();
                    desC.onload = function() {
        
                        //Initializing design D
                        var desD = new Image();
                        desD.onload = function() {
        
                            //Initializing design F
                            var desF = new Image();
                            desF.onload = function()  {
        
                                //Initializing design A
                                var desA = new Image();
                                desA.onload = function()  {
        
                                    //Initializing design E
                                    var desE = new Image();
                                    desE.onload = function()  {
        
                                        //Initializing design B
                                        var desB = new Image();
                                        desB.onload = function()  {
                                            // Draw the outer rectangle sectors with Design A
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
    
                                            //Drawing inner Square with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*1/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*1/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            // Draw the mini squares at each corner with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*1/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*1/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*22/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*1/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*22/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*22/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            // Draw the mini squares at each corner with Design E
                                            ctx.moveTo(squareSize*2/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*2/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*21/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*3/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*2/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*21/24);
                                            ctx.closePath();
        
                                            ctx.moveTo(squareSize*21/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*22/24);
                                            ctx.closePath();
        
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*1/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*13/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*2/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*13/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*2/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*2/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*10/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*22/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*14/24);
                                            ctx.closePath();
                                            
                                            ctx.moveTo(squareSize*1/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*22/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*22/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design B
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*3/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*5/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*5/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*7/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*7/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*1/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*1/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*23/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*23/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner diamonds with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*3/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*7/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*7/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*5/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*5/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner Squares with Design C
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*5/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*13/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*23/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*13/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*2/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*2/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*10/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*14/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*4/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*20/24);
                                            ctx.closePath();
                                            
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
        
                                            //Drawing inner Square with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*3/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*3/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner Square with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*4/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*4/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner Square with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*5/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*5/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner Square with Design C
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*4/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*20/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*6/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*20/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*4/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*4/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*5/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*4/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*5/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*5/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*4/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*14/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*20/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*14/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*10/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*4/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*10/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*20/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*4/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*14/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*20/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*14/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*12/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*12/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*5/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*5/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design B
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*7/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*6/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*10/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*10/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*14/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*14/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design B
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*6/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*6/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*8/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*16/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*8/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*16/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner ticket shapes with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*6/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*6/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner squares with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*7/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*8/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*8/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*7/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*16/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*16/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design C
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*7/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner square with Design C
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*8/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*16/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*8/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*8/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*16/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*8/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*8/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*16/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*16/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*16/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*8/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*8/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*16/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*8/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*8/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*16/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*16/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*16/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner squares with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*8/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*10/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*16/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*10/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*8/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*14/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*16/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*14/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner square with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*9/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner squares with Design B
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*10/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*14/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*10/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*14/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*13/24);
                                            ctx.closePath();                                        
    
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner squares with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*9/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*13/24);
                                            ctx.closePath();
                                            
                                            ctx.moveTo(squareSize*15/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*10/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*14/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*11/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner triangles with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*11/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                        }
                                        //Image sources
                                        desB.src = document.getElementById("imageSelector2").value;
                                    }
                                    desE.src = document.getElementById("imageSelector5").value;
                                }
                                desA.src = document.getElementById("imageSelector1").value;
                            }
                            desF.src = document.getElementById("imageSelector6").value;              
                        };
                        desD.src = document.getElementById("imageSelector4").value;
                    };
                    desC.src = document.getElementById("imageSelector3").value;
                }
                else if(document.getElementById("quiltDesignSelect").value === "rose"){
                    const squareSize = canvas.width;
        
                    //Initializing design C
                    var desC = new Image();
                    desC.onload = function() {
        
                        //Initializing design D
                        var desD = new Image();
                        desD.onload = function() {
        
                            //Initializing design F
                            var desF = new Image();
                            desF.onload = function()  {
        
                                //Initializing design A
                                var desA = new Image();
                                desA.onload = function()  {
        
                                    //Initializing design E
                                    var desE = new Image();
                                    desE.onload = function()  {
        
                                        //Initializing design B
                                        var desB = new Image();
                                        desB.onload = function()  {
                                            // Draw the outer sectors with Design A
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
    
                                            // Draw the inner sectors with Design C
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*2/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*2/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner sectors with Design B
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*2/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*22/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner sectors with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*3/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*0/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*2/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*7/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*0/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*0/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*0/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*0/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*24/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*22/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*7/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*24/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*24/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*24/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*24/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*23/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*24/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*23/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*24/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*23/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*24/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*23/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*24/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*23/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*24/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*0/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*0/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*0/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*0/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*1/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*0/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner sectors with Design E
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*5/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*13/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*1/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*2/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*3/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*13/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*17/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*23/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*22/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*21/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*21/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*23/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*22/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*3/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*1/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*2/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner sectors with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*3/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*21/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner sectors with Design C
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*5/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*19/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            //Drawing inner sectors with Design B
                                            ctx.save();
                                            ctx.beginPath();
                                            
                                            ctx.moveTo(squareSize*7/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*3/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*7/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*21/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*4/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*4/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*4/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*3/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*20/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*7/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*20/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*20/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*21/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner corners with Design C
                                            ctx.save();
                                            ctx.beginPath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*5/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*5/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*19/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner corners with Design B
                                            ctx.save();
                                            ctx.beginPath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner triangles with Design F
                                            ctx.save();
                                            ctx.beginPath();
    
                                            ctx.moveTo(squareSize*6/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*6/24);
    
                                            ctx.moveTo(squareSize*9/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*10/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*6/24);
    
                                            ctx.moveTo(squareSize*13/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*14/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*6/24);
    
                                            ctx.moveTo(squareSize*17/24, squareSize*4/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*6/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*18/24);
    
                                            ctx.moveTo(squareSize*9/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*10/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*18/24);
    
                                            ctx.moveTo(squareSize*13/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*14/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*18/24);
    
                                            ctx.moveTo(squareSize*17/24, squareSize*20/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*7/24);
    
                                            ctx.moveTo(squareSize*4/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*11/24);
    
                                            ctx.moveTo(squareSize*4/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*5/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*4/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*15/24);
    
                                            ctx.moveTo(squareSize*4/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*7/24);
    
                                            ctx.moveTo(squareSize*20/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*9/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*11/24);
    
                                            ctx.moveTo(squareSize*20/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*19/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*20/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*15/24);
    
                                            ctx.moveTo(squareSize*20/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*17/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner triangles with Design E
                                            ctx.save();
                                            ctx.beginPath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*6/24);
    
                                            ctx.moveTo(squareSize*13/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*5/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*6/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*18/24);
    
                                            ctx.moveTo(squareSize*13/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*19/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*18/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*6/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*11/24);
    
                                            ctx.moveTo(squareSize*6/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*5/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*18/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*11/24);
    
                                            ctx.moveTo(squareSize*18/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*19/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*15/24);
                                            ctx.closePath();
    
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner sectors with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*7/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*7/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner sectors with Design D
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*8/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*7/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*17/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*17/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*7/24, squareSize*8/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desD, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner triangles with Design A
                                            ctx.save();
                                            ctx.beginPath();
    
                                            ctx.moveTo(squareSize*10/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*6/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*8/24);
    
                                            ctx.moveTo(squareSize*10/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*18/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*16/24);
    
                                            ctx.moveTo(squareSize*8/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*6/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*14/24);
    
                                            ctx.moveTo(squareSize*16/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*18/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*14/24);
    
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner sectors with Design F
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*9/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*9/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desF, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner sectors with Design E
                                            ctx.save();
                                            ctx.beginPath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*10/24);
    
                                            ctx.moveTo(squareSize*15/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*10/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*14/24);
    
                                            ctx.moveTo(squareSize*15/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*14/24);
                                            ctx.closePath();
    
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desE, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner sectors with Design B
                                            ctx.save();
                                            ctx.beginPath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*8/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*9/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*11/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*16/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*15/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*14/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*9/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*8/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*9/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*10/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.moveTo(squareSize*15/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*16/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*15/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.closePath();
    
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desB, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                            // Draw the inner sectors with Design C
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*10/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*10/24);
                                            ctx.lineTo(squareSize*14/24, squareSize*12/24);
                                            ctx.lineTo(squareSize*12/24, squareSize*14/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desC, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
                                            
                                            // Draw the inner square with Design A
                                            ctx.save();
                                            ctx.beginPath();
                                            ctx.moveTo(squareSize*11/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*11/24);
                                            ctx.lineTo(squareSize*13/24, squareSize*13/24);
                                            ctx.lineTo(squareSize*11/24, squareSize*13/24);
                                            ctx.closePath();
                                            ctx.clip();
                                            ctx.drawImage(desA, 0, 0, canvas.width, canvas.height);
                                            ctx.restore();
    
                                        }
                                        //Image sources
                                        desB.src = document.getElementById("imageSelector2").value;
                                    }
                                    desE.src = document.getElementById("imageSelector5").value;
                                }
                                desA.src = document.getElementById("imageSelector1").value;
                            }
                            desF.src = document.getElementById("imageSelector6").value;              
                        };
                        desD.src = document.getElementById("imageSelector4").value;
                    };
                    desC.src = document.getElementById("imageSelector3").value;
                }
        
            }
            
            // Extract the filename from the URL
            var extractFilename = function (url) {
                var parts = url.split('/');
                return parts[parts.length - 1];
            };
            
            function generateOptions(selectorId) {
                const selector = document.getElementById(selectorId);
                
                let options = [];
                
                if(fabricSelect.value === "sunprint"){
                    // Add your image options here for first collection
                    options = [
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-b1.jpg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-b1-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-k.jpg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-k-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-l.jpg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-l-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-o.jpg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-o-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-p1.jpg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-p1-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-r.jpg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-r-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-t.jpg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-t-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-v.jpg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-v-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-y.jpg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-790-y-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-l.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-l-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-y.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-y-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-t.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-t-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-p.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-p-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-o.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-o-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-k.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-k-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-g.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-g-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-e.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-e-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-b.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1013-b-preview.png' }
                    ];
                }
                
                /* Add your image options here for second collection
                else if(fabricSelect.value === "soliloquy"){
                    options = [
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1224-o.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1224-o-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1224-k.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1224-k-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1224-b.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1224-b-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1223-y.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1223-y-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1223-g.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1223-g-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1223-e.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1223-e-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1222-o.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1222-o-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1222-g.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1222-g-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1222-e.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1222-e-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1221-r.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1221-r-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1221-p.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1221-p-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1221-g.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1221-g-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1220-r.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1220-r-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1220-o.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1220-o-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1220-b.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1220-b-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1219-t.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1219-t-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1219-p.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1219-p-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1219-e.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1219-e-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1218-ln.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1218-ln-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1218-l.jpeg', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1218-l-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1217-t.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1217-t-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1217-r.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1217-r-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1217-b.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1217-b-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1216-p.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1216-p-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1216-g.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1216-g-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1216-b.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1216-b-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1215-r.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1215-r-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1215-g.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1215-g-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1215-c.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1215-c-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1214-p.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1214-p-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1214-o.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1214-o-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1214-b.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1214-b-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1213-t.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1213-t-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1213-o.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1213-o-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1213-e.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1213-e-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1213-c.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-1213-c-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-880-y1.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-880-y1-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-456-t.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-456-t-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-456-o.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-456-o-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-456-l.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/a-456-l-preview.png' }
                    ];
                }
                
                // Add your image options here for second collection
                else if(fabricSelect.value === "tabby"){
                    options = [
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp151.starling.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp151.starling-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp151.shell.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp151.shell-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp151.peacock.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp151.peacock-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp151.dove.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp151.dove-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.sunshine.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.sunshine-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.peachblossom.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.peachblossom-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.flamingo.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.flamingo-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.firefish.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.firefish-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.deepsea.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.deepsea-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.chameleon.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp150.chameleon-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.tigerlily.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.tigerlily-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.spring.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.spring-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.snapdragon.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.snapdragon-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.peony.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.peony-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.hydrangea.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.hydrangea-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.delphinium.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.delphinium-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.daisy.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.daisy-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.dahlia.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.dahlia-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.blossom.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.blossom-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.azalea.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.azalea-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.anemone.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp149.anemone-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.whisper.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.whisper-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.sherbet.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.sherbet-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.mint.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.mint-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.lime.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.lime-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.lavender.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.lavender-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.cottoncandy.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.cottoncandy-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.blush.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp133.blush-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp097.technomint-78196.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp097.technomint-78196-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp095.prism-03154.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp095.prism-03154-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp094.electroberry-23461.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp094.electroberry-23461-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp093.electroberry-89504.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp093.electroberry-89504-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp092.technomint-26418.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/pwtp092.technomint-26418-preview.png' },
                        { src: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/mktp004.electroberry-23503.png', value: 'https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/original/image-manager/mktp004.electroberry-23503-preview.png' }
                    ];
                }*/
    
                // Clear existing options
                selector.innerHTML = "";
            
                const randomIndex = Math.floor(Math.random() * options.length);
                const randomOption = options[randomIndex];
                
                options.forEach(option => {
                    const optionElement = document.createElement('option');
                    optionElement.setAttribute('data-img_src', option.src);
                    optionElement.value = option.value;
                
                    // Set the random option as the default selected option
                    if (option === randomOption) {
                        optionElement.selected = true;
                    }
                
                    selector.appendChild(optionElement);
                });
            }
            
            // Call the generateOptions function for each image selector
            generateOptions('imageSelector1');
            generateOptions('imageSelector2');
            generateOptions('imageSelector3');
            generateOptions('imageSelector4');
            generateOptions('imageSelector5');
            generateOptions('imageSelector6');
            
            // Setup the event listener for fabricSelect
            fabricSelect.addEventListener("change", function() {
            
                // Call generateOptions for each selector
                generateOptions('imageSelector1');
                generateOptions('imageSelector2');
                generateOptions('imageSelector3');
                generateOptions('imageSelector4');
                generateOptions('imageSelector5');
                generateOptions('imageSelector6');
            });
            
            /*// Function to set the iframe source
            function iframeDisplay(selectedFabric, selectedDesign, iframe) {
                let iframeSrc = "";
    
                if (selectedDesign === "aurora") {
                    if (selectedFabric === "sunprint") {
                        // Set a specific URL for Sunprint 2024 collection by Alison Glass
                        iframeSrc = "https://www.cottoncuts.com/pre-order-aurora-SunPrints-Studio/?showHidden=true";
                    } else if (selectedFabric === "soliloquy") {
                        // Update the iframe source for Soliloquy and Scrawl by Alison Glass and Giucy Giuce
                        iframeSrc = "https://www.cottoncuts.com/pre-order-aurora-soliloquy-and-scrawl-cotton-cuts-studio/?showHidden=true";
                    } else if (selectedFabric === "tabby") {
                        // Update the iframe source for Tabby Road Deja Vu with Coordinates by Tula Pink
                        iframeSrc = "https://www.cottoncuts.com/pre-order-aurora-tabby-road-deja-vu-by-tula-pink-cotton-cuts-studio/?showHidden=true";
                    }
                }
                
                if (selectedDesign === "sparkle") {
                    if (selectedFabric === "sunprint") {
                        // Set a specific URL for Sunprint 2024 collection by Alison Glass
                        iframeSrc = "https://www.cottoncuts.com/pre-order-sparkle-and-shine-sunprints-2024-cotton-cuts-studio/?showHidden=true";
                    } else if (selectedFabric === "soliloquy") {
                        // Update the iframe source for Soliloquy and Scrawl by Alison Glass and Giucy Giuce
                        iframeSrc = "https://www.cottoncuts.com/pre-order-sparkle-and-shine-soliloquy-and-scrawl-cotton-cuts-studio/?showHidden=true";
                    } else if (selectedFabric === "tabby") {
                        // Update the iframe source for Tabby Road Deja Vu with Coordinates by Tula Pink
                        iframeSrc = "https://www.cottoncuts.com/pre-order-sparkle-and-shine-tabby-road-deja-vu-by-tula-pink-cotton-cuts-studio/?showHidden=true";
                    }
                }
                
                if (selectedDesign === "rose") {
                    if (selectedFabric === "sunprint") {
                        // Set a specific URL for Sunprint 2024 collection by Alison Glass
                        iframeSrc = "https://www.cottoncuts.com/pre-order-name-of-the-rose-sunprints-2024-cotton-cuts-studio/?showHidden=true";
                    } else if (selectedFabric === "soliloquy") {
                        // Update the iframe source for Soliloquy and Scrawl by Alison Glass and Giucy Giuce
                        iframeSrc = "https://www.cottoncuts.com/pre-order-sparkle-and-shine-soliloquy-and-scrawl-cotton-cuts-studio/?showHidden=true";
                    } else if (selectedFabric === "tabby") {
                        // Update the iframe source for Tabby Road Deja Vu with Coordinates by Tula Pink
                        iframeSrc = "https://www.cottoncuts.com/pre-order-sparkle-and-shine-tabby-road-deja-vu-by-tula-pink-cotton-cuts-studio/?showHidden=true";
                    }
                }
    
                // Set the iframe source
                iframe.src = iframeSrc;
            }
            iframeDisplay(fabricSelect.value, quiltDesignSelect.value, iframe);*/
            
            fabricSelect.addEventListener('change', () => {
                const selectedFabric = fabricSelect.value;
                const selectedDesign = quiltDesignSelect.value;
                iframeDisplay(selectedFabric, selectedDesign, iframe);
            });
            
            quiltDesignSelect.addEventListener('change', () => {
                const selectedFabric = fabricSelect.value;
                const selectedDesign = quiltDesignSelect.value;
                iframeDisplay(selectedFabric, selectedDesign, iframe);
            });
        
            //Function call to keep updating preview every 150ms to keep realtime updating of preview
            setInterval(updateQuiltPreview, 150);
            
            function displayGenerator() {
                // Setting Selected Quilt Design
                if (document.getElementById("quiltDesignSelect").value === "aurora"){
                    var selectedQuiltDesign = "Aurora Quilt";
                }
                else if (document.getElementById("quiltDesignSelect").value === "sparkle"){
                    var selectedQuiltDesign = "Sparkle and Shine Quilt";
                }
                else if (document.getElementById("quiltDesignSelect").value === "rose"){
                    var selectedQuiltDesign = "Name of the Rose";
                }
        
                // Create an array of selected designs
                var selectedFabricDesigns = [];
                
                //Display the current design
                selectedFabricDesigns.push(`<div style="font-weight: bold; font-size: 22px;">Quilt Design: <span style="font-weight: normal;">${selectedQuiltDesign}</span></div>`);
        
                // Add "Current Selected Designs:" to the array with styling
                selectedFabricDesigns.push(`<div style="font-weight: bold; font-size: 22px;">Current Selected Designs:</div>`);
        
                // Add selected designs to the array and convert them to uppercase
                var desA = document.getElementById("imageSelector1").value.toUpperCase();
                var desB = document.getElementById("imageSelector2").value.toUpperCase();
                var desC = document.getElementById("imageSelector3").value.toUpperCase();
                var desD = document.getElementById("imageSelector4").value.toUpperCase();
                var desE = document.getElementById("imageSelector5").value.toUpperCase();
                var desF = document.getElementById("imageSelector6").value.toUpperCase();
        
                // Extract filenames from the full URLs and remove "-PREVIEW.PNG"
                var filenameA = desA.substring(desA.lastIndexOf("/") + 1).replace("-PREVIEW.PNG", "");
                var filenameB = desB.substring(desB.lastIndexOf("/") + 1).replace("-PREVIEW.PNG", "");
                var filenameC = desC.substring(desC.lastIndexOf("/") + 1).replace("-PREVIEW.PNG", "");
                var filenameD = desD.substring(desD.lastIndexOf("/") + 1).replace("-PREVIEW.PNG", "");
                var filenameE = desE.substring(desE.lastIndexOf("/") + 1).replace("-PREVIEW.PNG", "");
                var filenameF = desF.substring(desF.lastIndexOf("/") + 1).replace("-PREVIEW.PNG", "");
        
                // Use CSS to set font size without making filenames bold
                selectedFabricDesigns.push(`<div style="font-size: 16px;">Design for Fabric A selected: <span style="font-weight: normal;">${filenameA}</span></div>`);
                selectedFabricDesigns.push(`<div style="font-size: 16px;">Design for Fabric B selected: <span style="font-weight: normal;">${filenameB}</span></div>`);
                selectedFabricDesigns.push(`<div style="font-size: 16px;">Design for Fabric C selected: <span style="font-weight: normal;">${filenameC}</span></div>`);
                selectedFabricDesigns.push(`<div style="font-size: 16px;">Design for Fabric D selected: <span style="font-weight: normal;">${filenameD}</span></div>`);
                selectedFabricDesigns.push(`<div style="font-size: 16px;">Design for Fabric E selected: <span style="font-weight: normal;">${filenameE}</span></div>`);
                selectedFabricDesigns.push(`<div style="font-size: 16px;">Design for Fabric F selected: <span style="font-weight: normal;">${filenameF}</span></div>`);
        
                // Now you have an array named "selectedDesigns" containing the selected designs
                var selectedDesignsText = selectedFabricDesigns.join("<br>");
        
                return selectedDesignsText;
            }
    
            // Function to update the content every 150 milliseconds
            function updateContent() {
                // Call the orderProductName function to get the product name
                const selectionsInfo = displayGenerator();
    
                // Get a reference to the selectionsDisplayContainer
                const selectionsDisplayContainer = document.getElementById("selectionsDisplayContainer");
    
                // Set the inner HTML of the container with the generated product name
                selectionsDisplayContainer.innerHTML = selectionsInfo;
            }
            
            setInterval(updateContent, 150);
        
            // Event listeners
            /* Add an event listener to call the addToCart function when the button is clicked
            document.getElementById("addToCartButton").addEventListener("click", addToCart);*/
            document.addEventListener("DOMContentLoaded", updateQuiltPreview);
            quiltDesignSelect.addEventListener("change", updateQuiltPreview);
            fabricSelect.addEventListener("change", updateQuiltPreview);
        </script>

        <script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/csrf-protection-header-5eeddd5de78d98d146ef4fd71b2aedce4161903e.js"></script>
<script data-bc-cookie-consent="4" type="text/plain" src='https://chimpstatic.com/mcjs-connected/js/users/178cd93716dd10f4b48edc8fd/57e345a250445227022c83bc0.js' defer></script><script src='https://na.shgcdn3.com/collector.js' async ></script><script class="smile-bigcommerce-init"
  src="https://js.smile.io/v1/smile-bigcommerce.js"
  data-channel-key="channel_DpCQSjFmkrxpBxmomDDJeZFU"
></script>
<script src='https://kb-load.anvasoft.ca/js/pages/kit_expand.js?id=7fe9140027b7c3c89f1f'
        token="eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL3d3dy5jb3R0b25jdXRzLmNvbSJdLCJlYXQiOjE3ODczOTc0NzMsImlhdCI6MTc4NzIyNDY3MywiaXNzIjoiQkMiLCJzaWQiOjEwMDIxNzgyMTMsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.GSK6TEENkY1OnnaytMSGhq2YY_psgXuvv0QHHamVlApCVunhrWmwkSHZNi_v7TWAg2TU-4YAGg2SNZtP3AivqQ"
        page-type="default"
        cart_expand_after_element=".cart-item-name"
        type='text/javascript' defer async>
</script>

<!-- TikTok Pixel Code Start: Product Detail Page Add to Cart Event -->
<script>
document.querySelectorAll('[data-cart-item-add]').forEach(form => form.addEventListener('submit', (event) => {
  event.preventDefault();
  const formData = new FormData(event.target);
  let productId, productQty;
  for (const pair of formData.entries()) {
    if (pair[0] === 'product_id') {
      productId = pair[1];
    } else if (pair[0] === 'qty[]') {
      productQty = pair[1];
    }
  }
  var phoneNumber = ''
  var email = ''
  if (BODL.phone) {
    var phoneNumber = BODL.phone;
    if (BODL.phone.indexOf('+') === -1) {
   // No country code, so default to US code
        phoneNumber = `+1${phoneNumber}`;  
    }
  }

  if (BODL.email) {
    var email = BODL.email
  }
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').identify({
    email: email,
    phone_number: phoneNumber})

  // References:
  // https://developer.bigcommerce.com/theme-objects/product
  // https://developer.bigcommerce.com/stencil-docs/developing-further/catalog-price-object
  var productPrice = 0
  var productCurrency = ""
  if (BODL.productCurrencyWithoutTax && BODL.productCurrencyWithoutTax !== "") {
    productPrice = BODL.productPriceWithoutTax
    productCurrency = BODL.productCurrencyWithoutTax
  }
  if (BODL.productCurrencyWithTax && BODL.productCurrencyWithTax !== "") {
    productPrice = BODL.productPriceWithTax
    productCurrency = BODL.productCurrencyWithTax
  }
  
  //default contentId to productId if sku_id is not found on product 
  var contentID = BODL.productId
  if (BODL.skuId && BODL.skuId !== "") {
    contentID = BODL.skuId
  }
  
  ttq.instance('CJBVF6JC77UFRDH2VTK0').track('AddToCart', {
    content_id: contentID,
    content_category: BODL.breadcrumbs[1] ? BODL.breadcrumbs[1].name : '',
    content_type: 'product_group',
    content_name: BODL.product.title,
    quantity: productQty,
    price: productPrice,
    value: (productPrice * productQty),
    currency: productCurrency,
  });
}));

if (BODL.cartItemAdded) {
  var cartItemContentId = BODL.cartItemAdded.product_id
  if (BODL.cartItemAdded.sku && BODL.cartItemAdded.sku !== "") {
    cartItemContentId = BODL.cartItemAdded.sku
  }
  ttq.instance('CJBVF6JC77UFRDH2VTK0').track('AddToCart', {
    content_id: cartItemContentId,
    content_type: 'product_group',
    content_name: BODL.cartItemAdded.name,
    quantity: BODL.cartItemAdded.quantity,
    price: BODL.cartItemAdded.price.value,
    value: BODL.cartItemAdded.total.value,
    currency: BODL.cartItemAdded.price.currency,
  });
}
</script>
<!-- TikTok Pixel Code End: Product Detail Page Add to Cart Event -->
<script data-bc-cookie-consent="3" type="text/plain">
  (function() {            
     (function(a,b,c,d,e,f,g){e['ire_o']=c;e[c]=e[c]||function(){(e[c].a=e[c].a||[]).push(arguments)};f=d.createElement(b);g=d.getElementsByTagName(b)[0];f.async=1;f.src=a;g.parentNode.insertBefore(f,g);})('https://utt.impactcdn.com/A4699901-4081-4228-bda0-deed60a1fa0c1.js','script','ire',document,window); ire('identify'); 
  })();
</script>
      <script>
        (function() {
          window.shogunVariables = {};
          window.shogunVariables.orderId = '';
        })();
      </script>
<script data-bc-cookie-consent="4" type="text/plain">
  // Installation script generated by Spotify Ads Manager

  (function(w, d){
    var id='spdt-capture', n='script';
    if (!d.getElementById(id)) {
      w.spdt =
        w.spdt ||
        function() {
          (w.spdt.q = w.spdt.q || []).push(arguments);
        };
      var e = d.createElement(n); e.id = id; e.async=1;
      e.src = 'https://pixel.byspotify.com/ping.min.js';
      var s = d.getElementsByTagName(n)[0];
      s.parentNode.insertBefore(e, s);
    }

    w.spdt('conf', { key: '13005afc223146c588061fe09061db2e' });
    w.spdt('addtocart');

  })(window, document);
</script>
    <script>window.__CF$cv$params={r:'a2e8a84d9c0a9daf',t:'MTc4NzMwNTAyOA==',u:'01a023ae6dd07cd3a5728a6e9188b9d4',ut:'EoepbtG.f_Vc.cf2uT.msM2KPyw7zK_SKclYXt8jKnM-1787305029-1.2.1.1-ysbbiFUoILIjHnS6o28zx0s08P.ebQquL4KxGzEO0d0ShZj9YA4CcI1N7cNxl1alDFT4CXqycr7O7R9LPMZjN1..mSUzOLdxvEt2daI1kwY',i:60};(function(){if(!document.body)return;var s=document.createElement('script');s.src='/cdn-cgi/challenge-platform/scripts/precursor/main.js';document.head.appendChild(s);})();</script></body>
</html>
Исправить
Sitemap

Кол-во: 0
XML-карта сайта для поисковиков ?
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Исправить
Внутренние ссылки

Кол-во: 16
Ссылки на другие страницы своего сайта ?
Внутренних ссылок на странице 16 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 2.
Показать внутренние ссылки
Url	Анкор	Анализировать
/about-pmq/	Puzzle Mystery Quilt <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
/about-us	About <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
/about-pmq/	Puzzle Mystery Quilt <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
/about-us	About <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
/about-us/	<span>read more</span>	Анализировать url
/	home	Анализировать url
/shop/	shop	Анализировать url
/about-pmq/	puzzle mystery quilt	Анализировать url
/about-us/	About Us	Анализировать url
/contact-us/	contact us	Анализировать url
/blog/	blog	Анализировать url
/Get-Involved/	Get Involved	Анализировать url
/privacy-policy/	Privacy Policy	Анализировать url
/terms-and-conditions/	Terms & Conditions	Анализировать url
/xmlsitemap.php	Site Map	Анализировать url
/tel:636-778-0583	636-778-0583
Внешние ссылки

Кол-во: 172
Ссылки на сторонние сайты ?
Внешних ссылок на странице 172 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
Показать первые 100 внешних ссылок
Url	Анкор	Анализировать
cottoncuts.com	<div class="header-logo-image-container"> <img class="header-logo-image" src="https://cdn11.bigcommerce.com/s-6hfyidt5z0/images/stencil/210x45/cotton_cuts_ribbon_-_color_-_2_1673464875__20876.original.png" alt="Cotton Cuts" title="Cotton Cuts"> </div>	Анализировать url
cottoncuts.com	<span class="icon-lock show theme-icon" data-icon=""></span> <span class="show">Sign in</span>	Анализировать url
cottoncuts.com	<span class="icon-edit-1 show theme-icon" data-icon=""></span> <span class="show">Register</span>	Анализировать url
cottoncuts.com	<span class="icon-gift show theme-icon" data-icon=""></span> <span class="show">Gift Certificates</span>	Анализировать url
cottoncuts.com	<span class="icon-random show theme-icon" data-icon=""></span> <span class="show countPill countPill--positive countPill--alt"></span>	Анализировать url
cottoncuts.com	<span class="icon-shopping-cart show theme-icon" data-icon=""></span> <span class="navUser-item-cartLabel show">Cart</span> <span class="countPill cart-quantity show"></span>	Анализировать url
cottoncuts.com	Home	Анализировать url
cottoncuts.com	Shop <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
cottoncuts.com	Fabrics	Анализировать url
cottoncuts.com	Dahlia Binding Kits	Анализировать url
cottoncuts.com	Fabric by the Yard	Анализировать url
cottoncuts.com	PMQ Fabrics	Анализировать url
cottoncuts.com	Wide Back Fabrics	Анализировать url
cottoncuts.com	panels	Анализировать url
cottoncuts.com	Breast Cancer Awareness	Анализировать url
cottoncuts.com	Fabric Bundles	Анализировать url
cottoncuts.com	Strip Packs	Анализировать url
cottoncuts.com	Bolt Ends and Bits	Анализировать url
cottoncuts.com	Calliope Kits	Анализировать url
cottoncuts.com	Remnants	Анализировать url
cottoncuts.com	Sale Fabric	Анализировать url
cottoncuts.com	Supplies	Анализировать url
cottoncuts.com	Thread	Анализировать url
cottoncuts.com	Batting	Анализировать url
cottoncuts.com	Sewing Essentials	Анализировать url
cottoncuts.com	Notions, Buttons and Ribbons	Анализировать url
cottoncuts.com	Gifts	Анализировать url
cottoncuts.com	Just for Fun	Анализировать url
cottoncuts.com	Books and Patterns	Анализировать url
cottoncuts.com	Cotton Cuts Projects	Анализировать url
cottoncuts.com	London Calling	Анализировать url
cottoncuts.com	Puzzle Mystery Quilt	Анализировать url
cottoncuts.com	Five by Five	Анализировать url
cottoncuts.com	Retreats	Анализировать url
cottoncuts.com	Stitch-It	Анализировать url
cottoncuts.com	Mystery Bundles	Анализировать url
cottoncuts.com	Brand Shop	Анализировать url
cottoncuts.com	Die Cut Kits	Анализировать url
cottoncuts.com	Rosa's Workshop	Анализировать url
cottoncuts.com	Rosa's Workshop	Анализировать url
cottoncuts.com	London Calling <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
cottoncuts.com	Fancy Nancy	Анализировать url
cottoncuts.com	Emily Annabelle and Emily Belle	Анализировать url
cottoncutsretreats.com	Retreats <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
cottoncutsretreats.com	More Information	Анализировать url
cottoncutsretreats.com	New Orleans 2026	Анализировать url
cottoncutsretreats.com	House Party Retreats	Анализировать url
cottoncuts.com	5x5	Анализировать url
cottoncuts.com	Blow Out Sale	Анализировать url
cottoncuts.com	How it Works	Анализировать url
cottoncuts.com	Get Started	Анализировать url
cottoncuts.com	Flat Nancy	Анализировать url
cottoncuts.com	Designer	Анализировать url
cottoncuts.com	Past Puzzle Mystery Quilts	Анализировать url
cottoncuts.com	Fabric Waitlist	Анализировать url
cottoncuts.com	Half Rectangle Triangle	Анализировать url
cottoncuts.com	Add Ons and Extras	Анализировать url
cottoncuts.com	Group Purchasing Program	Анализировать url
cottoncuts.com	Try Before You Buy	Анализировать url
cottoncuts.filecamp.com	CCPD Evidence Locker	Анализировать url
cottoncuts.com	Last Light on Garnet Peak	Анализировать url
cottoncuts.com	Learn More <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
cottoncuts.com	Ambassadors	Анализировать url
cottoncuts.com	Tim Holtz <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
cottoncuts.com	Tim Holtz Palette Shop	Анализировать url
cottoncuts.com	Tim Holtz FAQ's	Анализировать url
cottoncuts.com	Cuddle Books	Анализировать url
cottoncuts.com	Floral States	Анализировать url
cottoncuts.com	Snippet	Анализировать url
cottoncuts.com	Stitch-it!	Анализировать url
cottoncuts.com	Gallery	Анализировать url
cottoncuts.com	Where is My Stuff?	Анализировать url
cottoncuts.com	About Us	Анализировать url
cottoncuts.com	Contact Us	Анализировать url
cottoncuts.com	Precut Fabric Support	Анализировать url
cottoncuts.com	Career Opportunities	Анализировать url
cottoncuts.com	Watch Us LIVE!	Анализировать url
cottoncuts.com	FAQS	Анализировать url
cottoncuts.com	Color Challenge	Анализировать url
cottoncuts.com	Cotton Cuts Cares	Анализировать url
cottoncuts.com	Gift Certificates	Анализировать url
cottoncuts.com	Blog	Анализировать url
cottoncuts.com	Home	Анализировать url
cottoncuts.com	Shop <i class="icon navPages-action-moreIcon" aria-hidden="true"> <span class="icon-multimedia theme-icon" data-icon=""></span> </i>	Анализировать url
cottoncuts.com	Fabrics	Анализировать url
cottoncuts.com	Dahlia Binding Kits	Анализировать url
cottoncuts.com	Fabric by the Yard	Анализировать url
cottoncuts.com	PMQ Fabrics	Анализировать url
cottoncuts.com	Wide Back Fabrics	Анализировать url
cottoncuts.com	panels	Анализировать url
cottoncuts.com	Breast Cancer Awareness	Анализировать url
cottoncuts.com	Fabric Bundles	Анализировать url
cottoncuts.com	Strip Packs	Анализировать url
cottoncuts.com	Bolt Ends and Bits	Анализировать url
cottoncuts.com	Calliope Kits	Анализировать url
cottoncuts.com	Remnants	Анализировать url
cottoncuts.com	Sale Fabric	Анализировать url
cottoncuts.com	Supplies	Анализировать url
cottoncuts.com	Thread	Анализировать url
cottoncuts.com	Batting	Анализировать url
Исправить
Конкуренты в Яндексе

Кол-во: 0
Топ сайтов-конкурентов в Яндексе ?
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Исправить
Конкуренты в Google

Кол-во: 0
Топ сайтов-конкурентов в Google ?
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
Исправить
Нарушения

Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
Нарушения

Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
Нарушения

Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
Нарушения

Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Анализ сайта stashbuilderbox.com

Основное Готовность: 30%

Домен

Ответ сервера

Безопасность

Кодировка

Язык

Скорость загрузки

Объем документа

Ресурсы

Серверные заголовки

CMS

Веб-сервер

Мета-теги Готовность: 50%

Title

Description

Keywords

Канонический Url

Robots

Адаптивность

Разметка OpenGraph

Все мета-теги

Оптимизация Готовность: 45%

Структура

Контент

Заголовки

Тошнота

Академич. тошнота

Семантическое ядро

Индексация Готовность: 0%

Индексирование

Robots.txt

Sitemap

Внутренние ссылки

Внешние ссылки

Конкуренты Готовность: 0%

Конкуренты в Яндексе

Конкуренты в Google

ЗоЗПП: права потребителей Готовность: 100%

Нарушения

ФЗ-149: рекомендательные технологии Готовность: 100%

Нарушения

ФЗ-38: реклама Готовность: 100%

Нарушения

ФЗ-436: защита детей Готовность: 100%

Нарушения

Вердикт
