HTML Fakebook

<!DOCTYPE html>
<html>
    <head>
        <title>Fakebooks Login</title>
        <link rel="stylesheet" type="text/css" href="fakebook-styles.css">
    </head>
    <body>
        <header>
            <img id="logo" src="fakebook-logo.jpg">
        </header>
        <div id="header">
            <h1>Registration</h1>
            <h2>It's safe and it will always be!</h2>
        </div>

        <section id="form">
            <fieldset>
                <legend>Non-Important Information</legend>
                <input type="text" placeholder="First Name" name="firstname" class="input"/>
                <input type="text" placeholder="Last Name" name="lastname" class="input"/>
                <br/>
                <input type="email" placeholder="email" name="email" class="input"/>
                <input type="number" placeholder="Phone Number" name="phonenum" class="input"/>
                <br/>
                <input type="password" placeholder="Password" name="pass" class="input"/>
                <input type="text" placeholder="Website" name="website" class="input"/>
                <br/>
                Birthday
                <br/>
                <input type="date" name="bday" id="bday"/>
                <br/>
                <input type="radio" value="female" id="female" name="gender"/>
                <label for="female">Female</label>
                <input type="radio" value="male" id="male" name="gender"/>
                <label for="male">Male</label>
                <input type="radio" value="other" id="other" name="gender"/>
                <label for="other">Other</label>
                <br><br><br><br>
            </fieldset>

            <fieldset>
                <legend>Important Information *required</legend>
                <select class="input">
                    <option selected="selected">Country</option>
                    <option value="Bulgaria">Bulgaria</option>
                    <option value="Romania">Romania</option>
                    <option value="Macedonia">Macedonia</option>
                    <option value="Other">Other</option>
                </select>
                <input type="text" placeholder="Village" name="village" class="input"/>
                <input type="text" placeholder="District" name="district" class="input"/>
                <br/>
                <input type="text" placeholder="Street" name="street" class="input"/>
                <input type="text" placeholder="Nr" name="num" class="details"/>
                <input type="text" placeholder="Floor" name="floor" class="details"/>
                <input type="text" placeholder="Ap Nr" name="ap nr" class="details"/>
                <br/>
                Door Color
                <br/>
                <input type="color" name="color" class="input"/>
                <input type="text" placeholder="Water Meter Number" name="meter-num" class="input"/>

                <select class="input">
                    <option selected="selected">Aunt's Panties Size</option>
                    <option value="L">L</option>
                    <option value="XL">XL</option>
                    <option value="XXL">XXL</option>
                    <option value="Unimaginable">Unimaginable</option>
                </select>
                <br/>
                More Personal Information
                <br/>
                <textarea placeholder="Give us more information!!!" id="textarea"></textarea>
            </fieldset>

            <input type="reset" value="Clear" id="btn-clear"/>
            <input type="submit" value="Register" id="btn-submit"/>
        </section>
    </body>
</html>