index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The Sky Blessingクソダジャレ祭</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <nav id="main-nav">
            <div class="logo">
                <img src="logo.png" alt="ロゴ">
            </div>
                <h2><span>投稿受付中！</span></h2>
            <ul>
                <li><a href="index.html">ホーム</a></li>
                <li><a href="posting_rules.html">投稿条件</a></li>
                <li><a href="https://docs.google.com/forms/d/e/1FAIpQLSdp43P0rL2vraeMux3iTuonJh5JE4jJCsM-DY3UIncuPS4f4A/viewform?usp=sharing" target="_blank">投稿ページ</a></li>
                <li><a href="#" onclick="alert('場が凍りついた...'); return false;">氷はもう<br>こーりごり！</a></li>
            </ul>
        </nav>

        <main>
            <section id="img">
                <img src="main_visual.png" alt="メインビジュアル">
                <div class="overlay">ヒエッヒエのギャグ<br>待ってるぜ！</div>
            </section>
        </main>
    </div>

    <footer>
        <p>&copy; The Sky Blessingクソダジャレ祭</p>
    </footer>
</body>
</html>