<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Sign Up - Baghauni Shia Azadari Portal</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Amiri:wght@700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> <link rel="icon" type="image/png" href="images/favicon.png"> </head> <body> <header> <div class="header-left"> <a href="/" class="logo"> <img src="images/logo.png" alt="Shia Online Community"> <span class="logo-text">Shia Online Community</span> </a> </div> <div class="nav-actions"> <a href="/signin" class="btn signin">Sign In</a> <a href="/signup" class="btn signup">Sign Up</a> </div> </header> <main class="auth-page"> <h1>Sign Up</h1> <p>Join the Baghauni Shia Azadari community.</p> <form> <label for="name">Full Name</label> <input id="name" name="name" type="text" required> <label for="email">Email</label> <input id="email" name="email" type="email" required> <label for="password">Password</label> <input id="password" name="password" type="password" required> <button type="submit" class="btn btn-red">Create Account</button> </form> <p>Already have an account? <a href="/signin">Sign In</a></p> </main> </body> </html>