bindaloo/index.html at main · TheAIOldtimer/bindaloo · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bindaloo - Coming Soon</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            background-color: #f4f4f4;
            margin: 0;
            padding: 0;
        }
        .container {
            max-width: 600px;
            margin: 100px auto;
            padding: 20px;
            background: white;
            box-shadow: 0px 4px 10px rgba(0,0,0,0.1);
            border-radius: 10px;
        }
        h1 {
            color: #333;
        }
        p {
            color: #555;
            text-align: justify;
        }
        .video-container {
            margin: 20px 0;
        }
        .form-container {
            margin-top: 20px;
        }
        input[type="text"], input[type="email"], textarea {
            width: 80%;
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
            border-radius: 5px;
            display: block;
        }
        button {
            padding: 10px 20px;
            border: none;
            background-color: #007bff;
            color: white;
            font-size: 16px;
            cursor: pointer;
            border-radius: 5px;
        }
        button:hover {
            background-color: #0056b3;
        }
        .footer {
            margin-top: 20px;
            font-size: 14px;
            color: #888;
        }
    </style>
</head>
<body>

    <div class="container">
        <h1>Coming Soon</h1>
        <img src="https://github.com/TheAIOldtimer/bindaloo/blob/main/banner.png?raw=true" alt="Bindaloo Banner" style="width: 100%; max-width: 1200px; display: block; margin: 20px auto;">

        <div class="video-container" style="text-align: center;">
            <p><iframe style="max-width: 100%; width: 560px; height: 315px;" src="https://www.youtube.com/embed/5zhm822CSNA" frameborder="0" allowfullscreen></iframe></p>
        </div>

        <p>Have you ever had a wonderful experience at a restaurant or venue, only to have it ruined because the toilet facilities weren't up to scratch? Or, like me, do you have certain toiletry 'needs', and it would be good to know what's available in advance?<br><br> Well, just like TripAdvisor allows people to rate and review hotels, restaurants, and venues, 'Bindaloo.com' will soon allow you to rate and review the facilities at these places.<br><br> We are still at the foundational stages, but will be crowdfunding later this year, and are putting a team together, so if you are interested either as a potential user of our site, or would like to become a more involved participant to help make this a reality, please get in touch using the form below, and someone will be in touch as soon as possible.</p>

        <div class="video-container" style="text-align: center;">
            <p><iframe style="max-width: 100%; width: 560px; height: 315px;" src="https://www.youtube.com/embed/jhBFx2sZjjQ" frameborder="0" allowfullscreen></iframe></p>
        </div>

        <div class="form-container">
            <p>Register your interest:</p>
            <form action="https://formspree.io/f/mkgodbga" method="POST" enctype="multipart/form-data">
                <input type="text" name="name" placeholder="Enter your name" required>
                <input type="email" name="email" placeholder="Enter your email" required>
                <textarea name="message" placeholder="Enter your comment" rows="4" required></textarea>
                <button type="submit">Keep Me Updated</button>
            </form>
        </div>

        <div class="footer">&copy; 2025 Bindaloo. All Rights Reserved.</div>
</body>
</html>