contact.html

10.00 KB
14/11/2025 14:16
HTML
contact.html
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Contact Us - TechDeals</title>
  <meta name="description" content="Get in touch with the TechDeals team. We're here to help with any questions about our products, services, or affiliate partnerships.">
  <link rel="canonical" href="https://techdeals.example.com/contact.html">
  <meta name="robots" content="index, follow">

  <!-- Open Graph -->
  <meta property="og:title" content="Contact Us - TechDeals">
  <meta property="og:description" content="Get in touch with the TechDeals team. We're here to help with any questions about our products, services, or affiliate partnerships.">
  <meta property="og:image" content="assets/images/logo.png">
  <meta property="og:url" content="https://techdeals.example.com/contact.html">
  <meta property="og:type" content="website">

  <!-- Twitter Cards -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Contact Us - TechDeals">
  <meta name="twitter:description" content="Get in touch with the TechDeals team. We're here to help with any questions about our products, services, or affiliate partnerships.">
  <meta name="twitter:image" content="assets/images/logo.png">

  <!-- Favicon -->
  <link rel="icon" type="image/svg+xml" href="assets/images/logo.png">

  <!-- CSS -->
  <link rel="stylesheet" href="assets/css/styles.css">

  <!-- JSON-LD Structured Data -->
  <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "BreadcrumbList",
        "itemListElement": [
            {
                "@type": "ListItem",
                "position": 1,
                "name": "Home",
                "item": "https://techdeals.example.com/"
            },
            {
                "@type": "ListItem",
                "position": 2,
                "name": "Contact Us",
                "item": "https://techdeals.example.com/contact.html"
            }
        ]
    }
    </script>
</head>

