Untitled

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Application Form</title>
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" />
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" rel="stylesheet" />
    <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js" rel="stylesheet" />
    <style>
    body{
        background: rgb(190, 190, 190);
        margin: 0px;
        padding: 0px;
    }
    </style>
</head>
<body>
    <div class="container">
        <form role="form" action="http://192.168.160.36/FormEcho.aspx" method="post">
            <div class="border-bottom pt-4 pb-2 mb-3">
                <h2>Application Form</h2>
            </div>
            <div class="form-group">
                <div class="row">
                    <label for="firstName" class="col-md-2 col-form-label text-right">First Name</label>
                    <div class="col-md-8"><input type="text" name="firstName" id="firstName" class="form-control" required></div>
                </div>
                <div class="row justify-content-end">
                    <div style="visibility: hidden" class="hide col-md-10 text-danger col-form-label" id="firstName_Error"><i class="fa fa-exclamation-triangle"></i> Error: firstName MinimumSize = 3</div>
                </div>
            </div>
            <div class="form-group">
                <div class="row">
                    <label for="lastName" class="col-md-2 col-form-label text-right">Last Name</label>
                    <div class="col-md-8"><input type="text" name="lastName" id="lastName" class="form-control" required/></div>
                </div>
                <div class="row justify-content-end">
                    <div style="visibility: hidden" class="col-md-10 hide text-danger col-form-label" id="lastName_Error"><i class="fa fa-exclamation-triangle"></i> Error: lastName MinimumSize = 3</div>
                </div>
            </div>
            <div class="form-group">
                <div class="row">
                    <label for="password" class="col-md-2 col-form-label text-right">Password</label>
                    <div class="col-md-8"><input type="password" name="password" id="password" class="form-control" required/></div>
                </div>
                <div class="row justify-content-end">
                    <div style="visibility: hidden" class="col-md-10 hide text-danger col-form-label" id="password_Error"><i class="fa fa-exclamation-triangle"></i> Error: password MinimumSize = 5</div>
                </div>
            </div>
            <div class="form-group">
                <div class="row">
                    <label for="comments" class="col-md-2 col-form-label text-right">Comments<br/><small>(Min: 30chars)</small></label>
                    <div class="col-md-8"><textarea rows="3" name="comments" id="comments" class="form-control"></textarea></div>
                </div>
                <div class="form-row justify-content-end">
                    <div style="visibility: hidden" class="col-md-10 hide text-danger col-form-label" id="comments_Error"><i class="fa fa-exclamation-triangle"></i> Error: Comments MinimumSize = 30</div>
                </div>
            </div>
            <div>
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-3 col-form-label text-right" style="font-size: larger;"><input type="radio" name="gender" value="male">Male</div>
                        <div class="col-md-2 col-form-label text-left" style="font-size: larger;"><input type="radio" name="gender" value="female">Female</div>
                        <div class="form-box col-md-2 col-form-label text-right" style="font-size: larger;">Age</div>
                        <select class="form-box col-form-label text-left">
                            <option value="0">Under 20</option>
                            <option value="1">20-40</option>
                            <option value="1">40-60</option>
                            <option value="1">Over 60</option>
                        </select>
                    </div>

                </div>
            </div>

            <hr />
            <div class="text-center">
                <input type="submit" value="Send" class="btn btn-primary" onclick="return validaFormulario()" />
                <input type="reset" value="Clean" class="btn btn-secondary" onclick="cleanErrorMessages()" />
            </div>
        </form>
    </div>
    <script src="formulario.js"></script>
</body>
</html>