<body>
    <header>
        <div id="logo">
            <img src="image/logo.png">
        </div>
        <nav>
            <ul>
                <li><a href="index.html">TOP</a></li>
                <li><a href="about.html">ABOUT</a></li>
                <li><a href="map.html">MAP</a></li>
                <li><a href="blog.html">BLOG</a></li>
                <li><a href="contact.html">CONTACT</a></li>
            </ul>
        </nav>
    </header>
    <div>
        <article>
            <h1>Liveworks Corporationのサイトへようこそ</h1>
            <p>
                Liveworks Corporationはあなたの生活を便利にする商品やサービスの開発を日々行っています。<br>
                <a href="blog.html">スタッフブログ</a>では新製品の情報なども公開していますので是非ご覧ください。
            </p>
        </article>
        <aside>
            <section>
                <h2>本社住所</h2>
                <p>東京都千代田区神田須田町1-34-4</p>
            </section>
            <section>
                <h2>セミナー開催日</h2>
                <p>12月17日、12月18日</p>
            </section>
        </aside>
    </div>
    <footer>
        <div id="contact">
            <h2>製品・サービスに関するお問い合わせ</h2>
            <p>
              メールでのお問い合わせには3営業日以内にお返事をお送りします。<br>
              お電話でのお問い合わせは下記番号（フリーダイヤル）までおかけ下さい。
            </p>
        </div>
        <div id="copyright">
            Copyright(C) Liveworks Corporation All Rights Reserved.
        </div>
    </footer>
</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.