Embed

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us</title>
    
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* Custom font for a clean look */
        body {
            font-family: 'Inter', sans-serif;
        }
        /* Styles for the success message */
        .success-message {
            display: none; /* Hidden by default */
            background-color: #d4edda;
            color: #155724;
            padding: 1rem;
            border-radius: 0.5rem;
            margin-top: 1.5rem;
            text-align: center;
            font-weight: bold;
        }
    </style>
</head>
<body class="bg-gray-100 flex items-center justify-center min-h-screen p-4">

    <div class="bg-white rounded-xl shadow-2xl p-8 md:p-10 max-w-xl w-full">
        <h1 class="text-4xl font-extrabold text-center text-gray-900 mb-8">Get in Touch</h1>
        <p class="text-center text-gray-600 mb-8" id="form-description">
            We'd love to hear from you! Please fill out the form below.
        </p>

        
        <form id="contactForm" action="#" method="POST" class="space-y-6">
            <div>
                <label for="name" class="block text-sm font-medium text-gray-700 mb-1">Your Name</label>
                <input type="text" id="name" name="name" placeholder="John Doe"
                       class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
                       required>
            </div>

            <div>
                <label for="email" class="block text-sm font-medium text-gray-700 mb-1">Email Address</label>
                <input type="email" id="email" name="email" placeholder="you@example.com"
                       class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
                       required>
            </div>

            <div>
                <label for="subject" class="block text-sm font-medium text-gray-700 mb-1">Subject</label>
                <input type="text" id="subject" name="subject" placeholder="Inquiry about services"
                       class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm">
            </div>

            <div>
                <label for="message" class="block text-sm font-medium text-gray-700 mb-1">Your Message</label>
                <textarea id="message" name="message" rows="5" placeholder="Type your message here..."
                          class="mt-1 block w-full px-4 py-2 border border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm"
                          required></textarea>
            </div>

            <div class="flex justify-center">
                <button type="submit" id="submitButton"
                        class="inline-flex justify-center py-3 px-8 border border-transparent shadow-sm text-lg font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition duration-300 ease-in-out transform hover:scale-105">
                    Send Message
                </button>
            </div>
        </form>

        <div id="successMessage" class="success-message">
            Thank you for your message! We will get back to you shortly.
        </div>
    </div>

    
    <script>
        document.getElementById('contactForm').addEventListener('submit', function(event) {
            event.preventDefault(); // Prevent default form submission (prevents page reload)

            const form = event.target;
            const formData = new FormData(form);
            const submitButton = document.getElementById('submitButton');
            const successMessage = document.getElementById('successMessage');
            const formDescription = document.getElementById('form-description');

            // Log form data to console (for demonstration, as it's not being sent anywhere)
            console.log('Form Data Captured (not sent to a server):');
            for (let [key, value] of formData.entries()) {
                console.log(`${key}: ${value}`);
            }

            // Hide the form and its description
            form.style.display = 'none';
            formDescription.style.display = 'none';

            // Show the success message
            successMessage.style.display = 'block';

            // You can optionally clear the form fields if you want to reuse the form later,
            // but since it's hidden, it's not strictly necessary for this setup.
            // form.reset();
        });
    </script>

    
    <script type="text/javascript" id="hs-script-loader" async defer src="//js-na3.hs-scripts.com/342133784.js"></script>
    

</body>
</html>

Limb and Lymph

 Limb & Lymph is a specialized clinic dedicated to the management and support of individuals living with lymphedema, lipedema, and related chronic swelling conditions.
We offer personalized, evidence-based care using a combination of:

Manual Lymphatic Drainage (MLD)

Deep Oscillation Therapy (DOT)

Vacuum-assisted lymphatic drainage

Kinesio taping techniques

Therapeutic exercise programs


In addition to treatment, we provide comprehensive garment support, including:

Personalized fittings for compression sleeves, stockings, wraps, and post-surgical garments

Guidance through the Assistive Devices Program (ADP) to help eligible clients access partial funding for medical compression garments


Whether you're newly diagnosed or looking for long-term management, Limb & Lymph is here to support your journey with care, education, and clinically backed solutions.