signup.html

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>User Input Form</title>
    <link rel="shortcut icon" type="image/x-icon" href="fire.img" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  
    <style>
        a:link {
        color: white;
        }
        a:visited{
            color:snow;
        }
        footer{
         padding: 1px;
    color: white;
    background-color: red;
     }
    </style>
</head>
 
<body>
    <header><div style="background-color:red;color:white;padding:5px;">
        <center>Welcome to The Fire $urvey</center>
    </div>
        <div style="background-color:Black;color:white;padding:10px;">
           <a href="index.html">Home</a> | <a href="login.html">Login</a> | <a href="signup.html">Sign up</a>  | <a href="createpoll.html">Create Poll</a>
        </div>
    </header>
    
<h1>User Sign-Up Form</h1>
<form method="" action="">
  <fieldset>
      <legend>Personal Particular   ||   Create a fire account and join thousands!</legend>
    Name: <input type="text" name="name" /><br /><br />
    UserName: <input type="text" name="username"><br> <br>
    Password: <input type="password" name="password" /><br /><br />
    Email:<input type="email" name="email" /><br /><br />
    Gender: <input type="radio" name="gender" value="m" checked />Male
    <input type="radio" name="gender" value="f" />Female
    <br>
    <br>
    Age: <input type="number" name="age" /><br /><br />

  </fieldset>

  <input type="submit" value="SEND" />
  <input type="reset" value="CLEAR" />
</form>
    <div style="background-color:grey">
    <h3>Have an account already? Login <a href="login.html">here</a>!!!!</h3>
    </div>
</body>
</html>