44 lines
3.1 KiB
HTML
44 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Login</title>
|
|
<link rel="stylesheet" href="style.css" />
|
|
</head>
|
|
<body>
|
|
<div class="page-wrapper">
|
|
<div class="nav-1-wrapper"><nav class="nav-1-navbar"><div class="nav-1-logo">IDPro</div><ul class="nav-1-nav-links"><li><a href="home.html">Home</a></li><li><a href="about.html">About Us</a></li><li><a href="contact.html">Contact</a></li><li><a href="services.html">Solutions</a></li><li><a href="faq.html">FAQs</a></li><li class="nav-1-dropdown"><a href="#">More<i class="fas fa-chevron-down"><i class="fas fa-chevron-down">🔽</i></i></a></li></ul><div class="nav-1-nav-actions"><button class="nav-1-btn nav-1-outline">Sign Up</button><button class="nav-1-btn nav-1-solid">Login</button></div></nav></div>
|
|
<div class="app-form"><h1>Start Your I-Card Transformation Journey</h1><h2>Your Contact Information</h2><div class="form-row"><div class="form-group"><label>First Name</label><input id="first-name" type="text" placeholder="Enter your first name"></div><div class="form-group"><label>Last Name</label><input id="last-name" type="text" placeholder="Enter your last name"></div></div><div class="form-group full-width"><label>Business Email</label><input id="email" type="email" placeholder="your.email@organization.com"></div><h2>Connect with Us</h2><div class="form-group full-width"><label>Phone Number (Optional)</label><input id="phone" type="tel" placeholder="e.g., +1 555-123-4567"></div><h2>Tell Us About Your I-Card Needs</h2><div class="form-group full-width"><textarea id="cover-letter" placeholder="Share details about your organization, number of I-cards needed, or specific features you're looking for. This helps us tailor your experience!"></textarea></div><button type="submit">Get Started Today</button></div>
|
|
|
|
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Forgot Password</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
|
<main class="forgot-password-container" role="main">
|
|
<header>
|
|
<h1>Forgot Password?</h1>
|
|
</header>
|
|
<section>
|
|
<p>Enter your email address below and we'll send you a link to reset your password.</p>
|
|
<form action="/reset-password" method="POST" aria-label="Forgot Password Form">
|
|
<div class="form-group">
|
|
<label for="email">Email Address</label>
|
|
<input type="email" id="email" name="email" placeholder="you@example.com" required="" autocomplete="email">
|
|
</div>
|
|
<button type="submit" class="submit-button">Send Reset Link</button>
|
|
</form>
|
|
</section>
|
|
<footer class="back-to-login">
|
|
<p>Remember your password? <a href="/login">Back to Login</a></p>
|
|
</footer>
|
|
</main>
|
|
|
|
</div>
|
|
</body>
|
|
</html> |