index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form</title>
</head>
<body>
    <h1>Clarusway Survay Form</h1>
 <form action="" method="get">

    <div><p> <label for="name">Name</label></p>
<input type="text"name="Name" id="name" placeholder="please enter your name">
<br>
<p><label for="Surname">Surname</label></p>
<input type="text" name="Surname" id="Surname" placeholder="please enter your surname">

<br>
    <p><label for="Email">Email</label></p>
    <input type="text" name="Email" id="Email" placeholder="user@clarusway.com">
</div>

   <div>
  <p>Which option best descuribes your current role</p>
<input type="text" name="Which option best descuribes your current role"
id="Which option best descuribes your current role" placeholder="select current role" size="12px">


 <div>
 <p>Would you recommend Clarusway to afriend?</p>
 
 <input type="radio" name="ansver"id="gender1">
 <label for="gender1">Definetiely, Yes</label>
<br>

<input type="radio"name="ansver"id ="gender2">
<label for="gender2">Maybe</label>
<br>

<input type="radio" name="ansver" id="gender3">
<label for="gender3">Not sure</label>
<br>
<input type="radio" name="ansver" id="gender4">
<label for="gender4">Definetiely,No</label>

 </div>
<div>
    <p>What is your favorite feature of Clarusway?</p>
<input type="text" name="What is your favorite feature of Clarusway?" id="What is your favorite feature of Clarusway?" placeholder="select an option" size="12">

</div>
 
<div>
<p>What would you like to see improved?(Check all that apply)</p>

<input type="checkbox" name="choice_1" id="Front-end Projects">
<label for="Front-end Projects">Front-end Projects</label>
<br>
<input type="checkbox" name="choice_2" id="Back and Projects">
<label for="Back-end Prijects">Back-end Prijects</label>
 <br>
 <input type="checkbox" name="choice_3" id="Data Science">
 <label for="Data Science">Data Science</label>
 <br>
 <input type="checkbox" name="choice_4" id="Additional Courses">
 <label for="Additional Courses">Additional Courses</label>

</div>

<div>
<p>Any comments on suggestions?</p>

<label for="comment">Any comments on suggestions</label>
<br>
<select name="suggestions" id="commeent" size="2" multiple>
<option value="Enter your comment">Enter your comment</option>
<option value="here...Thanxs for your">here...Thanxs for yor</option></select>


</div>


   </div>

    <input type="submit" value="Gönder">


 </form>

</body>
</html>