Spaces:
Running
Running
File size: 7,041 Bytes
5555fc7 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Track Your Package - GlobalShip</title>
<meta name="description" content="Track your shipment in real-time with GlobalShip's comprehensive package tracking system.">
<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 active">Track Package</a></li>
<li><a href="quote.html" class="nav-link">Get Quote</a></li>
<li><a href="contact.html" class="nav-link">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>Track Your Package</h1>
<p>Enter your tracking number to get real-time updates on your shipment.</p>
</section>
<section class="tracking-section">
<div class="tracking-form-container">
<form class="tracking-form" id="trackingForm">
<div class="form-group">
<label for="trackingNumber">Tracking Number</label>
<input type="text" id="trackingNumber" name="trackingNumber" placeholder="Enter your tracking number (e.g., GS123456789)" required>
</div>
<button type="submit" class="btn btn-primary btn-full">Track Package</button>
</form>
<p class="tracking-help">Your tracking number can be found in your shipping confirmation email or receipt.</p>
</div>
<div class="tracking-results" id="trackingResults" style="display: none;">
<div class="tracking-header">
<h2>Tracking Results</h2>
<div class="tracking-number-display">
<span id="displayTrackingNumber"></span>
</div>
</div>
<div class="tracking-status">
<div class="status-icon" id="statusIcon">📦</div>
<div class="status-info">
<h3 id="statusTitle">In Transit</h3>
<p id="statusDescription">Your package is on its way to the destination</p>
<div class="estimated-delivery">
<strong>Estimated Delivery:</strong> <span id="estimatedDelivery">Tomorrow by 6:00 PM</span>
</div>
</div>
</div>
<div class="tracking-timeline">
<h3>Tracking History</h3>
<div class="timeline" id="timeline">
<!-- Timeline items will be populated by JavaScript -->
</div>
</div>
<div class="shipping-info">
<div class="info-section">
<h4>Sender Information</h4>
<p id="senderInfo">John Doe<br>123 Main St, New York, NY 10001</p>
</div>
<div class="info-section">
<h4>Recipient Information</h4>
<p id="recipientInfo">Jane Smith<br>456 Oak Ave, Los Angeles, CA 90210</p>
</div>
<div class="info-section">
<h4>Package Details</h4>
<p id="packageDetails">Weight: 2.5 lbs<br>Dimensions: 12" x 8" x 6"<br>Service: Express International</p>
</div>
</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>© 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/tracking.js"></script>
</body>
</html> |