```js
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>itguru blog</title>
    <link href="style.css" rel="stylesheet" type="text/css">
    <style>

    </style>

</head>

<body>
    <div style="width: 50%; margin-left: auto; margin-right: auto;">
        <h3 style="margin-bottom:0;">Sign Up</h1>
            <form action="register.php" method="POST">
                <input type="text" name="firstname" placeholder="First name" required>
                <br>
                <input type="text" name="lastname" placeholder="Last name" required>
                <br>
                <input type="text" name="username" placeholder="Username" required>
                <br>
                <input type="password" name="password" placeholder="password" required><br>

                <label for="dob"><small> DOB:</small></label><br>
                <input type="date" name="dob" id="dob" placeholder="dateofbirth" required><br>
                <label for="contact"> <small>Contact:</small></label><br>
                <input type="tel" name="contact" required/><br>
                <label for="gender"><small>Gender:</small></label><br>
                <input type="radio" required id="male" name="gender" value="male"><label for="male">Male</label>
                <input type="radio" required id="female" name="gender" value="female"><label for="female">Female</label><br>

                <input required type="checkbox" name="terms" id="terms" checked/><label for="terms">I agree to terms and conditions</label>

                <div><button type="submit">Submit</button>
                
                
                <button type="reset">Reset</button>
                </div>

            </form>
    </div>
</body>

</html>
```