<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - Flexmenswear</title>
    <style>
        :root {
            --primary-color: #111111;
            --accent-color: #c5a059; /* Elegant Gold for Menswear */
            --text-secondary: #666666;
            --bg-light: #f4f4f4;
            --white: #ffffff;
        }

        body {
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            line-height: 1.6;
            color: #333;
            margin: 0;
            padding: 0;
            background-color: var(--white);
        }

        .container {
            max-width: 1000px;
            margin: 60px auto;
            padding: 0 20px;
        }

        .contact-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .contact-header h1 {
            font-size: 2.5rem;
            text-transform: uppercase;
            letter-spacing: 2px;
            margin-bottom: 10px;
        }

        .contact-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
        }

        @media (max-width: 768px) {
            .contact-grid {
                grid-template-columns: 1fr;
                gap: 40px;
            }
        }

        /* Contact Info Styles */
        .info-section h3 {
            font-size: 1.2rem;
            text-transform: uppercase;
            margin-bottom: 25px;
            border-left: 3px solid var(--accent-color);
            padding-left: 15px;
        }

        .info-block {
            margin-bottom: 30px;
        }

        .info-block label {
            display: block;
            font-weight: bold;
            font-size: 0.85rem;
            color: var(--accent-color);
            text-transform: uppercase;
            margin-bottom: 5px;
        }

        .info-block p {
            margin: 0;
            font-size: 1rem;
        }

        .info-block a {
            color: inherit;
            text-decoration: none;
            transition: color 0.3s;
        }

        .info-block a:hover {
            color: var(--accent-color);
        }

        /* Form Styles */
        .form-group {
            margin-bottom: 20px;
        }

        .form-group label {
            display: block;
            margin-bottom: 8px;
            font-weight: 600;
            font-size: 0.9rem;
        }

        .form-group input, 
        .form-group textarea {
            width: 100%;
            padding: 12px;
            border: 1px solid #ddd;
            border-radius: 0; /* Square buttons for a more masculine look */
            box-sizing: border-box;
            font-size: 1rem;
        }

        .form-group textarea {
            height: 120px;
            resize: none;
        }

        .btn-submit {
            background-color: var(--primary-color);
            color: var(--white);
            padding: 15px 40px;
            border: none;
            cursor: pointer;
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s ease;
            width: 100%;
        }

        .btn-submit:hover {
            background-color: var(--accent-color);
        }

        /* Fake Submit Notification */
        #form-message {
            display: none;
            margin-top: 20px;
            padding: 15px;
            background-color: #f8f9fa;
            border: 1px solid #d4af37;
            color: #111;
            text-align: center;
            font-weight: 500;
        }
    </style>
</head>
<body>

<div class="container">
    <div class="contact-header">
        <h1>Contact Us</h1>
        <p>Have a question or need assistance? We're here to help.</p>
    </div>

    <div class="contact-grid">
        <div class="info-section">
            <h3>Store Information</h3>
            
            <div class="info-block">
                <label>Management Company</label>
                <p>AARON MICHAEL LEE LLC</p>
            </div>

            <div class="info-block">
                <label>Store Name</label>
                <p>Moderngirlwear</p>
            </div>

            <div class="info-block">
                <label>Headquarters</label>
                <p>130 Brook St, Bay Shore, NY, 11706, United States</p>
            </div>

            <div class="info-block">
                <label>Email Support</label>
                <p><a href="mailto:support@moderngirlwear.shop">support@moderngirlwear.shop</a></p>
            </div>

            <div class="info-block">
                <label>Business Hours</label>
                <p>Monday – Friday: 8:00 AM – 5:00 PM (EST)</p>
            </div>
        </div>

        <div class="form-section">
            <form id="contactForm">
                <div class="form-group">
                    <label for="name">Full Name</label>
                    <input type="text" id="name" placeholder="Enter your name" required>
                </div>
                <div class="form-group">
                    <label for="email">Email Address</label>
                    <input type="email" id="email" placeholder="Enter your email" required>
                </div>
                <div class="form-group">
                    <label for="subject">Subject</label>
                    <input type="text" id="subject" placeholder="How can we help?">
                </div>
                <div class="form-group">
                    <label for="message">Message</label>
                    <textarea id="message" placeholder="Type your message here..."></textarea>
                </div>
                <button type="submit" class="btn-submit">Send Message</button>
            </form>

            <div id="form-message">
                Thank you! Your message has been sent successfully. We will get back to you within 24 business hours.
            </div>
        </div>
    </div>
</div>

<script>
    document.getElementById('contactForm').addEventListener('submit', function(e) {
        e.preventDefault(); // Ngăn gửi dữ liệu thật
        
        // Hiển thị thông báo thành công
        const messageBox = document.getElementById('form-message');
        messageBox.style.display = 'block';
        
        // Reset các ô nhập liệu
        this.reset();

        // Cuộn nhẹ xuống thông báo (nếu trên mobile)
        messageBox.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
    });
</script>

</body>
</html>

Home

Shop real women's fashion categories with cleaner merchandising and policy-safe navigation defaults.

All Collections

Structured layers and statement outerwear for modern everyday styling.

Outerwear

Clean denim staples spanning jackets, dresses, sets and everyday separates.

Denim

Elevated tops, shirts and knit essentials built for versatile styling.

Tops

Refined skirts, shorts and tailored separates for polished dressing.

Bottoms

Matching sets curated for easy outfitting and high-converting collections.

Sets

Delivery windows, shipping timelines and fulfillment details.

Shipping Policy

Exchange, refund and return conditions for eligible orders.

Returns & Refunds

How customer data is collected, stored and processed.

Privacy Policy

Store terms, ordering conditions and legal obligations.

Terms of Service

Important legal notices and content disclaimers.

Disclaimer

Report infringement or submit intellectual property concerns.

IP Claim

Cancellation windows and order change limitations.

Cancellation Policy

Accepted payment types and checkout guidance.

Payment Methods

Policies

Reach customer support for store and order help.

Contact Us

Track current orders and shipment progress.

Order Tracking

Quick answers to common ordering and product questions.

FAQs

Support

About

Contact

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.