<html>

<head>


<style>

h1.dotted {font-family: Algerian, sans-serif;

  font-size: 30px;

  color: white;  text-transform: capitalize;letter-spacing: 3px;text-align: center; text-decoration-line: underline;text-decoration-style: dotted;text-decoration-color: blue;text-decoration-thickness: 5px;  color: white;text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;>

</style>

<style> 

input[type=text] {

  width: 30%;

  padding: 12px 20px;

  margin: 1px 0;

  box-sizing: border-box;

  border: 1px solid #555;

  outline: none;

}

input[type=text]:focus {

  background-color: lightyellow;

}

</style>

</head>


<body style="background-image:linear-gradient(lightblue,lightgreen,pink);">


<center><img src="C:\Users\HP\OneDrive\Desktop\NIIKSHAY LODHA HTML\ITI_logo-removebg-preview.png" width="500" height="100"></center>

<center><h1 class="dotted">ITI REGISTRATION FORM</h1></center>


<from action="/action_page.php">


  <lable for="fname">FIRST NAME:</lable>

  <input type="text" id="fname" name="fname" placeholder="First name" autofocus required><br><br>

  <lable for="lname">LAST NAME:</lable>

  <input type="text" id="lname" name="lname" placeholder="Last name" required><br><br>

  <lable for="fname">FATHER NAME:</lable>

  <input type="text" id="father name" name="father name" placeholder="Father name" required><br><br>

  <lable for="mname">MOTHER NAME:</lable>

  <input type="text" id="mother name" name="mother name" placeholder="Mother name" required><br><br>

  <lable for="gender">GENDER:</lable>

  <input type="radio" id="male" name="gender" value="MALE">

  <label for="male">MALE</label>

  <input type="radio" id="female" name="gender" value="FEMALE">

  <label for="female">FEMALE</label><br><br>

  <lable for="dob">DATE OF BIRTH:</lable>

  <input type="date" name="begin" placeholder="dd-mm-yyyy" required><br><br>

  <lable for="email">EMAIL ADDRESS:</lable>

  <input type="text" id="Email name="EMAIL ADDRESS" placeholder="E-mail" required><br><br>

  <lable for="mobile no.">MOBILE NO.:</lable>

  <input type="text" id="mobile no."name="mobile no." placeholder="123-45-678" pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>

  <labe for="address">ADDRESS DETAILS:</lable>

  <input type="text" id="address" name="address" placeholder="address" required><br><br>

  <label for="religion">RELIGION:</label>

  <select id="religion" name="religion">

    <option value="hindu">HINDU</option>

    <option value="muslim">MUSLIM</option>

    <option value="christian">CHRISTIAN</option>

    <option value="buddhist">BUDDHIST</option>

    <option value="sikh">SIKH</option>

    <option value="jain">MINORITY</option></select><br><br>                                                                                                               

  <lable for="category">CATEGORY:</lable>

  <select id="category" name="category">

  <option value="GENERAL">GENERAL</option> 

  <option value="OBC">OBC</option>

  <option value="SC">SC</option>

  <option value="ST">ST</option>

  <option value="EWS">EWS</option></select><br><br>

  <lable for="domicile of rajasthan">DOMICILE OF RAJASTHAN:</lable>

  <input type="radio" id="YES" name="domicile of rajasthan" value="YES">

  <label for="yes">YES</label>

  <input type="radio" id="NO" name="domicile of rajasthan" value="NO">

  <label for="no">NO</label><br><br>

  <lable for="marital status">MARITAL STATUS:</lable>

  <select id="marital status" name="marital status">

  <option value="MARRIED">MARRIED</option> 

  <option value="UNMARRIED">UNMARRIED</option>

  <option value="DIVORCE">DIVORCE</option>

  <option value="WIDOWED">WIDOWED</option></select><br><br>

  <label for="photo">UPLOAD PHOTO:</label>

  <input type="file" id="photo" name="photo" required><br><br>

  <label for="photo">UPLOAD SIGNATURE:</label>

  <input type="file" id="sign" name="sign" required><br><br>

  <label for="photo">UPLOAD AADHAR CARD:</label>

  <input type="file" id="aadhar" name="aadhar" required><br><br>

  <label for="photo">UPLOAD 10th MARKSHEET:</label>

  <input type="file" id="marksheet" name="marksheet" required><br><br>

  <label for="photo">UPLOAD 12th MARKSHEET:</label>

  <input type="file" id="marksheet" name="marksheet" required><br><br>

  <label for="photo">UPLOAD CASTE CERTIFICATE:</label>

  <input type="file" id="certificate" name="certificate" autocomplete="off" required><br><br>

  

  <input id="checkbox" type="checkbox" />

  <label for="checkbox"> I agree to the terms and conditions as set out by the user agreement.</label required><br><br>

  <input type="submit" value="Submit">

  <input type="reset" value="Reset">

</form>


</body>

</html>