contact.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Café Roua | Accueil</title>
    <link rel="stylesheet" href="/css/style.css">
    <link rel="stylesheet" media="only screen and (max-width: 500px)" href="/css/style.mobile.css">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/4e855cac99.js" crossorigin="anonymous"></script>
    <link rel="icon" href="https://www.google.com/s2/u/0/favicons?domain=css-tricks.com" type="image/png">
</head>
<body>
    <header class="header">
        <nav>
        <h1>
            <a href="/index.html">Roua's Coffee</a>
        </h1>
        <ul>
            <li><a href="./index.html">Welcome</a></li>
            <li><a href="./where.html">Find us</a></li>
            <li><a class="active" href="./contact.html">Contact</a></li>
        </ul>
        </nav>
    </header>
    <section class="contact">
        <div class="contact-form-container">
            <form action="">
                <h1 class="underline">A question ? Contact us.</h1>
                <label class="my-20" for="name">Name</label>
                <input type="text" name="name" id="name">
                <label class="my-20" for="Email">Email</label>
                <input type="email" name="email" id="email">
                <label class="my-20" for="question">Question ?</label>
                <textarea name="question" id="question" cols="30" rows="10"></textarea>
                <button type="submit" class="btn btn-dark my-20">Submit</button>
            </form>
        </div>
    </section>
    <footer>
        <p>Copyright &copy; --RK 2023</p>
    </footer>


    <!--Script-->
    <script src="script.js"></script>
</body>
</html>