grapesjs-tailwind-iconify
Version:
Enhanced fork of grapesjs-tailwind with Custom Components Manager and Iconify integration
29 lines • 345 kB
JavaScript
const en = {
"grapesjs-tailwind": {
// 'key': 'value',
}
};
const source$1X = `<section class="text-gray-600 body-font"><div class="container px-5 py-24 mx-auto"><div class="lg:w-2/3 flex flex-col sm:flex-row sm:items-center items-start mx-auto"><h1 class="flex-grow sm:pr-16 text-2xl font-medium title-font text-gray-900">Slow-carb next level shoindxgoitch ethical authentic, scenester sriracha forage.</h1><button class="flex-shrink-0 text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg mt-10 sm:mt-0">Button</button></div></div></section>`;
const source$1W = '<svg fill="none" viewBox="0 0 266 150" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="20" y="68" width="119" height="5" rx="2.5" fill="#4A5568"></rect><rect x="20" y="77" width="92" height="5" rx="2.5" fill="#4A5568"></rect><rect x="206" y="70" width="40" height="10" rx="2" fill="#6366F1"></rect></svg>';
const source$1V = `<section class="text-gray-600 body-font"><div class="container px-5 py-24 mx-auto flex flex-wrap items-center"><div class="lg:w-3/5 md:w-1/2 md:pr-16 lg:pr-0 pr-0"><h1 class="title-font font-medium text-3xl text-gray-900">Slow-carb next level shoindcgoitch ethical authentic, poko scenester</h1><p class="leading-relaxed mt-4">Poke slow-carb mixtape knausgaard, typewriter street art gentrify hammock starladder roathse. Craies vegan tousled etsy austin.</p></div><div class="lg:w-2/6 md:w-1/2 bg-gray-100 rounded-lg p-8 flex flex-col md:ml-auto w-full mt-10 md:mt-0"><form style="margin: 0;"><h2 class="text-gray-900 text-lg font-medium title-font mb-5">Sign Up</h2><div class="relative mb-4"><label for="full-name" class="leading-7 text-sm text-gray-600">Full Name</label><input type="text" id="full-name" name="full-name" class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" required></div><div class="relative mb-4"><label for="email" class="leading-7 text-sm text-gray-600">Email</label><input type="email" id="email" name="email" class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" required></div><button type="submit" class="text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg">Button</button><p class="text-xs text-gray-500 mt-3">Literally you probably haven't heard of them jean shorts.</p></form></div></div></section>`;
const source$1U = '<svg fill="none" viewBox="0 0 266 150" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="151" y="40" width="93" height="70" rx="2" fill="#E2E8F0"></rect><rect x="20" y="61" width="86" height="5" rx="2.5" fill="#4A5568"></rect><rect x="20" y="70" width="66" height="5" rx="2.5" fill="#4A5568"></rect><rect x="20" y="79" width="106" height="4" rx="2" fill="#A0AEC0"></rect><rect x="20" y="87" width="97" height="4" rx="2" fill="#A0AEC0"></rect><rect x="160" y="91" width="75" height="10" rx="2" fill="#6366F1"></rect><rect x="160" y="76" width="75" height="10" rx="2" fill="#CBD5E0"></rect><rect x="160" y="61" width="75" height="10" rx="2" fill="#CBD5E0"></rect><rect x="160" y="50" width="40" height="4" rx="2" fill="#4A5568"></rect></svg>';
const source$1T = `<section class="text-gray-600 body-font"><div class="container px-5 py-24 mx-auto"><div class="flex flex-col text-center w-full mb-12"><h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900">Master Cleanse Reliac Heirloom</h1><p class="lg:w-2/3 mx-auto leading-relaxed text-base">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven't heard of them man bun deep.</p></div><form style="margin: 0;"><div class="flex lg:w-2/3 w-full sm:flex-row flex-col mx-auto px-8 sm:space-x-4 sm:space-y-0 space-y-4 sm:px-0 items-end"><div class="relative flex-grow w-full"><label for="full-name" class="leading-7 text-sm text-gray-600">Full Name</label><input type="text" id="full-name" name="full-name" class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-transparent focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" required></div><div class="relative flex-grow w-full"><label for="email" class="leading-7 text-sm text-gray-600">Email</label><input type="email" id="email" name="email" class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-transparent focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" required></div><button type="submit" class="text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg">Button</button></div></form></div></section>`;
const source$1S = '<svg fill="none" viewBox="0 0 266 150" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="90" y="48" width="86" height="5" rx="2.5" fill="#4A5568"></rect><rect x="80" y="57" width="106" height="4" rx="2" fill="#A0AEC0"></rect><rect x="85" y="65" width="97" height="4" rx="2" fill="#A0AEC0"></rect><rect x="183" y="92" width="44" height="10" rx="2" fill="#6366F1"></rect><rect x="111" y="92" width="66" height="10" rx="2" fill="#CBD5E0"></rect><rect x="39" y="92" width="66" height="10" rx="2" fill="#CBD5E0"></rect></svg>';
const source$1R = `<section class="text-gray-600 body-font"><div class="container px-5 py-24 mx-auto flex items-center md:flex-row flex-col"><div class="flex flex-col md:pr-10 md:mb-0 mb-6 pr-0 w-full md:w-auto md:text-left text-center"><h2 class="text-xs text-indigo-500 tracking-widest font-medium title-font mb-1">ROOF PARTY POLAROID</h2><h1 class="md:text-3xl text-2xl font-medium title-font text-gray-900">Master Cleanse Reliac Heirloom</h1></div><div class="flex md:ml-auto md:mr-0 mx-auto items-center flex-shrink-0 space-x-4"><button class="bg-gray-100 inline-flex py-3 px-5 rounded-lg items-center hover:bg-gray-200 focus:outline-none"><svg fill="currentColor" class="w-6 h-6" viewBox="0 0 512 512"><path d="M99.617 8.057a50.191 50.191 0 00-38.815-6.713l230.932 230.933 74.846-74.846L99.617 8.057zM32.139 20.116c-6.441 8.563-10.148 19.077-10.148 30.199v411.358c0 11.123 3.708 21.636 10.148 30.199l235.877-235.877L32.139 20.116zM464.261 212.087l-67.266-37.637-81.544 81.544 81.548 81.548 67.273-37.64c16.117-9.03 25.738-25.442 25.738-43.908s-9.621-34.877-25.749-43.907zM291.733 279.711L60.815 510.629c3.786.891 7.639 1.371 11.492 1.371a50.275 50.275 0 0027.31-8.07l266.965-149.372-74.849-74.847z"></path></svg><span class="ml-4 flex items-start flex-col leading-none"><span class="text-xs text-gray-600 mb-1">GET IT ON</span><span class="title-font font-medium">Google Play</span></span></button><button class="bg-gray-100 inline-flex py-3 px-5 rounded-lg items-center hover:bg-gray-200 focus:outline-none"><svg fill="currentColor" class="w-6 h-6" viewBox="0 0 305 305"><path d="M40.74 112.12c-25.79 44.74-9.4 112.65 19.12 153.82C74.09 286.52 88.5 305 108.24 305c.37 0 .74 0 1.13-.02 9.27-.37 15.97-3.23 22.45-5.99 7.27-3.1 14.8-6.3 26.6-6.3 11.22 0 18.39 3.1 25.31 6.1 6.83 2.95 13.87 6 24.26 5.81 22.23-.41 35.88-20.35 47.92-37.94a168.18 168.18 0 0021-43l.09-.28a2.5 2.5 0 00-1.33-3.06l-.18-.08c-3.92-1.6-38.26-16.84-38.62-58.36-.34-33.74 25.76-51.6 31-54.84l.24-.15a2.5 2.5 0 00.7-3.51c-18-26.37-45.62-30.34-56.73-30.82a50.04 50.04 0 00-4.95-.24c-13.06 0-25.56 4.93-35.61 8.9-6.94 2.73-12.93 5.09-17.06 5.09-4.64 0-10.67-2.4-17.65-5.16-9.33-3.7-19.9-7.9-31.1-7.9l-.79.01c-26.03.38-50.62 15.27-64.18 38.86z"></path><path d="M212.1 0c-15.76.64-34.67 10.35-45.97 23.58-9.6 11.13-19 29.68-16.52 48.38a2.5 2.5 0 002.29 2.17c1.06.08 2.15.12 3.23.12 15.41 0 32.04-8.52 43.4-22.25 11.94-14.5 17.99-33.1 16.16-49.77A2.52 2.52 0 00212.1 0z"></path></svg><span class="ml-4 flex items-start flex-col leading-none"><span class="text-xs text-gray-600 mb-1">Download on the</span><span class="title-font font-medium">App Store</span></span></button></div></div></section>`;
const source$1Q = '<svg fill="none" viewBox="0 0 266 150" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="20" y="68" width="26" height="5" rx="2.5" fill="#6366F1"></rect><rect x="20" y="77" width="92" height="5" rx="2.5" fill="#4A5568"></rect><rect x="206" y="70" width="40" height="10" rx="2" fill="#CBD5E0"></rect><rect x="160" y="70" width="40" height="10" rx="2" fill="#CBD5E0"></rect></svg>';
const source$1P = `<section class="text-gray-600 body-font"><div class="container px-5 py-24 mx-auto"><div class="flex flex-wrap -m-4"><div class="p-4 lg:w-1/3"><div class="h-full bg-gray-100 bg-opacity-75 px-8 pt-16 pb-24 rounded-lg overflow-hidden text-center relative"><h2 class="tracking-widest text-xs title-font font-medium text-gray-400 mb-1">CATEGORY</h2><h1 class="title-font sm:text-2xl text-xl font-medium text-gray-900 mb-3">Raclette Blueberry Nextious Level</h1><p class="leading-relaxed mb-3">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p><a class="text-indigo-500 inline-flex items-center">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a><div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4"><span class="text-gray-400 mr-3 inline-flex items-center leading-none text-sm pr-3 py-1 border-r-2 border-gray-200"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>1.2K</span><span class="text-gray-400 inline-flex items-center leading-none text-sm"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg>6</span></div></div></div><div class="p-4 lg:w-1/3"><div class="h-full bg-gray-100 bg-opacity-75 px-8 pt-16 pb-24 rounded-lg overflow-hidden text-center relative"><h2 class="tracking-widest text-xs title-font font-medium text-gray-400 mb-1">CATEGORY</h2><h1 class="title-font sm:text-2xl text-xl font-medium text-gray-900 mb-3">Ennui Snackwave Thundercats</h1><p class="leading-relaxed mb-3">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p><a class="text-indigo-500 inline-flex items-center">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a><div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4"><span class="text-gray-400 mr-3 inline-flex items-center leading-none text-sm pr-3 py-1 border-r-2 border-gray-200"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>1.2K</span><span class="text-gray-400 inline-flex items-center leading-none text-sm"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg>6</span></div></div></div><div class="p-4 lg:w-1/3"><div class="h-full bg-gray-100 bg-opacity-75 px-8 pt-16 pb-24 rounded-lg overflow-hidden text-center relative"><h2 class="tracking-widest text-xs title-font font-medium text-gray-400 mb-1">CATEGORY</h2><h1 class="title-font sm:text-2xl text-xl font-medium text-gray-900 mb-3">Selvage Poke Waistcoat Godard</h1><p class="leading-relaxed mb-3">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p><a class="text-indigo-500 inline-flex items-center">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a><div class="text-center mt-2 leading-none flex justify-center absolute bottom-0 left-0 w-full py-4"><span class="text-gray-400 mr-3 inline-flex items-center leading-none text-sm pr-3 py-1 border-r-2 border-gray-200"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>1.2K</span><span class="text-gray-400 inline-flex items-center leading-none text-sm"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg>6</span></div></div></div></div></div></section>`;
const source$1O = '<svg viewBox="0 0 266 150" fill="none" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="20" y="43" width="68" height="63" rx="2" fill="#E2E8F0"></rect><path d="M29 73a1 1 0 011-1h48a1 1 0 110 2H30a1 1 0 01-1-1zM33 78a1 1 0 011-1h40a1 1 0 110 2H34a1 1 0 01-1-1z" fill="#A0AEC0"></path><path d="M48 83a1 1 0 011-1h11a1 1 0 110 2H49a1 1 0 01-1-1z" fill="#6366F1"></path><path d="M37 67.5a1.5 1.5 0 011.5-1.5h32a1.5 1.5 0 010 3h-32a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path><rect x="99" y="43" width="68" height="63" rx="2" fill="#E2E8F0"></rect><path d="M108 73a1 1 0 011-1h48a1 1 0 010 2h-48a1 1 0 01-1-1zM112 78a1 1 0 011-1h40a1 1 0 010 2h-40a1 1 0 01-1-1z" fill="#A0AEC0"></path><path d="M127 83a1 1 0 011-1h11a1 1 0 010 2h-11a1 1 0 01-1-1z" fill="#6366F1"></path><path d="M116 67.5a1.5 1.5 0 011.5-1.5h32a1.5 1.5 0 010 3h-32a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path><rect x="178" y="43" width="68" height="63" rx="2" fill="#E2E8F0"></rect><path d="M187 73a1 1 0 011-1h48a1 1 0 010 2h-48a1 1 0 01-1-1zM191 78a1 1 0 011-1h40a1 1 0 010 2h-40a1 1 0 01-1-1z" fill="#A0AEC0"></path><path d="M206 83a1 1 0 011-1h11a1 1 0 010 2h-11a1 1 0 01-1-1z" fill="#6366F1"></path><path d="M195 67.5a1.5 1.5 0 011.5-1.5h32a1.5 1.5 0 010 3h-32a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path></svg>';
const source$1N = `<section class="text-gray-600 body-font"><div class="container px-5 py-24 mx-auto"><div class="flex flex-wrap -m-4"><div class="p-4 md:w-1/3"><div class="h-full border-2 border-gray-200 border-opacity-60 rounded-lg overflow-hidden"><img class="lg:h-48 md:h-36 w-full object-cover object-center" src="https://dummyimage.com/720x400" alt="blog"><div class="p-6"><h2 class="tracking-widest text-xs title-font font-medium text-gray-400 mb-1">CATEGORY</h2><h1 class="title-font text-lg font-medium text-gray-900 mb-3">The Catalyzer</h1><p class="leading-relaxed mb-3">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p><div class="flex items-center flex-wrap "><a class="text-indigo-500 inline-flex items-center md:mb-2 lg:mb-0">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a><span class="text-gray-400 mr-3 inline-flex items-center lg:ml-auto md:ml-0 ml-auto leading-none text-sm pr-3 py-1 border-r-2 border-gray-200"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>1.2K</span><span class="text-gray-400 inline-flex items-center leading-none text-sm"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg>6</span></div></div></div></div><div class="p-4 md:w-1/3"><div class="h-full border-2 border-gray-200 border-opacity-60 rounded-lg overflow-hidden"><img class="lg:h-48 md:h-36 w-full object-cover object-center" src="https://dummyimage.com/721x401" alt="blog"><div class="p-6"><h2 class="tracking-widest text-xs title-font font-medium text-gray-400 mb-1">CATEGORY</h2><h1 class="title-font text-lg font-medium text-gray-900 mb-3">The 400 Blows</h1><p class="leading-relaxed mb-3">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p><div class="flex items-center flex-wrap"><a class="text-indigo-500 inline-flex items-center md:mb-2 lg:mb-0">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a><span class="text-gray-400 mr-3 inline-flex items-center lg:ml-auto md:ml-0 ml-auto leading-none text-sm pr-3 py-1 border-r-2 border-gray-200"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>1.2K</span><span class="text-gray-400 inline-flex items-center leading-none text-sm"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg>6</span></div></div></div></div><div class="p-4 md:w-1/3"><div class="h-full border-2 border-gray-200 border-opacity-60 rounded-lg overflow-hidden"><img class="lg:h-48 md:h-36 w-full object-cover object-center" src="https://dummyimage.com/722x402" alt="blog"><div class="p-6"><h2 class="tracking-widest text-xs title-font font-medium text-gray-400 mb-1">CATEGORY</h2><h1 class="title-font text-lg font-medium text-gray-900 mb-3">Shooting Stars</h1><p class="leading-relaxed mb-3">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p><div class="flex items-center flex-wrap "><a class="text-indigo-500 inline-flex items-center md:mb-2 lg:mb-0">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a><span class="text-gray-400 mr-3 inline-flex items-center lg:ml-auto md:ml-0 ml-auto leading-none text-sm pr-3 py-1 border-r-2 border-gray-200"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>1.2K</span><span class="text-gray-400 inline-flex items-center leading-none text-sm"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg>6</span></div></div></div></div></div></div></section>`;
const source$1M = '<svg viewBox="0 0 266 150" fill="none" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="20.5" y="43.5" width="67" height="62" rx="1.5" fill="#FFFFFF" stroke="#CBD5E0"></rect><path d="M48.556 69h10.888c.86 0 1.556-.696 1.556-1.556V56.556c0-.86-.696-1.556-1.556-1.556H48.556c-.86 0-1.556.696-1.556 1.556v10.888c0 .86.696 1.556 1.556 1.556zm0 0l8.555-8.556L61 64.334m-8.556-5.056a1.167 1.167 0 11-2.333 0 1.167 1.167 0 012.333 0z" stroke="#A0AEC0" stroke-width="1.2px" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M26 88a1 1 0 011-1h48a1 1 0 110 2H27a1 1 0 01-1-1zM26 93a1 1 0 011-1h40a1 1 0 110 2H27a1 1 0 01-1-1z" fill="#A0AEC0"></path><path d="M26 98a1 1 0 011-1h11a1 1 0 110 2H27a1 1 0 01-1-1z" fill="#6366F1"></path><path d="M26 82.5a1.5 1.5 0 011.5-1.5h32a1.5 1.5 0 010 3h-32a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path><rect x="99.5" y="43.5" width="67" height="62" rx="1.5" fill="#FFFFFF" stroke="#CBD5E0"></rect><path d="M127.556 69h10.888c.86 0 1.556-.696 1.556-1.556V56.556c0-.86-.696-1.556-1.556-1.556h-10.888c-.86 0-1.556.696-1.556 1.556v10.888c0 .86.696 1.556 1.556 1.556zm0 0l8.555-8.556 3.889 3.89m-8.556-5.056a1.166 1.166 0 11-2.333 0 1.166 1.166 0 012.333 0z" stroke="#A0AEC0" stroke-width="1.2px" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M105 88a1 1 0 011-1h48a1 1 0 010 2h-48a1 1 0 01-1-1zM105 93a1 1 0 011-1h40a1 1 0 010 2h-40a1 1 0 01-1-1z" fill="#A0AEC0"></path><path d="M105 98a1 1 0 011-1h11a1 1 0 010 2h-11a1 1 0 01-1-1z" fill="#6366F1"></path><path d="M105 82.5a1.5 1.5 0 011.5-1.5h32a1.5 1.5 0 010 3h-32a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path><rect x="178.5" y="43.5" width="67" height="62" rx="1.5" fill="#FFFFFF" stroke="#CBD5E0"></rect><path d="M206.556 69h10.888c.86 0 1.556-.696 1.556-1.556V56.556c0-.86-.696-1.556-1.556-1.556h-10.888c-.86 0-1.556.696-1.556 1.556v10.888c0 .86.696 1.556 1.556 1.556zm0 0l8.555-8.556 3.889 3.89m-8.556-5.056a1.166 1.166 0 11-2.333 0 1.166 1.166 0 012.333 0z" stroke="#A0AEC0" stroke-width="1.2px" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M184 88a1 1 0 011-1h48a1 1 0 010 2h-48a1 1 0 01-1-1zM184 93a1 1 0 011-1h40a1 1 0 010 2h-40a1 1 0 01-1-1z" fill="#A0AEC0"></path><path d="M184 98a1 1 0 011-1h11a1 1 0 010 2h-11a1 1 0 01-1-1z" fill="#6366F1"></path><path d="M184 82.5a1.5 1.5 0 011.5-1.5h32a1.5 1.5 0 010 3h-32a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path></svg>';
const source$1L = `<section class="text-gray-600 body-font overflow-hidden"><div class="container px-5 py-24 mx-auto"><div class="flex flex-wrap -m-12"><div class="p-12 md:w-1/2 flex flex-col items-start"><span class="inline-block py-1 px-2 rounded bg-indigo-50 text-indigo-500 text-xs font-medium tracking-widest">CATEGORY</span><h2 class="sm:text-3xl text-2xl title-font font-medium text-gray-900 mt-4 mb-4">Roof party normcore before they sold out, cornhole vape</h2><p class="leading-relaxed mb-8">Live-edge letterpress cliche, salvia fanny pack humblebrag narwhal portland. VHS man braid palo santo hoodie brunch trust fund. Bitters hashtag waistcoat fashion axe chia unicorn. Plaid fixie chambray 90's, slow-carb etsy tumeric. Cray pug you probably haven't heard of them hexagon kickstarter craft beer pork chic.</p><div class="flex items-center flex-wrap pb-4 mb-4 border-b-2 border-gray-100 mt-auto w-full"><a class="text-indigo-500 inline-flex items-center">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a><span class="text-gray-400 mr-3 inline-flex items-center ml-auto leading-none text-sm pr-3 py-1 border-r-2 border-gray-200"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>1.2K</span><span class="text-gray-400 inline-flex items-center leading-none text-sm"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg>6</span></div><a class="inline-flex items-center"><img alt="blog" src="https://dummyimage.com/104x104" class="w-12 h-12 rounded-full flex-shrink-0 object-cover object-center"><span class="flex-grow flex flex-col pl-4"><span class="title-font font-medium text-gray-900">Holden Caulfield</span><span class="text-gray-400 text-xs tracking-widest mt-0.5">UI DEVELOPER</span></span></a></div><div class="p-12 md:w-1/2 flex flex-col items-start"><span class="inline-block py-1 px-2 rounded bg-indigo-50 text-indigo-500 text-xs font-medium tracking-widest">CATEGORY</span><h2 class="sm:text-3xl text-2xl title-font font-medium text-gray-900 mt-4 mb-4">Pinterest DIY dreamcatcher gentrify single-origin coffee</h2><p class="leading-relaxed mb-8">Live-edge letterpress cliche, salvia fanny pack humblebrag narwhal portland. VHS man braid palo santo hoodie brunch trust fund. Bitters hashtag waistcoat fashion axe chia unicorn. Plaid fixie chambray 90's, slow-carb etsy tumeric.</p><div class="flex items-center flex-wrap pb-4 mb-4 border-b-2 border-gray-100 mt-auto w-full"><a class="text-indigo-500 inline-flex items-center">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a><span class="text-gray-400 mr-3 inline-flex items-center ml-auto leading-none text-sm pr-3 py-1 border-r-2 border-gray-200"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path><circle cx="12" cy="12" r="3"></circle></svg>1.2K</span><span class="text-gray-400 inline-flex items-center leading-none text-sm"><svg class="w-4 h-4 mr-1" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg>6</span></div><a class="inline-flex items-center"><img alt="blog" src="https://dummyimage.com/103x103" class="w-12 h-12 rounded-full flex-shrink-0 object-cover object-center"><span class="flex-grow flex flex-col pl-4"><span class="title-font font-medium text-gray-900">Alper Kamu</span><span class="text-gray-400 text-xs tracking-widest mt-0.5">DESIGNER</span></span></a></div></div></div></section>`;
const source$1K = '<svg viewBox="0 0 266 150" fill="none" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="20" y="48" width="70" height="5" rx="2.5" fill="#4A5568"></rect><rect x="20" y="36" width="34" height="8" rx="2" fill="#EBF4FF"></rect><rect x="20" y="58" width="92" height="4" rx="2" fill="#A0AEC0"></rect><rect x="20" y="66" width="82" height="4" rx="2" fill="#A0AEC0"></rect><rect x="20" y="74" width="68" height="4" rx="2" fill="#A0AEC0"></rect><rect x="20" y="82" width="18" height="4" rx="2" fill="#6366F1"></rect><rect x="23" y="39" width="28" height="2" rx="1" fill="#6366F1"></rect><path d="M121.5 93a.5.5 0 010 1h-101a.5.5 0 010-1h101z" fill="#E2E8F0"></path><circle cx="27.5" cy="107.5" r="7.5" fill="#E2E8F0"></circle><path d="M39 110a1 1 0 011-1h19a1 1 0 010 2H40a1 1 0 01-1-1z" fill="#A0AEC0"></path><rect x="39" y="103" width="35" height="3" rx="1.5" fill="#4A5568"></rect><rect x="144" y="48" width="70" height="5" rx="2.5" fill="#4A5568"></rect><rect x="144" y="36" width="34" height="8" rx="2" fill="#EBF4FF"></rect><rect x="144" y="58" width="92" height="4" rx="2" fill="#A0AEC0"></rect><rect x="144" y="66" width="82" height="4" rx="2" fill="#A0AEC0"></rect><rect x="144" y="74" width="68" height="4" rx="2" fill="#A0AEC0"></rect><rect x="144" y="82" width="18" height="4" rx="2" fill="#6366F1"></rect><rect x="147" y="39" width="28" height="2" rx="1" fill="#6366F1"></rect><path d="M245.5 93a.5.5 0 010 1h-101a.5.5 0 010-1h101z" fill="#E2E8F0"></path><circle cx="151.5" cy="107.5" r="7.5" fill="#E2E8F0"></circle><path d="M163 110a1 1 0 011-1h19a1 1 0 010 2h-19a1 1 0 01-1-1z" fill="#A0AEC0"></path><rect x="163" y="103" width="35" height="3" rx="1.5" fill="#4A5568"></rect></svg>';
const source$1J = `<section class="text-gray-600 body-font overflow-hidden"><div class="container px-5 py-24 mx-auto"><div class="-my-8 divide-y-2 divide-gray-100"><div class="py-8 flex flex-wrap md:flex-nowrap"><div class="md:w-64 md:mb-0 mb-6 flex-shrink-0 flex flex-col"><span class="font-semibold title-font text-gray-700">CATEGORY</span><span class="mt-1 text-gray-500 text-sm">12 Jun 2019</span></div><div class="md:flex-grow"><h2 class="text-2xl font-medium text-gray-900 title-font mb-2">Bitters hashtag waistcoat fashion axe chia unicorn</h2><p class="leading-relaxed">Glossier echo park pug, church-key sartorial biodiesel vexillologist pop-up snackwave ramps cornhole. Marfa 3 wolf moon party messenger bag selfies, poke vaporware kombucha lumbersexual pork belly polaroid hoodie portland craft beer.</p><a class="text-indigo-500 inline-flex items-center mt-4">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a></div></div><div class="py-8 flex flex-wrap md:flex-nowrap"><div class="md:w-64 md:mb-0 mb-6 flex-shrink-0 flex flex-col"><span class="font-semibold title-font text-gray-700">CATEGORY</span><span class="mt-1 text-gray-500 text-sm">12 Jun 2019</span></div><div class="md:flex-grow"><h2 class="text-2xl font-medium text-gray-900 title-font mb-2">Meditation bushwick direct trade taxidermy shaman</h2><p class="leading-relaxed">Glossier echo park pug, church-key sartorial biodiesel vexillologist pop-up snackwave ramps cornhole. Marfa 3 wolf moon party messenger bag selfies, poke vaporware kombucha lumbersexual pork belly polaroid hoodie portland craft beer.</p><a class="text-indigo-500 inline-flex items-center mt-4">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a></div></div><div class="py-8 flex flex-wrap md:flex-nowrap"><div class="md:w-64 md:mb-0 mb-6 flex-shrink-0 flex flex-col"><span class="font-semibold title-font text-gray-700">CATEGORY</span><span class="text-sm text-gray-500">12 Jun 2019</span></div><div class="md:flex-grow"><h2 class="text-2xl font-medium text-gray-900 title-font mb-2">Woke master cleanse drinking vinegar salvia</h2><p class="leading-relaxed">Glossier echo park pug, church-key sartorial biodiesel vexillologist pop-up snackwave ramps cornhole. Marfa 3 wolf moon party messenger bag selfies, poke vaporware kombucha lumbersexual pork belly polaroid hoodie portland craft beer.</p><a class="text-indigo-500 inline-flex items-center mt-4">Learn More<svg class="w-4 h-4 ml-2" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="M12 5l7 7-7 7"></path></svg></a></div></div></div></div></section>`;
const source$1I = '<svg viewBox="0 0 266 150" fill="none" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="84" y="20" width="70" height="5" rx="2.5" fill="#4A5568"></rect><rect x="84" y="29" width="145" height="3" rx="1.5" fill="#A0AEC0"></rect><rect x="20" y="26" width="12" height="2" rx="1" fill="#A0AEC0"></rect><rect x="84" y="35" width="129" height="3" rx="1.5" fill="#A0AEC0"></rect><rect x="84" y="41" width="18" height="3" rx="1.5" fill="#6366F1"></rect><path d="M245.5 53a.5.5 0 010 1h-225a.5.5 0 010-1h225zM245.5 96a.5.5 0 010 1h-225a.5.5 0 010-1h225z" fill="#E2E8F0"></path><rect x="20" y="20" width="23" height="3" rx="1.5" fill="#4A5568"></rect><rect x="84" y="63" width="70" height="5" rx="2.5" fill="#4A5568"></rect><rect x="84" y="72" width="145" height="3" rx="1.5" fill="#A0AEC0"></rect><rect x="20" y="69" width="12" height="2" rx="1" fill="#A0AEC0"></rect><rect x="84" y="78" width="129" height="3" rx="1.5" fill="#A0AEC0"></rect><rect x="84" y="84" width="18" height="3" rx="1.5" fill="#6366F1"></rect><rect x="20" y="63" width="23" height="3" rx="1.5" fill="#4A5568"></rect><rect x="84" y="106" width="70" height="5" rx="2.5" fill="#4A5568"></rect><rect x="84" y="115" width="145" height="3" rx="1.5" fill="#A0AEC0"></rect><rect x="20" y="112" width="12" height="2" rx="1" fill="#A0AEC0"></rect><rect x="84" y="121" width="129" height="3" rx="1.5" fill="#A0AEC0"></rect><rect x="84" y="127" width="18" height="3" rx="1.5" fill="#6366F1"></rect><rect x="20" y="106" width="23" height="3" rx="1.5" fill="#4A5568"></rect></svg>';
const source$1H = `<section class="text-gray-600 body-font"><div class="container px-5 py-24 mx-auto"><div class="flex flex-wrap -mx-4 -my-8"><div class="py-8 px-4 lg:w-1/3"><div class="h-full flex items-start"><div class="w-12 flex-shrink-0 flex flex-col text-center leading-none"><span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200">Jul</span><span class="font-medium text-lg text-gray-800 title-font leading-none">18</span></div><div class="flex-grow pl-6"><h2 class="tracking-widest text-xs title-font font-medium text-indigo-500 mb-1">CATEGORY</h2><h1 class="title-font text-xl font-medium text-gray-900 mb-3">The 400 Blows</h1><p class="leading-relaxed mb-5">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p><a class="inline-flex items-center"><img alt="blog" src="https://dummyimage.com/103x103" class="w-8 h-8 rounded-full flex-shrink-0 object-cover object-center"><span class="flex-grow flex flex-col pl-3"><span class="title-font font-medium text-gray-900">Alper Kamu</span></span></a></div></div></div><div class="py-8 px-4 lg:w-1/3"><div class="h-full flex items-start"><div class="w-12 flex-shrink-0 flex flex-col text-center leading-none"><span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200">Jul</span><span class="font-medium text-lg text-gray-800 title-font leading-none">18</span></div><div class="flex-grow pl-6"><h2 class="tracking-widest text-xs title-font font-medium text-indigo-500 mb-1">CATEGORY</h2><h1 class="title-font text-xl font-medium text-gray-900 mb-3">Shooting Stars</h1><p class="leading-relaxed mb-5">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p><a class="inline-flex items-center"><img alt="blog" src="https://dummyimage.com/102x102" class="w-8 h-8 rounded-full flex-shrink-0 object-cover object-center"><span class="flex-grow flex flex-col pl-3"><span class="title-font font-medium text-gray-900">Holden Caulfield</span></span></a></div></div></div><div class="py-8 px-4 lg:w-1/3"><div class="h-full flex items-start"><div class="w-12 flex-shrink-0 flex flex-col text-center leading-none"><span class="text-gray-500 pb-2 mb-2 border-b-2 border-gray-200">Jul</span><span class="font-medium text-lg text-gray-800 title-font leading-none">18</span></div><div class="flex-grow pl-6"><h2 class="tracking-widest text-xs title-font font-medium text-indigo-500 mb-1">CATEGORY</h2><h1 class="title-font text-xl font-medium text-gray-900 mb-3">Neptune</h1><p class="leading-relaxed mb-5">Photo booth fam kinfolk cold-pressed sriracha leggings jianbing microdosing tousled waistcoat.</p><a class="inline-flex items-center"><img alt="blog" src="https://dummyimage.com/101x101" class="w-8 h-8 rounded-full flex-shrink-0 object-cover object-center"><span class="flex-grow flex flex-col pl-3"><span class="title-font font-medium text-gray-900">Henry Letham</span></span></a></div></div></div></div></div></section>`;
const source$1G = '<svg viewBox="0 0 266 150" fill="none" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><path d="M39 70.5a1.5 1.5 0 011.5-1.5h46a1.5 1.5 0 010 3h-46a1.5 1.5 0 01-1.5-1.5zM39 76.5a1.5 1.5 0 011.5-1.5h40a1.5 1.5 0 010 3h-40a1.5 1.5 0 01-1.5-1.5z" fill="#A0AEC0"></path><path d="M39 58.5a1.5 1.5 0 011.5-1.5h14a1.5 1.5 0 010 3h-14a1.5 1.5 0 01-1.5-1.5z" fill="#6366F1"></path><path d="M39 64.5a1.5 1.5 0 011.5-1.5h32a1.5 1.5 0 010 3h-32a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path><path d="M20 60a3 3 0 013-3h6a3 3 0 110 6h-6a3 3 0 01-3-3z" fill="#E2E8F0"></path><circle cx="44" cy="88" r="5" fill="#E2E8F0"></circle><path d="M51 87.5a1.5 1.5 0 011.5-1.5h18a1.5 1.5 0 010 3h-18a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path><path d="M118 70.5a1.5 1.5 0 011.5-1.5h46a1.5 1.5 0 010 3h-46a1.5 1.5 0 01-1.5-1.5zM118 76.5a1.5 1.5 0 011.5-1.5h40a1.5 1.5 0 010 3h-40a1.5 1.5 0 01-1.5-1.5z" fill="#A0AEC0"></path><path d="M118 58.5a1.5 1.5 0 011.5-1.5h14a1.5 1.5 0 010 3h-14a1.5 1.5 0 01-1.5-1.5z" fill="#6366F1"></path><path d="M118 64.5a1.5 1.5 0 011.5-1.5h32a1.5 1.5 0 010 3h-32a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path><path d="M99 60a3 3 0 013-3h6a3 3 0 110 6h-6a3 3 0 01-3-3z" fill="#E2E8F0"></path><circle cx="123" cy="88" r="5" fill="#E2E8F0"></circle><path d="M130 87.5a1.5 1.5 0 011.5-1.5h18a1.5 1.5 0 010 3h-18a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path><path d="M197 70.5a1.5 1.5 0 011.5-1.5h46a1.5 1.5 0 010 3h-46a1.5 1.5 0 01-1.5-1.5zM197 76.5a1.5 1.5 0 011.5-1.5h40a1.5 1.5 0 010 3h-40a1.5 1.5 0 01-1.5-1.5z" fill="#A0AEC0"></path><path d="M197 58.5a1.5 1.5 0 011.5-1.5h14a1.5 1.5 0 010 3h-14a1.5 1.5 0 01-1.5-1.5z" fill="#6366F1"></path><path d="M197 64.5a1.5 1.5 0 011.5-1.5h32a1.5 1.5 0 010 3h-32a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path><path d="M178 60a3 3 0 013-3h6a3 3 0 110 6h-6a3 3 0 01-3-3z" fill="#E2E8F0"></path><circle cx="202" cy="88" r="5" fill="#E2E8F0"></circle><path d="M209 87.5a1.5 1.5 0 011.5-1.5h18a1.5 1.5 0 010 3h-18a1.5 1.5 0 01-1.5-1.5z" fill="#4A5568"></path></svg>';
const source$1F = `<section class="text-gray-600 body-font relative"><div class="absolute inset-0 bg-gray-300"><iframe width="100%" height="100%" frameborder="0" marginheight="0" marginwidth="0" title="map" scrolling="no" src="https://maps.google.com/maps?width=100%25&height=600&hl=en&q=cyprus&ie=UTF8&t=&z=14&iwloc=B&output=embed" style="filter: grayscale(1) contrast(1.2) opacity(0.4);"></iframe></div><div class="container px-5 py-24 mx-auto flex"><div class="lg:w-1/3 md:w-1/2 bg-white rounded-lg p-8 flex flex-col md:ml-auto w-full mt-10 md:mt-0 relative z-10 shadow-md"><form style="margin: 0;"><h2 class="text-gray-900 text-lg mb-1 font-medium title-font">Feedback</h2><p class="leading-relaxed mb-5 text-gray-600">Post-ironic portland shabby chic echo park, banjo fashion axe</p><div class="relative mb-4"><label for="email" class="leading-7 text-sm text-gray-600">Email</label><input type="email" id="email" name="email" class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" required></div><div class="relative mb-4"><label for="message" class="leading-7 text-sm text-gray-600">Message</label><textarea id="message" name="message" class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out" required></textarea></div><button type="submit" class="text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg">Button</button><p class="text-xs text-gray-500 mt-3">Chicharrones blog helvetica normcore iceland tousled brook viral artisan.</p></form></div></div></section>`;
const source$1E = '<svg fill="none" viewBox="0 0 266 150" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="153" y="30" width="93" height="90" rx="2" fill="#E2E8F0"></rect><rect x="162" y="101" width="75" height="10" rx="2" fill="#6366F1"></rect><rect x="162" y="66" width="75" height="30" rx="2" fill="#CBD5E0"></rect><rect x="162" y="51" width="75" height="10" rx="2" fill="#CBD5E0"></rect><rect x="162" y="40" width="40" height="4" rx="2" fill="#4A5568"></rect><path d="M89 71.682C89 81.546 76.5 90 76.5 90S64 81.546 64 71.682c0-3.364 1.317-6.59 3.661-8.968A12.41 12.41 0 0176.5 59a12.41 12.41 0 018.839 3.714A12.776 12.776 0 0189 71.682z" stroke="#A0AEC0" stroke-width="3px" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M76.5 75.91c2.301 0 4.167-1.894 4.167-4.228 0-2.335-1.866-4.228-4.167-4.228-2.301 0-4.167 1.893-4.167 4.228 0 2.334 1.866 4.227 4.167 4.227z" stroke="#A0AEC0" stroke-width="3px" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg>';
const source$1D = `<section class="text-gray-600 body-font relative"><div class="container px-5 py-24 mx-auto flex sm:flex-nowrap flex-wrap"><div class="lg:w-2/3 md:w-1/2 bg-gray-300 rounded-lg overflow-hidden sm:mr-10 p-10 flex items-end justify-start relative"><iframe width="100%" height="100%" class="absolute inset-0" frameborder="0" title="map" marginheight="0" marginwidth="0" scrolling="no" src="https://maps.google.com/maps?width=100%25&height=600&hl=en&q=cyprus&ie=UTF8&t=&z=14&iwloc=B&output=embed" style="filter: grayscale(1) contrast(1.2) opacity(0.4);"></iframe><div class="bg-white relative flex flex-wrap py-6 rounded shadow-md"><div class="lg:w-1/2 px-6"><h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs">ADDRESS</h2><p class="mt-1">Photo booth tattooed prism, portland taiyaki hoodie neutra typewriter</p></div><div class="lg:w-1/2 px-6 mt-4 lg:mt-0"><h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs">EMAIL</h2><a class="text-indigo-500 leading-relaxed">example@email.com</a><h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs mt-4">PHONE</h2><p class="leading-relaxed">123-456-7890</p></div></div></div><div class="lg:w-1/3 md:w-1/2 bg-white flex flex-col md:ml-auto w-full md:py-8 mt-8 md:mt-0"><form style="margin: 0;"><h2 class="text-gray-900 text-lg mb-1 font-medium title-font">Feedback</h2><p class="leading-relaxed mb-5 text-gray-600">Post-ironic portland shabby chic echo park, banjo fashion axe</p><div class="relative mb-4"><label for="name" class="leading-7 text-sm text-gray-600">Name</label><input type="text" id="name" name="name" class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" required></div><div class="relative mb-4"><label for="email" class="leading-7 text-sm text-gray-600">Email</label><input type="email" id="email" name="email" class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" required></div><div class="relative mb-4"><label for="message" class="leading-7 text-sm text-gray-600">Message</label><textarea id="message" name="message" class="w-full bg-white rounded border border-gray-300 focus:border-indigo-500 focus:ring-2 focus:ring-indigo-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out" required></textarea></div><button type="submit" class="text-white bg-indigo-500 border-0 py-2 px-6 focus:outline-none hover:bg-indigo-600 rounded text-lg">Button</button><p class="text-xs text-gray-500 mt-3">Chicharrones blog helvetica normcore iceland tousled brook viral artisan.</p></form></div></div></section>`;
const source$1C = '<svg fill="none" viewBox="0 0 266 150" width="266" height="150" ><path fill="#FFFFFF" d="M0 0h266v150H0z"></path><rect x="20" y="30" width="127" height="90" rx="2" fill="#E2E8F0"></rect><rect x="30" y="71" width="107" height="39" rx="2" fill="#FFFFFF"></rect><rect x="35" y="76" width="24" height="3" rx="1.5" fill="#4A5568"></rect><rect x="35" y="83" width="37" height="3" rx="1.5" fill="#A0AEC0"></rect><rect x="35" y="89" width="40" height="3" rx="1.5" fill="#A0AEC0"></rect><rect x="86" y="76" width="24" height="3" rx="1.5" fill="#4A5568"></rect><rect x="86" y="83" width="32" height="3" rx="1.5" fill="#6366F1"></rect><rect x="86" y="95" width="20" height="3" rx="1.5" fill="#4A5568"></rect><rect x="86" y="102" width="32" height="3" rx="1.5" fill="#A0AEC0"></rect><rect x="162" y="101" width="84" height="10" rx="2" fill="#6366F1"></rect><rect x="162" y="66" width="84" height="30" rx="2" fill="#CBD5E0"></rect><rect x="162" y="51" width="84" height="10" rx="2" fill="#CBD5E0"></rect><rect x="162" y="40" width="44.8" height="4" rx="2" fill="#4A5568"></rect><path d="M89 49.136C89 53.91 83 58 83 58s-6-4.09-6-8.864a6.21 6.21 0 011.757-4.339A5.933 5.933 0 0183 43c1.591 0 3.117.647 4.243 1.797A6.208 6.208 0 0189 49.137z" stroke="#A0AEC0" stroke-width="1.6px" stroke-linecap="round" stroke-linejoin="round" fill="none"></path><path d="M83 51.182c1.105 0 2-.916 2-2.046s-.895-2.045-2-2.045-2 .916-2 2.045c0 1.13.895 2.046 2 2.046z" stroke="#A0AEC0" stroke-width="1.6px" stroke-linecap="round" stroke-linejoin="round" fill="none"></path></svg>';
const source$1B = `<section class="text-gray-600 body-font relative"><div class="container px-5 py-24 mx-auto"><div class="flex flex-col text-center w-full mb-12"><h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900">Contact Us</h1><p class="lg:w-2/3 mx-auto leading-relaxed text-base">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify.</p></div><div class="lg:w-1/2 md:w-2/3 mx-auto"><form style="margin: 0;"><div class="flex flex-wrap -m-2"><div class="p-2 w-1/2"><div class="relative"><label for="name" class="leading-7 text-sm text-gray-600">Name</label><input type="text" id="name" name="name" class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" required></div></div><div class="p-2 w-1/2"><div class="relative"><label for="email" class="leading-7 text-sm text-gray-600">Email</label><input type="email" id="email" name="email" class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 text-base outline-none text-gray-700 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out" required></div></div><div class="p-2 w-full"><div class="relative"><label for="message" class="leading-7 text-sm text-gray-600">Message</label><textarea id="message" name="message" class="w-full bg-gray-100 bg-opacity-50 rounded border border-gray-300 focus:border-indigo-500 focus:bg-white focus:ring-2 focus:ring-indigo-200 h-32 text-base outline-none text-gray-700 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out" required></textarea></div></div><div class="p-2 w-full"><button type="submit" class="flex mx-auto text-white bg-indigo-500 border-0 py-2 px-8 focus:outline-none hover:bg-indigo-600 rounded text-lg">Button</button></div><div class="p-2 w-full pt-8 mt-8 border-t border-gray-200 text-center"><a class="text-indigo-500">example@email.com</a><p class="leading-normal my-5">49 Smith St.<br>Saint Cloud, MN 56301</p><span class="inline-flex"><a class="text-gray-500"><svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path></svg></a><a class="ml-4 text-gray-500"><svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path></svg></a><a class="ml-4 text-gray-500"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path></svg></a><a class="ml-4 text-gray-500"><svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg></a></span></div></div></div></form></div></section>`;
const source$1A = '<svg fill="none" viewBox="0 0 266 1