Capsule AI
/
歯科クリニック（テンプレートから）（複製）（複製）（複製）（複製）
3部品・0〜数百トークン
↩ 戻す
履歴
複製
💬 ことばで直す
▶ Run
🔗 共有
🚀 デプロイ
⏹
☰
▷ プレビュー
</> コード
🖥 PC
📱 スマホ
↻ 新タブ
atomic.studio/s/48408
📄 index.html
コードを直接編集して「適用」でプレビューに反映
適用 ▷
<div class="min-h-screen bg-zinc-950 text-white"><div class="flex flex-col justify-center items-center h-screen bg-[#f0f0f0] md:flex-row lg:justify-around"><h1 class="text-4xl font-bold text-blue-600 md:text-5xl lg:text-6xl">こんにちは、世界！</h1><h2 class="text-2xl text-gray-800 mt-4 md:mt-0 lg:mt-4">これはサンプルコンポーネントです。</h2></div><div class="flex flex-col justify-center items-center h-screen bg-[#f0f0f0]"><h1 class="text-4xl font-bold text-blue-600 md:text-5xl lg:text-6xl">ようこそ</h1><h2 class="text-2xl text-gray-700 md:text-3xl lg:text-4xl">こちらはサンプルコンポーネントです</h2></div><div class="flex flex-col justify-center items-center h-screen bg-[#f0f0f0]"><h1 class="text-4xl font-bold text-[#333] md:text-5xl lg:text-6xl">Gen_21612</h1><h2 class="text-2xl font-semibold text-[#555] md:text-3xl lg:text-4xl">Welcome to Gen_1981</h2></div></div>
▸ コンソール
3部品・0〜数百トークン
✕