Preview:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Taste of India</title>
    <link rel="stylesheet" href="styles.css">
    <style>
        /* Additional styles for customer.html */
        body {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100vh; /* Ensure full height */
            margin: 0; /* Remove default margin */
            padding: 0; /* Remove default padding */
        }

        .button-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
            margin-top: 20px;
        }

        .table-button {
            padding: 15px 30px;
            font-size: 16px;
            cursor: pointer;
            border: none;
            border-radius: 5px;
            background-color: #007bff;
            color: white;
            font-weight: bold;
        }

        .table-button:hover {
            background-color: #0056b3;
        }

        .back-button {
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <h1>TASTE OF INDIA</h1>
    <div class="info-container">
        <p>
            Welcome to Taste of India! We serve delicious Indian cuisine that will tantalize your taste buds and leave you wanting more. Our dishes are made with fresh, high-quality ingredients, bursting with flavor and spices that will awaken your senses. Whether you're craving savory curries, aromatic biryanis, or crispy samosas, we have something for everyone. Come and experience the authentic taste of India with us!
        </p>
    </div>
    <div class="button-container">
        <button class="table-button" onclick="window.location.href='menu.html'">Table 1</button>
        <button class="table-button" onclick="window.location.href='menu.html'">Table 2</button>
        <button class="table-button" onclick="window.location.href='menu.html'">Table 3</button>
        <button class="table-button" onclick="window.location.href='menu.html'">Table 4</button>
        <button class="table-button" onclick="window.location.href='menu.html'">Table 5</button>
        <button class="table-button" onclick="window.location.href='menu.html'">Table 6</button>
        <button class="table-button" onclick="window.location.href='menu.html'">Table 7</button>
    </div>
    <button class="back-button" onclick="window.location.href='index.html'">Back</button>
</body>
</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter