-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
11 lines (9 loc) · 15.7 KB
/
index.html
File metadata and controls
11 lines (9 loc) · 15.7 KB
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><title>Sprunki Cool As Ice: Create Winter-Themed Music with Free Drag-and-Drop Mod | Sprunki Cool As Ice</title><meta name="description" content="Sprunki Cool As Ice: A free winter-themed music creation mod featuring unique frosty characters, icy soundscapes, and hidden combinations. Create and share your musical masterpieces."><meta name="viewport" content="width=device-width"><link rel="canonical" href="https://sprunkicoolasice.github.io/"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://sprunkicoolasice.github.io/"><meta property="og:title" content="Sprunki Cool As Ice: Create Winter-Themed Music with Free Drag-and-Drop Mod | Sprunki Cool As Ice"><meta property="og:description" content="Sprunki Cool As Ice: A free winter-themed music creation mod featuring unique frosty characters, icy soundscapes, and hidden combinations. Create and share your musical masterpieces."><meta property="og:image" content="sprunkicoolasice.org/main.webp"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://sprunkicoolasice.github.io/"><meta property="twitter:title" content="Sprunki Cool As Ice: Create Winter-Themed Music with Free Drag-and-Drop Mod | Sprunki Cool As Ice"><meta property="twitter:site" content="@yalvhe2009"><meta property="twitter:creator" content="@yalvhe2009"><meta property="twitter:description" content="Sprunki Cool As Ice: A free winter-themed music creation mod featuring unique frosty characters, icy soundscapes, and hidden combinations. Create and share your musical masterpieces."><meta property="twitter:image" content="sprunkicoolasice.org/main.webp"><link rel="icon" type="image/svg+xml" href="/favicon.ico"><link rel="alternate" hreflang="en" href="https://sprunkicoolasice.github.io/"><link rel="alternate" hreflang="zh" href="https://sprunkicoolasice.github.io/zh"><link rel="alternate" hreflang="tw" href="https://sprunkicoolasice.github.io/tw"><link rel="alternate" hreflang="ko" href="https://sprunkicoolasice.github.io/ko"><link rel="alternate" hreflang="ja" href="https://sprunkicoolasice.github.io/ja"><link rel="alternate" hreflang="pt" href="https://sprunkicoolasice.github.io/pt"><link rel="alternate" hreflang="es" href="https://sprunkicoolasice.github.io/es"><link rel="alternate" hreflang="de" href="https://sprunkicoolasice.github.io/de"><link rel="alternate" hreflang="fr" href="https://sprunkicoolasice.github.io/fr"><link rel="alternate" hreflang="vi" href="https://sprunkicoolasice.github.io/vi"><!-- Google AdSense --><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5735781871993125" crossorigin="anonymous"></script><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-HB87ZCY7RD"></script><script>(function(){const ANALYSIS_ID = "G-HB87ZCY7RD";
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", ANALYSIS_ID);
})();</script><!-- Plausible --><script defer data-domain="sprunkicoolasice.org" src="https://app.pageview.app/js/script.js"></script><link rel="stylesheet" href="/_astro/_path_.n5ovlLeE.css"><script type="module">const n=document.getElementById("mobile-menu-button"),e=document.getElementById("mobile-menu");n?.addEventListener("click",()=>{e?.classList.toggle("hidden")});document.addEventListener("click",t=>{!n?.contains(t.target)&&!e?.contains(t.target)&&e?.classList.add("hidden")});
</script></head> <body> <header class="sticky top-0 z-50 w-full bg-white shadow-md"> <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"> <div class="flex h-16 items-center justify-between"> <!-- Logo --> <div class="flex-shrink-0"> <a href="/" class="flex items-center" aria-label="Home"> <img src="/icon.png" alt="Sprunki Cool As Ice Logo" class="h-8 w-auto" width="32" height="32"> </a> </div> <!-- Mobile menu button --> <div class="flex md:hidden"> <button type="button" class="inline-flex items-center justify-center rounded-md p-2 text-gray-700 hover:bg-gray-100 hover:text-gray-900" aria-controls="mobile-menu" aria-expanded="false" id="mobile-menu-button"> <span class="sr-only">Open main menu</span> <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path> </svg> </button> </div> <!-- Desktop Navigation --> <div class="hidden md:block md:space-x-8" aria-label="Main navigation"> <a href="/" class="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium" aria-current="page"> Home </a><a href="/t" class="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium"> Tags </a><a href="/blog" class="text-gray-700 hover:text-gray-900 px-3 py-2 text-sm font-medium"> Blogs </a> </div> <!-- Language Switcher --> <div class="hidden md:block"> <select onchange="location = this.value;" class=""> <option value="/" selected> English </option><option value="/zh"> 中文 </option><option value="/tw"> Twi </option><option value="/ko"> 한국어 </option><option value="/ja"> 日本語 </option><option value="/pt"> Português </option><option value="/es"> Español </option><option value="/de"> Deutsch </option><option value="/fr"> Français </option><option value="/vi"> Tiếng Việt </option> </select> </div> </div> <!-- Mobile menu --> <div class="hidden md:hidden" id="mobile-menu"> <div class="space-y-1 px-2 pb-3 pt-2"> <a href="/" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900" aria-current="page"> Home </a><a href="/t" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"> Tags </a><a href="/blog" class="block rounded-md px-3 py-2 text-base font-medium text-gray-700 hover:bg-gray-100 hover:text-gray-900"> Blogs </a> </div> <div class="border-t border-gray-200 pb-3 pt-4"> <select onchange="location = this.value;" class=""> <option value="/" selected> English </option><option value="/zh"> 中文 </option><option value="/tw"> Twi </option><option value="/ko"> 한국어 </option><option value="/ja"> 日本語 </option><option value="/pt"> Português </option><option value="/es"> Español </option><option value="/de"> Deutsch </option><option value="/fr"> Français </option><option value="/vi"> Tiếng Việt </option> </select> </div> </div> </div> </header> <section class="text-center mb-12 mt-16"> <h1 class="text-4xl font-bold text-blue-800 mb-4">Sprunki Cool As Ice: Create Music with Winter-Themed Game Mod</h1> <p class="text-lg text-gray-600 mb-6"> Create Winter-Themed Music with Sprunki Cool As Ice - Free Online Music Creation Game with Unique Frosty Soundscapes & Interactive Characters </p> </section> <section class="py-12 bg-white"> <div class="container mx-auto px-4"> <div class="rounded-lg overflow-hidden shadow-xl mb-8"> <iframe src="https://www.gamenora.com/upload/games/html5/Sprunki:%20Cool%20As%20Ice/" class="w-full h-[600px]" frameborder="0" allowfullscreen></iframe> </div> </div> </section> <section class="py-16 bg-gray-50"> <div class="container mx-auto px-4"> <h2 class="text-3xl font-bold text-center mb-12"> Experience Winter Magic </h2> <div class="grid md:grid-cols-3 gap-8"> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-xl font-semibold mb-4"> Stunning Winter Visuals </h3> <p class="text-gray-600"> Immerse yourself in beautiful frost character designs and sparkling snow animations that bring your music to life. </p> </div><div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-xl font-semibold mb-4"> Frosty Soundscapes </h3> <p class="text-gray-600"> Create enchanting music with cool beats, soft chimes, and icy echoes that capture winter's magic. </p> </div><div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-xl font-semibold mb-4"> Hidden Combinations </h3> <p class="text-gray-600"> Discover special cold combinations that unlock unique sound effects and magical animations. </p> </div> </div> </div> </section> <section class="py-16 bg-white"> <div class="container mx-auto px-4"> <h2 class="text-3xl font-bold text-center mb-12"> How to Play Sprunki Cool As Ice </h2> <div class="grid md:grid-cols-2 gap-8"> <div class="flex gap-4"> <div class="flex-shrink-0 w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center"> <span class="text-blue-600 font-bold">1</span> </div> <div> <h3 class="text-xl font-semibold mb-2"> Choose Your Characters </h3> <p class="text-gray-600"> Select from our exclusive roster of winter-themed characters, each with unique sounds and effects. </p> </div> </div><div class="flex gap-4"> <div class="flex-shrink-0 w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center"> <span class="text-blue-600 font-bold">2</span> </div> <div> <h3 class="text-xl font-semibold mb-2"> Drag-and-Drop Creation </h3> <p class="text-gray-600"> Use our intuitive interface to place characters and create your winter melody. </p> </div> </div><div class="flex gap-4"> <div class="flex-shrink-0 w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center"> <span class="text-blue-600 font-bold">3</span> </div> <div> <h3 class="text-xl font-semibold mb-2"> Discover Hidden Rewards </h3> <p class="text-gray-600"> Experiment with different combinations to unlock special features and surprises. </p> </div> </div><div class="flex gap-4"> <div class="flex-shrink-0 w-12 h-12 bg-blue-100 rounded-full flex items-center justify-center"> <span class="text-blue-600 font-bold">4</span> </div> <div> <h3 class="text-xl font-semibold mb-2"> Share Your Creations </h3> <p class="text-gray-600"> Show off your musical masterpieces with friends and the global community. </p> </div> </div> </div> </div> </section> <section class="py-16 bg-gray-50"> <div class="container mx-auto px-4"> <h2 class="text-3xl font-bold text-center mb-12">Master the Ice Magic</h2> <div class="grid md:grid-cols-2 gap-8"> <div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-xl font-semibold mb-4"> Try New Combinations </h3> <p class="text-gray-600">Experiment with different character combinations to discover hidden rewards and unique effects.</p> </div><div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-xl font-semibold mb-4"> Create Balanced Tracks </h3> <p class="text-gray-600">Mix various elements for a well-rounded composition that sounds professional.</p> </div><div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-xl font-semibold mb-4"> Maintain Steady Rhythm </h3> <p class="text-gray-600">Keep your beats synchronized for smooth, polished tracks that flow naturally.</p> </div><div class="bg-white p-6 rounded-lg shadow-md"> <h3 class="text-xl font-semibold mb-4"> Watch Character Reactions </h3> <p class="text-gray-600">Pay attention to character animations to understand which combinations work best.</p> </div> </div> </div> </section> <section class="py-16 bg-white"> <div class="container mx-auto px-4"> <h2 class="text-3xl font-bold text-center mb-12">Frequently Asked Questions</h2> <div class="max-w-3xl mx-auto space-y-6"> <div class="bg-gray-50 p-6 rounded-lg"> <h3 class="text-xl font-semibold mb-3"> What is Sprunki Cool As Ice? </h3> <p class="text-gray-600">Sprunki Cool As Ice is a unique music creation game that features winter-themed characters and frosty sound effects for an immersive musical experience.</p> </div><div class="bg-gray-50 p-6 rounded-lg"> <h3 class="text-xl font-semibold mb-3"> How is Cool As Ice different from other music games? </h3> <p class="text-gray-600">Cool As Ice offers exclusive winter-themed characters, unique sound effects, and special combinations that create a magical winter music experience.</p> </div><div class="bg-gray-50 p-6 rounded-lg"> <h3 class="text-xl font-semibold mb-3"> Is Cool As Ice free to play? </h3> <p class="text-gray-600">Yes! Cool As Ice is completely free to play. Just visit our website and start creating winter magic music.</p> </div><div class="bg-gray-50 p-6 rounded-lg"> <h3 class="text-xl font-semibold mb-3"> Can I play on mobile devices? </h3> <p class="text-gray-600">Yes, Cool As Ice is fully optimized for both desktop and mobile devices, allowing you to create music anywhere.</p> </div><div class="bg-gray-50 p-6 rounded-lg"> <h3 class="text-xl font-semibold mb-3"> Are there hidden features? </h3> <p class="text-gray-600">Yes, Cool As Ice includes several unlockable rewards and hidden surprises. Experiment to discover them all!</p> </div><div class="bg-gray-50 p-6 rounded-lg"> <h3 class="text-xl font-semibold mb-3"> Are the characters exclusive? </h3> <p class="text-gray-600">Yes, all characters in Cool As Ice are exclusive, featuring unique winter-themed designs and sound effects.</p> </div><div class="bg-gray-50 p-6 rounded-lg"> <h3 class="text-xl font-semibold mb-3"> Can I collaborate with others? </h3> <p class="text-gray-600">While direct multiplayer isn't available, you can share your creations and remix others' tracks.</p> </div><div class="bg-gray-50 p-6 rounded-lg"> <h3 class="text-xl font-semibold mb-3"> Will there be updates? </h3> <p class="text-gray-600">We regularly update Cool As Ice with new features and content to keep the experience fresh and exciting.</p> </div> </div> </div> </section> <section class="py-16 bg-blue-50"> <div class="container mx-auto px-4 text-center"> <h2 class="text-3xl font-bold mb-6">Ready to Create Winter Magic?</h2> <p class="text-xl text-gray-600 mb-8">Join thousands of players creating beautiful winter melodies in Sprunki Cool As Ice</p> <a href="#game" class="inline-block bg-blue-600 text-white px-8 py-4 rounded-lg font-semibold hover:bg-blue-700 transition-colors"> Start Playing Now </a> </div> </section> <section class="max-w-4xl mx-auto"> <h2 class="text-2xl font-semibold mb-6">Lasted posts</h2> <div class="space-y-6"> <article class="bg-white p-6 rounded-lg shadow-md hover:shadow-lg transition-shadow"> <h3 class="text-xl font-semibold mb-2"> <a href="/p/what-is-sprunki-cool-as-ice" class="text-blue-700 hover:text-blue-900"> Whit is Sprunki Cool As Ice: Create Winter-Themed Music </a> </h3> <p class="text-gray-600 mb-4"> Discover Sprunki Cool As Ice, a free winter-themed music creation mod featuring frosty soundscapes, stunning visuals, and intuitive gameplay. Create and share your icy beats today! </p> </article> </div> </section> <footer class="bg-gray-800 text-white py-8"> <div class="container mx-auto px-4"> <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> <!-- 第一栏: Logo 和描述 --> <div> <a href="https://sprunkicoolasice.org"> <img src="/icon.png" alt="Sprunki Cool As Ice Logo" class="h-12 mb-4"> </a> <h2 class="text-xl font-bold">Sprunki Cool As Ice</h2> <p class="text-gray-400 mt-2"> Sprunki Cool As Ice: A free winter-themed music creation mod featuring unique frosty characters, icy soundscapes, and hidden combinations. Create and share your musical masterpieces. </p> </div> <!-- 第二栏: 常用链接 --> <div> <h3 class="text-lg font-semibold mb-4">LINKS</h3> <ul> <li class="mb-2"> <a href="/" class="text-gray-400 hover:text-white">Home</a> </li><li class="mb-2"> <a href="mailto:support@sprunkicoolasice.org" class="text-gray-400 hover:text-white">Contact</a> </li> </ul> </div> <!-- 第三栏: 法律信息 --> <div> <h3 class="text-lg font-semibold mb-4">LEGAL</h3> <ul> <li class="mb-2"> <a href="/privacy" class="text-gray-400 hover:text-white">Privacy</a> </li><li class="mb-2"> <a href="/terms" class="text-gray-400 hover:text-white">Terms</a> </li> </ul> </div> <!-- 第四栏: 其他信息或社交媒体 --> <div> <h3 class="text-lg font-semibold mb-4">FRIENDS</h3> <!-- <a href="https://zzo.ai" class="text-gray-400 hover:text-white">Zzo AI</a> --> </div> </div> </div> </footer> </body></html>