AbisoyeAlli/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>SURVEY FORM</title>
    <meta name="survey form" content="a custom-made survey form">
    <link rel="stylesheet" href="survey.css">
  </head>
  <body>
    <h1 id = "title">SURVEY FORM</h1>
    <p id = "description">Kindly input the information as required</p>
    <form id = "survey-form">

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


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


      <label for="number" id="number">Number</label><br>
  <input id="number" type="number" name="number" placeholder="Enter your mobile number" minLength="10" maxLength="13"><br>

      <label for="comments" id="comments">Additional Information</label><br>
      <input id="comments" type="text" name="comments" placeholder="Any additional information"><br>

      <div>
    <label id="dropdown-label">Proficient Language</label><br>
    <select id="dropdown">
      <option></option>
      <option>JavaScript</option>
      <option>Python</option>
    </select>
  </div>
      <br>

      <div>
        <p>Select as appropriate</p>
      <input type="radio" name="occupation" value="student" checked>Student<br>
  <input type="radio" name="occupation" value="self-employed">Self-employed<br>
      <input type="radio" name="occupation" value="unemployed">Unemployed<br>
  <input type="radio" name="occupation" value="employed">Employed<br>
      </div>

      <div>
        <p>Which of these are you professionally into?</p>
      <input type="checkbox" name="work1" value="developer1">Front-End development
<br>
<input type="checkbox" name="work2" value="developer2">Back-End development
<br>
  <input type="checkbox" name="work3" value="developer3">Full-Stack development
<br>
<input type="checkbox" name="work4" value="developer4">DevOps
<br>
      </div>

      <input id="submit" type="submit" value="Submit"><br>
    </form>
  </body>
</html>

## qbeeorj.markdown

      
    Raw
  

              qbeeorj.markdown
            
          
    qBEEoRj

A Pen by abisoye on CodePen.
License.

  
## style.css
head{
  text-align: ceneter;
}

body{
  background-color: white;
  background-image: url("https://s3.amazonaws.com/freecodecamp/curriculum-diagram-full.jpg");
}

form{
  background-color: grey;
  width:75%;
  border-radius:20px;
  padding:;
}

input{
  height:30px;
  width:100%;
}
select{
  height:30px;
  width:100%;
}
label{
  float:left;
  font-size:20px;
  margin: 10px 0 10px 0;
}

#radioSection{
}
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>SURVEY FORM</title>
	<meta name="survey form" content="a custom-made survey form">
	<link rel="stylesheet" href="survey.css">
	</head>
	<body>
	<h1 id = "title">SURVEY FORM</h1>
	<p id = "description">Kindly input the information as required</p>
	<form id = "survey-form">

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


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


	<label for="number" id="number">Number</label><br>
	<input id="number" type="number" name="number" placeholder="Enter your mobile number" minLength="10" maxLength="13"><br>

	<label for="comments" id="comments">Additional Information</label><br>
	<input id="comments" type="text" name="comments" placeholder="Any additional information"><br>

	<div>
	<label id="dropdown-label">Proficient Language</label><br>
	<select id="dropdown">
	<option></option>
	<option>JavaScript</option>
	<option>Python</option>
	</select>
	</div>
	<br>

	<div>
	<p>Select as appropriate</p>
	<input type="radio" name="occupation" value="student" checked>Student<br>
	<input type="radio" name="occupation" value="self-employed">Self-employed<br>
	<input type="radio" name="occupation" value="unemployed">Unemployed<br>
	<input type="radio" name="occupation" value="employed">Employed<br>
	</div>

	<div>
	<p>Which of these are you professionally into?</p>
	<input type="checkbox" name="work1" value="developer1">Front-End development
	<br>
	<input type="checkbox" name="work2" value="developer2">Back-End development
	<br>
	<input type="checkbox" name="work3" value="developer3">Full-Stack development
	<br>
	<input type="checkbox" name="work4" value="developer4">DevOps
	<br>
	</div>

	<input id="submit" type="submit" value="Submit"><br>
	</form>
	</body>
	</html>
	head{
	text-align: ceneter;
	}

	body{
	background-color: white;
	background-image: url("https://s3.amazonaws.com/freecodecamp/curriculum-diagram-full.jpg");
	}

	form{
	background-color: grey;
	width:75%;
	border-radius:20px;
	padding:;
	}

	input{
	height:30px;
	width:100%;
	}
	select{
	height:30px;
	width:100%;
	}
	label{
	float:left;
	font-size:20px;
	margin: 10px 0 10px 0;
	}

	#radioSection{
	}