Untitled

<!DOCTYPE html>
<html>
<head>
<title>LigmaCure</title>
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
	</head>
<style>
.container {

  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 19px;

}


.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}


.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}


.container:hover input ~ .checkmark {
  background-color: #ccc;
}


.container input:checked ~ .checkmark {
  background-color: #2196F3;
}


.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.container input:checked ~ .checkmark:after {
  display: block;
}


.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}

body{
	background-image: url("background.jpg");
	background-repeat: no-repeat;
	background-position: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	}

div {
  background-color: white;
  border-radius: 25px;
  box-shadow: 5px 10px 10px rgba(0, 17, 36,0.5);
  width: 700px;
  padding: 50px;
  margin: auto;
}
input[type=text] {
  width: 200px;
  padding: 12px 20px;
  margin: 8px 0;
  box-sizing: border-box;
  border: 2px solid white;
  border-radius: 20px;
  background-color: linear-gradient(red, yellow, blue);
  background-image: linear-gradient(to right, #ccffff 0%, #ffccff 100%);
  box-shadow: 2px 5px 5px rgba(0, 17, 36,0.5);
  color: #6e5d5c;
  transition: width 0.4s ease-in-out;
}

input[type=text]:focus {
  width: 100%;
}

.bruh {
	background-image: linear-gradient(to bottom, #ccffff 0%, #ffffff 100%);
  border-radius: 25px;
  box-shadow: 2px 5px 5px rgba(0, 17, 36,0.5);
  width: 400px;
	padding: 10px;
	border: 2px solid white;
}
.bruh1 {
	background-image: linear-gradient(to bottom, #ccffff 0%, #ffffff 100%);
  border-radius: 25px;
  box-shadow: 2px 5px 5px rgba(0, 17, 36,0.5);
  width: 400px;

	padding: 10px;
	border: 2px solid white;
}
</style>
<body>


<center><font face="Helvetica" size=12><p> <b>LigmaCure Research Facility Inc.</b></p></center>
</font>
<div>
<font face="Helvetica" size="4.5">
<center>
Welcome to LigmaCure Research Facility Inc.! Here you will sign up for an unpaid internship as a way to add more things to your resume!</center>
<br><br></font>

<div class="bruh1">
<font face="Helvetica" size=4>
<b>Student's Full Name</b>
</font>
<form method=post enctype=multipart/form-data>
  <label for="fname" style=></label>
  <input type="text" id="fname" name="fname" value="" placeholder="First Name"><br>
  <label for="mname" style=></label>
  <input type="text" id="mname" name="mname" value="" placeholder="Middle Name"><br>
  <label for="lname"></label>
  <input type="text" id="lname" name="lname" value="" placeholder="Last Name"><br></div>
  <br>
 <div class="bruh">
<font face="Helvetica" size=4> <b> Gender:</b>
<label class="container">Male
  <input type="radio" checked="checked" name="radio">
  <span class="checkmark"></span>
</label>
<label class="container">Female
  <input type="radio" name="radio">
  <span class="checkmark"></span>
</label>
<label class="container">Other
  <input type="radio" name="radio">
  <span class="checkmark"></span>
</label>
</div><br>
<div class="bruh1">
 <font face="Helvetica" size=3> <b>How did you hear about us?<i> check all that apply</i></b><br>

  <input type=checkbox name=option1 value=email>E-mail<br>
  <input type=checkbox name=option2 value=fren>Word of mouth<br>
  <input type=checkbox name=option3 value=googl>Television<br>
  <input type=checkbox name=option4 value=nospeper>Social Networks<br>
  </div>
Preferred job:
 <select>
 <option value=ab TS>Test Subject</option>
 <option value=ab Rscrh>Researcher</option>
 <option value=bs PS>Propaganda Specialist</option>
 </select><br>
Please upload a recent picture of yourself. <i>(.png & .jpeg only) </i><br>
 <input type="file" id=cv name=cv accept=.doc,.docx.pdf>
 <br><br>
 y u wanna studeh here
 <textarea name=comments rows=6 cols=40 wrap=soft></textarea><br><br>

 osername:
 <input type="text" name=username value="" size=40 maxlength=100><br>

 pass:
 <input type="password" name=password value="" size=40 maxlength=100><br>

 <input type=reset value=reset>
 <input type=submit value=submit>
	<input type=hidden name=applicant_id value=343423>
</form>

</div>


<p>If you click the "Submit" button, the form-data will be sent to a page called "/action_page.php".</p>

</body>
</html>