index.jsp

<form action="action_page.php" method="post">
  <div class="container">
    <h1>Register as a Warrior of the Anime Legion</h1>
    <p>Train with legends like Eren Yeager, Tanjiro Kamado, Naruto Uzumaki, and All Might. Will you rise to become a hero?</p>
    <hr>

    <label for="Name"><b>Enter Your Codename</b></label>
    <input type="text" placeholder="Enter your Codename (e.g., Levi, Nezuko, Kakashi)" name="Name" id="Name" required>
    <br>

    <label for="mobile"><b>Communication Frequency</b></label>
    <input type="text" placeholder="Enter your Mobile Number for emergency Titan alerts" name="mobile" id="mobile" required>
    <br>

    <label for="email"><b>Guild Identifier (Email)</b></label>
    <input type="text" placeholder="Enter your Email (Shinobi, Demon Slayer Corps, or Hero Academy)" name="email" id="email" required>
    <br>

    <label for="psw"><b>Create Your Secret Technique (Password)</b></label>
    <input type="password" placeholder="Enter Password (Think like a Sharingan or Thunder Breathing move)" name="psw" id="psw" required>
    <br>

    <label for="psw-repeat"><b>Repeat Your Secret Technique</b></label>
    <input type="password" placeholder="Repeat Password" name="psw-repeat" id="psw-repeat" required>
    <hr>
    <br>

    <p>By joining, you swear to uphold the legacy of the heroes. <a href="#">Terms & Privacy</a>.</p>
    <button type="submit" class="registerbtn">Join the Anime Legion</button>
  </div>

  <div class="container signin">
    <p>Already a part of the squad? <a href="#">Sign in to the Battlefield</a>.</p>
  </div>

  <h1> "I won't die. I won't lose. I’ll protect everyone!" – Tanjiro Kamado</h1>
  <br>
  <h1> "Welcome to the world of legends, young hero." – All Might </h1>
</form>