Capsule AI
/
ポートフォリオ（テンプレートから）（複製）（複製）（複製）
3部品・0〜数百トークン
↩ 戻す
履歴
複製
💬 ことばで直す
▶ Run
🔗 共有
🚀 デプロイ
⏹
☰
▷ プレビュー
</> コード
🖥 PC
📱 スマホ
↻ 新タブ
atomic.studio/s/46191
📄 index.html
コードを直接編集して「適用」でプレビューに反映
適用 ▷
<div class="min-h-screen bg-zinc-950 text-white"><div class="flex items-center justify-center h-screen bg-[#f0f0f0] md:flex-row lg:flex-row"><div class="bg-white border border-gray-300 rounded-lg shadow-md p-6 text-center md:w-1/2 lg:w-1/3"><h1 class="text-xl font-semibold text-gray-800">ビルドがまだ稼働中か確認してください</h1><h2 class="mt-2 text-lg font-medium text-gray-700">最新の状態を確認するには、下のボタンをクリックしてください。</h2><button class="mt-4 px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600 transition duration-200">確認</button></div></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 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 mt-4">ようこそ、私たちのアプリへ！</h2></div></div>
▸ コンソール
3部品・0〜数百トークン
✕