Contact.html

<!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="utf-8">
        <title>CONTACT</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="./css/Contact.css">
    </head>

    <body>
        <header>
            <h1><a href="./index.html">YUTO YAMAMOTO</a></h1>
            <nav>
                <ul>
                    <li><a href="./About.html">ABOUT</a></li>
                    <li><a href="./Contact.html">CONTACT</a></li>
                    <li><a href="./Function-List.html">FUNCTIONS LIST</a></li>
                </ul>
            </nav>
        </header>

        <div class="contact">
            <h1 class="contact-ttl">CONTACT</h1>
            <form action="">
                <table class="contact-table">
                    <tr>
                        <th class="contact-item">Name</th>
                        <td class="contact-body"><input type="Text" name="Name" class="form-text"></td>
                    </tr>
                    <tr>
                        <th class="contact-item">Mail Address</th>
                        <td class="contact-body"><input type="email" name="Mail Address" class="form-text" /></td>
                    </tr>
                    <tr>
                        <th class="contact-item">Message</th>
                        <td class="contact-body"><textarea name="Message" class="form-textarea"></textarea></td>
                    </tr>
                </table>
                <input class="contact-submit" type="submit" value="SUBMIT" />
            </form>
        </div>

        <footer id="footer">
            <p>&copy; YUTO YAMAMOTO</p>
        </footer>
    </body>
</html>