Name: restaurantcrosslake
Address: Thới Thuận, TT. Cờ Đỏ, Cờ Đỏ, Cần Thơ, US
Price range: $10 - $100

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - Checksettlement</title>
    <style>
        /* Reset & Base Styles */
        body {
            font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;
            line-height: 1.8;
            color: #333333;
            background-color: #ffffff;
            margin: 0;
            padding: 0;
        }

        .cs-contact-section {
            max-width: 1100px;
            margin: 80px auto;
            padding: 0 20px;
        }

        /* Header */
        .cs-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .cs-title {
            color: #b87333; /* Màu Nâu đồng chủ đạo */
            font-size: 2.8rem;
            font-weight: 800;
            margin-bottom: 15px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .cs-subtitle {
            color: #8b5a2b;
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
        }

        /* Layout */
        .cs-grid {
            display: grid;
            grid-template-columns: 1fr 1.5fr;
            gap: 60px;
            align-items: start;
        }

        /* Cột thông tin */
        .cs-info-card {
            padding: 40px;
            background: #fffaf5; /* Nền nâu nhạt */
            border-radius: 12px;
            border-left: 6px solid #b87333;
        }

        .cs-info-heading {
            font-size: 1.6rem;
            color: #b87333;
            margin-top: 0;
            margin-bottom: 30px;
            text-transform: uppercase;
        }

        .cs-info-item {
            margin-bottom: 30px;
        }

        .cs-label {
            display: block;
            text-transform: uppercase;
            font-size: 0.8rem;
            font-weight: 700;
            color: #b87333;
            letter-spacing: 1px;
            margin-bottom: 5px;
        }

        .cs-content {
            font-size: 1.05rem;
            color: #4a4a4a;
            margin: 0;
        }

        /* Form */
        .cs-form-wrapper {
            background: #ffffff;
            padding: 40px;
            border: 1px solid #f2e9e4;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0,0,0,0.03);
        }

        .cs-form-group { margin-bottom: 20px; }
        .cs-form-group label { display: block; margin-bottom: 8px; font-weight: 600; }

        .cs-input, .cs-textarea {
            width: 100%;
            padding: 12px 16px;
            border: 1.5px solid #e2e8f0;
            border-radius: 8px;
            font-size: 1rem;
            transition: all 0.3s ease;
            box-sizing: border-box;
        }

        .cs-input:focus, .cs-textarea:focus {
            outline: none;
            border-color: #b87333;
            box-shadow: 0 0 0 4px rgba(184, 115, 51, 0.1);
        }

        .cs-textarea { height: 140px; resize: none; }

        .cs-submit-btn {
            background-color: #b87333;
            color: white;
            width: 100%;
            padding: 15px;
            border: none;
            border-radius: 8px;
            font-size: 1rem;
            font-weight: 700;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .cs-submit-btn:hover { background-color: #9c5d26; }

        /* Trạng thái */
        .cs-status-msg { display: none; margin-top: 20px; padding: 15px; border-radius: 8px; text-align: center; font-size: 0.9rem; }
        .cs-status-success { display: block !important; background-color: #fffaf5; color: #b87333; border: 1px solid #b87333; }

        .cs-footer { text-align: center; padding: 40px 0; color: #b29a8a; font-size: 0.85rem; border-top: 1px solid #f1f1f1; margin-top: 100px; }

        @media (max-width: 992px) {
            .cs-grid { grid-template-columns: 1fr; }
        }
    </style>
</head>
<body>

    <section class="cs-contact-section">
        <header class="cs-header">
            <h1 class="cs-title">Contact Us</h1>
            <p class="cs-subtitle">We are here to assist you. If you have any inquiries, feedback, or need support with your Checksettlement order, please reach out to our team.</p>
        </header>

        <div class="cs-grid">
            <div class="cs-info-card">
                <h2 class="cs-info-heading">Get In Touch</h2>
                
                <div class="cs-info-item">
                    <span class="cs-label">Email</span>
                    <p class="cs-content">hoangthinhi@restaurantcrosslake.com</p>
                </div>

                <div class="cs-info-item">
                    <span class="cs-label">Address</span>
                    <p class="cs-content">Thới Thuận, TT. Cờ Đỏ, Cờ Đỏ, Cần Thơ</p>
                </div>

                <div class="cs-info-item">
                    <span class="cs-label">SUpport Time</span>
                    <p class="cs-content">Mon – Fri: 8:00 AM – 5:00 PM (ICT)</p>
                </div>
            </div>

            <div class="cs-form-wrapper">
                <form id="csContactForm">
                    <div class="cs-form-group">
                        <label for="name">Full Name</label>
                        <input type="text" id="name" class="cs-input" placeholder="Enter your name" required>
                    </div>

                    <div class="cs-form-group">
                        <label for="email">Email Address</label>
                        <input type="email" id="email" class="cs-input" placeholder="email@example.com" required>
                    </div>

                    <div class="cs-form-group">
                        <label for="order">Order Number (Optional)</label>
                        <input type="text" id="order" class="cs-input" placeholder="#ITM12345">
                    </div>

                    <div class="cs-form-group">
                        <label for="message">Message</label>
                        <textarea id="message" class="cs-textarea" placeholder="How can we help you today?"></textarea>
                    </div>

                    <button type="submit" class="cs-submit-btn" id="csSubmitBtn">Send Message</button>
                </form>
                <div id="csStatus" class="cs-status-msg"></div>
            </div>
        </div>
    </section>

    <footer class="cs-footer">
        &copy; 2026 Checksettlement. All rights reserved.
    </footer>

    <script>
        document.getElementById('csContactForm').addEventListener('submit', function(e) {
            e.preventDefault();
            const btn = document.getElementById('csSubmitBtn');
            const status = document.getElementById('csStatus');
            btn.innerText = 'Processing...';
            btn.disabled = true;

            setTimeout(() => {
                status.innerText = "Message sent successfully! We'll be in touch soon.";
                status.className = "cs-status-msg cs-status-success";
                this.reset();
                btn.innerText = 'Send Message';
                btn.disabled = false;
                setTimeout(() => { status.className = "cs-status-msg"; }, 5000);
            }, 1200);
        });
    </script>
</body>
</html>

Home

Shop

About Us

Contact Us

Order Tracking

English

German

Australia

Spanish

Portuguese

Canada

French

Italian

Japanese

Korean

Vietnamese

Contact us for any questions, support, or inquiries. We are here to help with your shopping experience.

restaurantcrosslake

Contact us

United States