Spaces:
Running
Running
File size: 8,181 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 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login - GlobalShip</title>
<meta name="description" content="Login to your GlobalShip account to manage shipments, view tracking, and access exclusive features.">
<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">Contact</a></li>
<li><a href="login.html" class="nav-link active">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="auth-section">
<div class="auth-container">
<div class="auth-card">
<div class="auth-header">
<h1>Welcome Back</h1>
<p>Sign in to your GlobalShip account</p>
</div>
<form class="auth-form" id="loginForm">
<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="password">Password</label>
<input type="password" id="password" name="password" required>
<div class="password-options">
<label class="checkbox-label">
<input type="checkbox" id="showPassword">
<span class="checkmark"></span>
Show password
</label>
<a href="#" class="forgot-password">Forgot password?</a>
</div>
</div>
<div class="form-group checkbox-group">
<label class="checkbox-label">
<input type="checkbox" id="rememberMe">
<span class="checkmark"></span>
Remember me
</label>
</div>
<button type="submit" class="btn btn-primary btn-full">Sign In</button>
</form>
<div class="auth-footer">
<p>Don't have an account? <a href="#register" class="auth-link">Create one here</a></p>
<div class="divider">
<span>or</span>
</div>
<div class="social-login">
<button class="btn btn-social btn-google">
<span class="social-icon">📧</span>
Continue with Google
</button>
<button class="btn btn-social btn-microsoft">
<span class="social-icon">🪟</span>
Continue with Microsoft
</button>
</div>
</div>
</div>
<div class="auth-benefits">
<h3>Account Benefits</h3>
<ul>
<li>✓ View all your shipments in one place</li>
<li>✓ Access detailed tracking history</li>
<li>✓ Save frequently used addresses</li>
<li>✓ Get volume discounts for business shipping</li>
<li>✓ Receive shipping notifications</li>
<li>✓ Manage your shipping preferences</li>
</ul>
<div class="demo-account">
<h4>Try Our Demo</h4>
<p>Use these credentials to explore:</p>
<div class="demo-credentials">
<div>
<strong>Email:</strong> demo@globalship.com
</div>
<div>
<strong>Password:</strong> demo123
</div>
<button class="btn btn-outline btn-small" onclick="fillDemoCredentials()">Use Demo Account</button>
</div>
</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/auth.js"></script>
</body>
</html> |