<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact - Iotwearabledevice</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400&family=Playfair+Display:ital,wght@0,700;1,700&display=swap" rel="stylesheet">
    <style>
        :root { --accent: #d4af37; --dark: #111; }

        body { margin: 0; padding: 0; background: #fafafa; font-family: 'Inter', sans-serif; color: var(--dark); }

        .container { max-width: 1000px; margin: 100px auto; padding: 0 40px; }

        /* Tiêu đề cách điệu */
        .title-group { margin-bottom: 80px; }
        .title-group h1 { 
            font-family: 'Playfair Display', serif; 
            font-size: 80px; 
            font-style: italic; 
            margin: 0; 
            letter-spacing: -2px;
        }

        /* Grid Layout */
        .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }

        /* Form thiết kế kiểu tạp chí */
        .form-group { position: relative; margin-bottom: 40px; }
        input, textarea { 
            width: 100%; border: none; border-bottom: 1px solid #ddd; 
            padding: 10px 0; background: transparent; outline: none; font-size: 16px;
        }
        input:focus + label, textarea:focus + label, input:valid + label, textarea:valid + label {
            top: -20px; font-size: 10px; color: var(--accent);
        }
        label { 
            position: absolute; left: 0; top: 10px; transition: 0.3s; color: #aaa; pointer-events: none; text-transform: uppercase; letter-spacing: 1px; font-size: 12px;
        }

        /* Nút bấm độc bản */
        .btn { 
            background: transparent; border: 1px solid #111; padding: 20px 50px; 
            text-transform: uppercase; letter-spacing: 3px; font-size: 12px; cursor: pointer;
            transition: 0.5s;
        }
        .btn:hover { background: var(--dark); color: #fff; }

        /* Thông tin */
        .info-box { border-left: 2px solid var(--accent); padding-left: 30px; }
        .info-label { display: block; font-size: 10px; text-transform: uppercase; color: #999; margin-bottom: 5px; }
        .info-val { font-size: 20px; font-family: 'Playfair Display', serif; margin-bottom: 30px; }

        @media (max-width: 768px) { .grid { grid-template-columns: 1fr; } .title-group h1 { font-size: 50px; } }
    </style>
</head>
<body>

<div class="container">
    <div class="title-group">
        <h1>Contact <br><span style="">Information</span></h1>
    </div>

    <div class="grid">
        <form>
            <div class="form-group">
                <input type="text" required>
                <label>Full Name</label>
            </div>
            <div class="form-group">
                <input type="email" required>
                <label>Email Address</label>
            </div>
            <div class="form-group">
                <textarea required></textarea>
                <label>Your Message</label>
            </div>
            <button class="btn">Send Inquiry</button>
        </form>

        <div class="info-box">
            <span class="info-label">Comapany</span>
            <div class="info-val">HOANG VAN TOAN</div>
<span class="info-label">Address</span>
            <div class="info-val">Thôn Khau Ràng, Tràng Các, Văn Quan, Lạng Sơn</div>
            
            <span class="info-label">Email</span>
            <div class="info-val">support@iotwearabledevice.com</div>

            <span class="info-label">Support Time</span>
            <div class="info-val">Mon–Fri | 8:00 AM – 5:00 PM (EST)</div>
        </div>
    </div>
</div>

</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.

Iotwearabledevice

Contact us

United States

HOANG VAN TOAN

Contact Information

Contact
Information