57 lines
2.9 KiB
HTML
57 lines
2.9 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Sign Up</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>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<title>Registration Form</title>
|
||
|
|
<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">
|
||
|
|
<link rel="stylesheet" href="style.css" />
|
||
|
|
|
||
|
|
|
||
|
|
<section class="registration-section">
|
||
|
|
<header>
|
||
|
|
<h2>Create Your Account</h2>
|
||
|
|
<p>Sign up to manage your I-Card templates and student data.</p>
|
||
|
|
</header>
|
||
|
|
<form action="#" method="POST">
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="fullName">Full Name</label>
|
||
|
|
<input type="text" id="fullName" name="fullName" placeholder="Enter your full name" required="" aria-label="Full Name">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="email">Email Address</label>
|
||
|
|
<input type="email" id="email" name="email" placeholder="e.g., example@domain.com" required="" aria-label="Email Address">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="password">Password</label>
|
||
|
|
<input type="password" id="password" name="password" placeholder="Min. 8 characters" required="" aria-label="Password">
|
||
|
|
</div>
|
||
|
|
<div class="form-group">
|
||
|
|
<label for="confirmPassword">Confirm Password</label>
|
||
|
|
<input type="password" id="confirmPassword" name="confirmPassword" placeholder="Re-enter your password" required="" aria-label="Confirm Password">
|
||
|
|
</div>
|
||
|
|
<div class="form-actions">
|
||
|
|
<button type="submit" class="btn btn-primary">Register</button>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
<footer class="login-link">
|
||
|
|
Already have an account? <a href="#" aria-label="Login">Login</a>
|
||
|
|
</footer>
|
||
|
|
</section>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</body>
|
||
|
|
</html>
|