<body>
  <header class="header">
    <div class="container">
      <div class="header-content">
        <div class="logo">
          <a href="index.html">
            <img src="assets/images/logo.png" alt="TechDeals Logo">
          </a>
        </div>
        <nav class="main-nav" id="main-nav">
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="category.html">Categories</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="contact.html" class="active">Contact</a></li>
          </ul>
        </nav>
        <div class="search">
          <form action="search" method="get">
            <input type="search" name="q" placeholder="Search products..." aria-label="Search">
            <button type="submit" aria-label="Submit search">Search</button>
          </form>
        </div>
        <button class="mobile-menu-toggle" id="mobile-menu-toggle" aria-label="Toggle menu">
          <span></span>
          <span></span>
          <span></span>
        </button>
      </div>
    </div>
  </header>

  <main>
    <nav class="breadcrumbs">
      <div class="container">
        <ol>
          <li><a href="index.html">Home</a></li>
          <li>Contact Us</li>
        </ol>
      </div>
    </nav>

    <section class="page-header">
      <div class="container">
        <h1>Contact Us</h1>
        <p>We're here to help with any questions about our products, services, or affiliate partnerships</p>
      </div>
    </section>

    <section class="contact-content">
      <div class="container">
        <div class="contact-layout">
          <div class="contact-info">
            <h2>Get in Touch</h2>
            <p>Whether you have a question about a product, need help with an order, or want to discuss an affiliate partnership, we're here to help.</p>

            <div class="contact-methods">
              <div class="contact-method">
                <h3>Email</h3>
                <p>General Inquiries: <a href="mailto:info@techdeals.example.com">info@techdeals.example.com</a></p>
                <p>Affiliate Partnerships: <a href="mailto:affiliates@techdeals.example.com">affiliates@techdeals.example.com</a></p>
              </div>

              <div class="contact-method">
                <h3>Phone</h3>
                <p>Customer Support: <a href="tel:+1234567890">+1 (234) 567-890</a></p>
                <p>Mon-Fri: 9am-5pm EST</p>
              </div>

              <div class="contact-method">
                <h3>Social Media</h3>
                <div class="social-links">
                  <a href="#" aria-label="Facebook">Facebook</a>
                  <a href="#" aria-label="Twitter">Twitter</a>
                  <a href="#" aria-label="Instagram">Instagram</a>
                </div>
              </div>
            </div>
          </div>

          <div class="contact-form">
            <h2>Send Us a Message</h2>
            <form action="submit-contact" method="post">
              <div class="form-group">
                <label for="name">Name</label>
                <input type="text" id="name" name="name" required>
              </div>

              <div class="form-group">
                <label for="email">Email</label>
                <input type="email" id="email" name="email" required>
              </div>

              <div class="form-group">
                <label for="subject">Subject</label>
                <select id="subject" name="subject" required>
                  <option value="">Select a subject</option>
                  <option value="general">General Inquiry</option>
                  <option value="product">Product Question</option>
                  <option value="order">Order Issue</option>
                  <option value="affiliate">Affiliate Partnership</option>
                  <option value="feedback">Feedback</option>
                  <option value="other">Other</option>
                </select>
              </div>

              <div class="form-group">
                <label for="message">Message</label>
                <textarea id="message" name="message" rows="5" required></textarea>
              </div>

              <div class="form-group checkbox-group">
                <input type="checkbox" id="newsletter" name="newsletter">
                <label for="newsletter">Subscribe to our newsletter for the latest deals</label>
              </div>

              <button type="submit" class="btn btn-primary">Send Message</button>
            </form>
          </div>
        </div>
      </div>
    </section>

    <section class="faq">
      <div class="container">
        <h2>Frequently Asked Questions</h2>
        <div class="faq-list">
          <div class="faq-item">
            <h3>How do I purchase a product through TechDeals?</h3>
            <p>Simply browse our product categories, click on a product you're interested in, and then click on one of the retailer links to make your purchase. You'll be redirected to the retailer's website to complete your purchase.</p>
          </div>

          <div class="faq-item">
            <h3>Do I pay more when buying through TechDeals?</h3>
            <p>No, you don't pay any extra when purchasing through our affiliate links. The price you pay is the same as if you went directly to the retailer's website.</p>
          </div>

          <div class="faq-item">
            <h3>How does TechDeals make money?</h3>
            <p>We earn a small commission from retailers when you make a purchase through our affiliate links. This doesn't affect the price you pay and helps us maintain our website and continue providing valuable content.</p>
          </div>

          <div class="faq-item">
            <h3>Can I return a product purchased through TechDeals?</h3>
            <p>All returns and exchanges are handled directly by the retailer from whom you made the purchase. Please refer to the retailer's return policy for more information.</p>
          </div>

          <div class="faq-item">
            <h3>How do I become an affiliate partner?</h3>
            <p>If you're interested in becoming an affiliate partner, please email us at <a href="mailto:affiliates@techdeals.example.com">affiliates@techdeals.example.com</a> with details about your business and audience.</p>
          </div>
        </div>
      </div>
    </section>
  </main>

  <footer class="footer">
    <div class="container">
      <div class="footer-content">
        <div class="footer-section">
          <h3>TechDeals</h3>
          <p>Your trusted source for the best deals on electronics and tech gadgets.</p>
          <div class="social-links">
            <a href="#" aria-label="Facebook">Facebook</a>
            <a href="#" aria-label="Twitter">Twitter</a>
            <a href="#" aria-label="Instagram">Instagram</a>
          </div>
        </div>
        <div class="footer-section">
          <h3>Quick Links</h3>
          <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="category.html">Categories</a></li>
            <li><a href="about.html">About Us</a></li>
            <li><a href="contact.html">Contact</a></li>
          </ul>
        </div>
        <div class="footer-section">
          <h3>Categories</h3>
          <ul>
            <li><a href="category.html?cat=audio">Audio</a></li>
            <li><a href="category.html?cat=smart-home">Smart Home</a></li>
            <li><a href="category.html?cat=computer">Computers</a></li>
            <li><a href="category.html?cat=mobile">Mobile</a></li>
          </ul>
        </div>
        <div class="footer-section">
          <h3>Legal</h3>
          <ul>
            <li><a href="privacy-policy">Privacy Policy</a></li>
            <li><a href="terms-of-service">Terms of Service</a></li>
            <li><a href="affiliate-disclosure">Affiliate Disclosure</a></li>
          </ul>
        </div>
      </div>
      <div class="footer-bottom">
        <p>&copy; 2023 TechDeals. All rights reserved.</p>
      </div>
    </div>
  </footer>

  <script src="assets/js/app.js"></script>
</body>

</html>