FreeCodeCamp/SurveyForm/index.html

<style type="text/css">
	body {
		background: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg30.51tietu.net%2Fpic%2F2016-090107%2F20160901070215elvhx1yovqm145170.jpg&refer=http%3A%2F%2Fimg30.51tietu.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1624704316&t=c902e04ad6a4ca7e1a3200c896bf3a04);
		color: white;
	}

	#title-div {
		margin: auto;
	}
</style>

<main>
	<div id="title-div">
		<h1 id="title">freeCodeCamp Survey Form</h1>
		<p id="description">Thank you for taking the time to help us improve the platform</p>
	</div>

	<form id="survey-form">
		<label id="name-label" for="name">Name</label><br>
		<input id="name" type="text" placeholder="Enter your name">

		<label id="email-label" for="email">Email</label><br>
		<input id="email" type="text" placeholder="Enter your email"><br>

		<label id="number-label" for="number">Age(option)</label><br>
		<input id="number" type="number" placeholder="10"><br>

		<label for="describes">Which option best describes your current role?</label><br>
		<input id="dropdown" type="text" list="optionlist" name="describes" placeholder="10"><br>
		<datalist id="optionlist">
			<option>one</option>
			<option>one</option>
			<option>one</option>
			<option>one</option>
		</datalist>

	</form>
</main>