Untitled

avatar
unknown
plain_text
a year ago
1.4 kB
7
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Restaurant Website</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>Welcome to Your Restaurant</h1>
        <p>Fill out the form to personalize your website</p>
    </header>

    <main>
        <form id="restaurantForm">
            <label for="restaurantName">Restaurant Name:</label>
            <input type="text" id="restaurantName" name="restaurantName" required>

            <label for="description">Description:</label>
            <textarea id="description" name="description" rows="4" required></textarea>

            <label for="contact">Contact Information:</label>
            <input type="text" id="contact" name="contact" required>

            <button type="submit">Submit</button>
        </form>

        <div id="restaurantInfo" style="display: none;">
            <h2>Your Restaurant Info</h2>
            <p><strong>Name:</strong> <span id="displayName"></span></p>
            <p><strong>Description:</strong> <span id="displayDescription"></span></p>
            <p><strong>Contact:</strong> <span id="displayContact"></span></p>
        </div>
    </main>

    <footer>
        <p>&copy; 2024 Your Restaurant Name. All rights reserved.</p>
    </footer>

    <script src="script.js"></script>
</body>
</html>
Editor is loading...
Leave a Comment