<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - mozsz</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
    <style>
        :root {
            --primary-color: #c0392b; /* đỏ chủ đạo cho layout */
            --bg-light: #f8f9fa;
            --text-dark: #333; /* giữ text đen */
            --text-medium: #555;
            --border-color: #ced4da;
            --font-main: 'Inter', sans-serif;
        }
        body {
            font-family: var(--font-main);
            margin: 0;
            padding: 0;
            background-color: var(--bg-light);
            color: var(--text-dark);
            line-height: 1.6;
        }
        .header {
            background-color: var(--primary-color);
            color: #fff;
            padding: 40px 0;
            text-align: center;
        }
        .header h1 {
            margin: 0;
            font-size: 2.5rem;
            font-weight: 700;
        }
        .header p {
            margin-top: 10px;
            font-size: 1rem;
            opacity: 0.9;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
        }
        .contact-content {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.05);
            padding: 50px;
        }
        .section-form, .section-info {
            flex: 1;
            min-width: 300px;
        }
        .get-in-touch {
            margin-bottom: 40px;
            width: 100%;
        }
        .get-in-touch h2 {
            font-size: 2rem;
            color: var(--primary-color); /* tiêu đề đỏ */
            margin-top: 0;
            border-bottom: 2px solid #eee;
            padding-bottom: 10px;
        }
        .get-in-touch p {
            color: var(--text-medium); /* text giữ nguyên xám */
        }
        .form-group {
            margin-bottom: 20px;
        }
        .form-control {
            width: 100%;
            padding: 15px;
            border: 1px solid var(--border-color);
            border-radius: 8px;
            font-size: 1rem;
            box-sizing: border-box;
            transition: border-color 0.3s;
        }
        .form-control:focus {
            border-color: var(--primary-color);
            outline: none;
        }
        textarea.form-control {
            resize: vertical;
            min-height: 180px;
        }
        .btn-submit {
            background-color: var(--primary-color);
            color: #fff;
            padding: 15px 30px;
            border: none;
            border-radius: 8px;
            cursor: pointer;
            font-size: 1.1rem;
            font-weight: 600;
            transition: background-color 0.3s ease;
            width: 100%;
        }
        .btn-submit:hover {
            background-color: #922b21; /* đỏ đậm hơn hover */
        }
        .section-info h3 {
            font-size: 1.5rem;
            margin-bottom: 25px;
            color: var(--primary-color); /* tiêu đề đỏ */
        }
        .contact-info-item {
            margin-bottom: 25px;
        }
        .contact-info-item strong {
            display: block;
            color: var(--text-medium); /* giữ xám */
            margin-bottom: 5px;
            font-size: 0.9rem;
            text-transform: uppercase;
        }
        .contact-info-item a, .contact-info-item p {
            color: var(--text-dark); /* giữ đen */
            font-weight: 600;
            text-decoration: none;
        }
        /* Click Now luôn màu đỏ */
        .click-now {
            color: red !important;
            font-weight: 700;
            text-decoration: none;
        }
        .click-now:hover {
            color: red !important;
            text-decoration: underline;
        }
        .map-section {
            margin-top: 40px;
            padding: 20px 0;
        }
        .map-section h2 {
            text-align: center;
            font-size: 2rem;
            margin-bottom: 20px;
            color: var(--primary-color); /* tiêu đề đỏ */
        }
        .map-wrapper {
            border: 1px solid #ddd;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }
        .map-wrapper iframe {
            width: 100%;
            height: 450px;
            display: block;
        }
        @media (max-width: 992px) {
            .contact-content {
                flex-direction: column;
                padding: 30px;
            }
            .section-form, .section-info {
                min-width: 100%;
            }
            .map-wrapper iframe {
                height: 350px;
            }
        }
    </style>
</head>
<body>
    <div class="header">
        <h1>Contact Us</h1>
        <p>MOZSZ FASHION LLC</p>
    </div>
    <div class="container">
        <div class="get-in-touch">
            <h2>Send Us a Message</h2>
            <p>If you have any questions, concerns, or feedback, feel free to contact us using the form below or via our email.</p>
        </div>
        <div class="contact-content">
            <div class="section-form">
                <form action="https://formspree.io/f/mldpqpwz" method="POST">
                    <div class="form-group">
                        <input type="text" name="name" class="form-control" placeholder="Full Name" required>
                    </div>
                    <div class="form-group">
                        <input type="email" name="email" class="form-control" placeholder="Email Address" required>
                    </div>
                    <div class="form-group">
                        <input type="text" name="subject" class="form-control" placeholder="Subject" required>
                    </div>
                    <div class="form-group">
                        <textarea name="message" class="form-control" placeholder="Your Message" required></textarea>
                    </div>
                    <button type="submit" class="btn-submit">Send Message</button>
                </form>
            </div>
            <div class="section-info">
                <h3>Contact Information</h3>
                <div class="contact-info-item">
                    <strong>Email:</strong>
                    <a href="mailto:contact@mozsz.com">contact@mozsz.com</a>
                </div>
                <div class="contact-info-item">
                    <strong>Phone:</strong>
                    <a href="tel:+17207906029">+1 720-790-6029</a>
                </div>
                <div class="contact-info-item">
                    <strong>Adress:</strong>
                    <p>1500 N GRANT ST STE B, DENVER, CO 80203</p>
                </div>
                <div class="contact-info-item">
                    <strong>Support Time:</strong>
                    <p>9:00 AM – 5:00 PM (EST) (Mon – Fri)</p>
                </div>
                <div class="contact-info-item">
                    <strong>Follow us on Facebook:</strong>
                    <span>MOZSZ on Facebook (<a class="click-now" href="https://www.facebook.com/profile.php?id=61584438808049" target="_blank">Click Now</a>)</span>
                </div>
            </div>
        </div>
        <div class="map-section">
            <h2>Our Location</h2>
            <div class="map-wrapper">
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3067.8920173507545!2d-104.98592538462432!3d39.74204387944641!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x876c781615d6560b%3A0x8e8a6094b8e604f1!2s1500%20N%20Grant%20St%20Ste%20B%2C%20Denver%2C%20CO%2080203%2C%20USA!5e0!3m2!1sen!2s!4v1638200000000!5m2!1sen!2s"
                    style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>
        </div>
    </div>
</body>
</html>

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.

Mozsz Fashion LLC

Contact us

United States