tbhaxor/file.html

## file.html
<style>
    * {
        outline: none;
    }

    body {
        text-align: center;
        background-color: #a9d7d1;
    }

    .form-back {
        background-color: hsl(0, 0%, 95%);
        margin-left: 20%;
        margin-right: 20%;
        padding: 10px;
    }

    .form-group {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    button {
        color: white;
        transition: all 0.2s linear 0s;
        padding: 10px;
        background: blue;
    }

    button:hover {
        border-radius: 10px;
        color: black;
        background: transparent;
    }

    table {
        border-spacing: 10px;
    }

    button:focus {
        outline: none;
    }

    table tr td label {
        text-align: right;
    }


    table tr td input {
        padding: 5px;
    }

    table tr td input:focus {
        outline: none;
        box-shadow: black 1px;
    }

    select {
        padding: 5px;
        background: white;
        width: 100%
    }
</style>

<head>
    <script src=" https://gitcdn.link/repo/freeCodeCamp/testable-projects-fcc/master/build/bundle.js">
    </script>
</head>

<body>
    <h1 id="title"> Survey Form </h1>

    <form action="" id="survey-form" class="form-back">
        <center>
            <p id="description"> Let us know how we can improve freeCodeCamp</p>
            <table>
                <tr>
                    <td>
                        <label for="name ">*Name</label>
                    </td>
                    <td>
                        <input type="text " id="name " placeholder="Enter Name ">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="email ">*Email</label>
                    </td>
                    <td>
                        <input type="email " id="email " placeholder="Enter Email ">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="age ">*Age</label>
                    </td>
                    <td>
                        <input type="number " id="age " placeholder="Enter Age ">
                    </td>
                </tr>
                <tr>
                    <td>
                        <label for="dropdown">Your Role</label>
                    </td>
                    <td>
                        <select id="dropdown">
                            <option>Student</option>
                            <option>Part Time Job</option>
                            <option>Full Time Job</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th colspan="2 ">
                        <button type="submit ">Submit</button>
                    </th>
                </tr>

            </table>
        </center>
    </form>
</body>
	<style>
	* {
	outline: none;
	}

	body {
	text-align: center;
	background-color: #a9d7d1;
	}

	.form-back {
	background-color: hsl(0, 0%, 95%);
	margin-left: 20%;
	margin-right: 20%;
	padding: 10px;
	}

	.form-group {
	margin-top: 10px;
	margin-bottom: 10px;
	}

	button {
	color: white;
	transition: all 0.2s linear 0s;
	padding: 10px;
	background: blue;
	}

	button:hover {
	border-radius: 10px;
	color: black;
	background: transparent;
	}

	table {
	border-spacing: 10px;
	}

	button:focus {
	outline: none;
	}

	table tr td label {
	text-align: right;
	}


	table tr td input {
	padding: 5px;
	}

	table tr td input:focus {
	outline: none;
	box-shadow: black 1px;
	}

	select {
	padding: 5px;
	background: white;
	width: 100%
	}
	</style>

	<head>
	<script src=" https://gitcdn.link/repo/freeCodeCamp/testable-projects-fcc/master/build/bundle.js">
	</script>
	</head>

	<body>
	<h1 id="title"> Survey Form </h1>

	<form action="" id="survey-form" class="form-back">
	<center>
	<p id="description"> Let us know how we can improve freeCodeCamp</p>
	<table>
	<tr>
	<td>
	<label for="name ">*Name</label>
	</td>
	<td>
	<input type="text " id="name " placeholder="Enter Name ">
	</td>
	</tr>
	<tr>
	<td>
	<label for="email ">*Email</label>
	</td>
	<td>
	<input type="email " id="email " placeholder="Enter Email ">
	</td>
	</tr>
	<tr>
	<td>
	<label for="age ">*Age</label>
	</td>
	<td>
	<input type="number " id="age " placeholder="Enter Age ">
	</td>
	</tr>
	<tr>
	<td>
	<label for="dropdown">Your Role</label>
	</td>
	<td>
	<select id="dropdown">
	<option>Student</option>
	<option>Part Time Job</option>
	<option>Full Time Job</option>
	</select>
	</td>
	</tr>
	<tr>
	<th colspan="2 ">
	<button type="submit ">Submit</button>
	</th>
	</tr>

	</table>
	</center>
	</form>
	</body>