ProjectOne/sample-code.txt at main · Dreeam00/ProjectOne · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>レトロデザイン制作の過程</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
</head>
<body class="bg-gradient-to-l from-blue-50 to-blue-300 text-gray-900 font-sans overflow-x-hidden">
    <div class="w-full min-h-screen bg-gradient-to-b from-blue-
200 via-blue-400 to-blue-900 pt-8 pb-16 px-2 md:px-0">
        <div class="max-w-5xl mx-auto">
            <header class="mb-12">
                <h1 class="text-4xl md:text-6xl font-extrabold text-blue-900 drop-shadow-xl tracking-tight bg-gradient-to-r from-blue-700 via-blue-400 to-blue-700 bg-clip-text text-transparent mb-2">レトロデザイン制作の過程</h1>
                <p class="text-lg md:text-2xl text-blue-800/90 font-medium drop-shadow-sm">AeroやレトロWebデザインを現代的に再現する</p>
            </header>
        </div>
        <!-- ここにセクションを追加 -->
        <footer class="mt-12 text-center text-gray-600 bg-white/90 backdrop-blur-2xl p-6 shadow-2xl border border-blue-200 rounded-2xl">
            <p class="text-sm">© 2025 Retro Design Creation Process</p>
        </footer>
    </div>
</body>
</html>