easy-light-studio / contact.html
demonsom's picture
Upload folder using huggingface_hub
5555fc7 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - GlobalShip</title>
<meta name="description" content="Contact GlobalShip for support, sales inquiries, or general questions. We're here to help with all your shipping needs.">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<nav class="nav">
<div class="nav-container">
<div class="nav-brand">
<h1 class="logo">GlobalShip</h1>
<span class="logo-subtitle">Worldwide Delivery</span>
</div>
<ul class="nav-menu">
<li><a href="index.html" class="nav-link">Home</a></li>
<li><a href="about.html" class="nav-link">About</a></li>
<li><a href="services.html" class="nav-link">Services</a></li>
<li><a href="track.html" class="nav-link">Track Package</a></li>
<li><a href="quote.html" class="nav-link">Get Quote</a></li>
<li><a href="contact.html" class="nav-link active">Contact</a></li>
<li><a href="login.html" class="nav-link login-btn">Login</a></li>
</ul>
<div class="nav-toggle">
<span></span>
<span></span>
<span></span>
</div>
</div>
</nav>
</header>
<main class="page-content">
<div class="container">
<section class="page-header">
<h1>Contact Us</h1>
<p>Get in touch with our team. We're here to help with all your shipping needs.</p>
</section>
<section class="contact-section">
<div class="contact-grid">
<div class="contact-info">
<div class="contact-card">
<div class="contact-icon">📞</div>
<h3>Phone Support</h3>
<p><strong>Customer Service:</strong><br>1-800-GLOBAL-1</p>
<p><strong>Business Sales:</strong><br>1-800-GLOBAL-2</p>
<p><strong>Hours:</strong><br>24/7 Support Available</p>
</div>
<div class="contact-card">
<div class="contact-icon">📧</div>
<h3>Email Support</h3>
<p><strong>General Inquiries:</strong><br>info@globalship.com</p>
<p><strong>Customer Support:</strong><br>support@globalship.com</p>
<p><strong>Business Sales:</strong><br>sales@globalship.com</p>
</div>
<div class="contact-card">
<div class="contact-icon">📍</div>
<h3>Headquarters</h3>
<p>GlobalShip International<br>
123 Shipping Boulevard<br>
New York, NY 10001<br>
United States</p>
</div>
<div class="contact-card">
<div class="contact-icon">💬</div>
<h3>Live Chat</h3>
<p>Chat with our support team in real-time for immediate assistance.</p>
<button class="btn btn-primary">Start Chat</button>
</div>
</div>
<div class="contact-form-container">
<form class="contact-form" id="contactForm">
<h3>Send us a Message</h3>
<div class="form-row">
<div class="form-group">
<label for="firstName">First Name</label>
<input type="text" id="firstName" name="firstName" required>
</div>
<div class="form-group">
<label for="lastName">Last Name</label>
<input type="text" id="lastName" name="lastName" required>
</div>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" name="email" required>
</div>
<div class="form-group">
<label for="phone">Phone Number</label>
<input type="tel" id="phone" name="phone">
</div>
<div class="form-group">
<label for="company">Company (Optional)</label>
<input type="text" id="company" name="company">
</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="tracking">Package Tracking Issue</option>
<option value="shipping">Shipping Question</option>
<option value="business">Business Partnership</option>
<option value="billing">Billing Question</option>
<option value="complaint">File a Complaint</option>
<option value="feedback">Feedback</option>
</select>
</div>
<div class="form-group">
<label for="trackingNumber">Tracking Number (if applicable)</label>
<input type="text" id="trackingNumber" name="trackingNumber" placeholder="GS123456789">
</div>
<div class="form-group">
<label for="message">Message</label>
<textarea id="message" name="message" rows="6" required placeholder="Please provide details about your inquiry..."></textarea>
</div>
<div class="form-group checkbox-group">
<label class="checkbox-label">
<input type="checkbox" id="newsletter" name="newsletter">
<span class="checkmark"></span>
Subscribe to our newsletter for shipping tips and updates
</label>
</div>
<button type="submit" class="btn btn-primary btn-full">Send Message</button>
</form>
</div>
</div>
</section>
<section class="faq-section">
<h2>Frequently Asked Questions</h2>
<div class="faq-grid">
<div class="faq-item">
<h3>How do I track my package?</h3>
<p>You can track your package using your tracking number on our Track Package page. Enter the number in the search field and click "Track" to see real-time updates.</p>
</div>
<div class="faq-item">
<h3>What are your delivery timeframes?</h3>
<p>Delivery times vary by service level and destination. Economy shipping takes 5-7 business days, Express takes 2-3 days, and Overnight delivery is next business day.</p>
</div>
<div class="faq-item">
<h3>Do you offer insurance?</h3>
<p>Yes, we offer shipping insurance for all packages. Basic coverage is included, and you can add additional insurance up to $10,000 for high-value items.</p>
</div>
<div class="faq-item">
<h3>How do I calculate shipping costs?</h3>
<p>Use our Get Quote tool to calculate shipping costs. Enter your package details, origin, and destination to get instant pricing for different service levels.</p>
</div>
<div class="faq-item">
<h3>What items cannot be shipped?</h3>
<p>Restricted items include hazardous materials, flammable liquids, firearms, perishable goods, and items prohibited by international regulations. Contact us for specific restrictions.</p>
</div>
<div class="faq-item">
<h3>Do you ship to P.O. Boxes?</h3>
<p>Yes, we ship to P.O. Boxes within the United States. However, signature confirmation may be required for certain high-value items.</p>
</div>
</div>
</section>
</div>
</main>
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>GlobalShip</h3>
<p>Your trusted partner for worldwide shipping solutions.</p>
</div>
<div class="footer-section">
<h4>Services</h4>
<ul>
<li><a href="services.html">International Shipping</a></li>
<li><a href="services.html">Express Delivery</a></li>
<li><a href="services.html">Package Tracking</a></li>
<li><a href="services.html">Business Solutions</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Company</h4>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Press</a></li>
</ul>
</div>
<div class="footer-section">
<h4>Support</h4>
<ul>
<li><a href="track.html">Track Package</a></li>
<li><a href="quote.html">Get Quote</a></li>
<li><a href="#">Help Center</a></li>
<li><a href="#">Shipping Calculator</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2024 GlobalShip. All rights reserved.</p>
<p>Built with <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank">anycoder</a></p>
</div>
</div>
</footer>
<script src="assets/js/script.js"></script>
<script src="assets/js/contact.js"></script>
</body>
</html>