Monday, October 30, 2023

HTML & CSS (Registration Form/Application Form)

Create a Registration (Application) Form

<html>

<head>

<title>APPLICATION FORM </title>

<style>

input:focus {box-shadow: 2px 1px 4px 2px skyblue;}

.mybutton {

color: rgb(255, 255, 255); font-size: 12px; line-height: 16px; padding: 6px; border-radius: 5px; font-family: Georgia, serif; font-weight: bold; background-image: linear-gradient(to right, rgb(28, 110, 164) 0%, rgb(35, 136, 203) 41%, rgb(20, 78, 117) 100%); box-shadow: rgb(0, 0, 0) 5px 5px 15px 5px; border: 2px solid rgb(28, 110, 164); display: inline-block;}

.mybutton:hover {

background: springgreen;color:blue; }

.mybutton:active {

background: orangered; }

legend{background:red;color:white; }

fieldset{border:3px solid darkslateblue;}

fieldset:hover{border:2px solid blue;}

legend:hover{background:darkgreen;font-size: 20px;}

</style>

</head>

<center><h1>ITCI Computer Institute Hardoi</h1>

<h2>Address:- Near SBI Bank, Infront of Gandhi Bhawan Hardoi UP Pin 241001<br>&phone; +91 9026728220, +91 8423606968</h2>

<div style="background:teal;"><h2>Registraion Form<br></h2></div><hr size="10"color="red"width="600">

</center>

<form>

<legend><h5>Personal Details</h5></legend>

<tr>

<td>Applicant's full name </td>

<td>

<option>--Select --</option>

<option>Others</option>

</select>

</td>

<td><label>Parents</label><input type="radio" name="care" checked/><label>Guardian </label><input type="radio" name="care"/></td>

</tr>

<tr>

<td>Father's Name </td>

<td>

</select>

</td>

<td>Mother's Name </td>

<td>

</select>

</td>

</tr>

<tr>

<td>Gender</td>

<td>

<label>Female </label><input type="radio" name="Gender"/>

<label>Others </label><input type="radio" name="Gender"/>

</td>

<td>Date of Birth</td>

<td>

</td>

</tr>

<tr>

<td>Marital Status</td>

<td>

<option>--Select--</option>

<option>Single</option>

<option>Married</option>

<option>Divorced</option>

<option>Widowed</option>

</select>

</td>

<td>Category </td>

<td>

<option>--Select--</option>

<option>General</option>

</select>

</td>

</tr>

<tr>

<td>Handicapped </td>

<td>Ex-Serviceman </td>

</tr>

<tr>

<td>Religion </td>

<td>

<option>--Select--</option>

<option>Hindu</option>

<option>Muslim</option>

<option>Christianity</option>

</select>

</td>

</tr>

</table>

</fieldset><br>

<legend><h5>Contact Details</h5></legend>

<tr>

<td>Mobile Number</td>

<td>Email ID</td>

</tr>

<tr>

<td>Address Line 1</td>

<td>Address Line 2</td>

</tr>

<tr>

<td>State</td>

<td>

<option>--Select--</option>

<option value="Andhra Pradesh">Andhra Pradesh</option>

<option value="Andaman and Nicobar Islands">Andaman and Nicobar Islands</option>

<option value="Arunachal Pradesh">Arunachal Pradesh</option>

<option value="Assam">Assam</option>

<option value="Bihar">Bihar</option>

<option value="Chandigarh">Chandigarh</option>

<option value="Chhattisgarh">Chhattisgarh</option>

<option value="Dadar and Nagar Haveli">Dadar and Nagar Haveli</option>

<option value="Daman and Diu">Daman and Diu</option>

<option value="Delhi">Delhi</option>

<option value="Lakshadweep">Lakshadweep</option>

<option value="Puducherry">Puducherry</option>

<option value="Gujarat">Gujarat</option>

<option value="Haryana">Haryana</option>

<option value="Himachal Pradesh">Himachal Pradesh</option>

<option value="Jammu and Kashmir">Jammu and Kashmir</option>

<option value="Jharkhand">Jharkhand</option>

<option value="Karnataka">Karnataka</option>

<option value="Kerala">Kerala</option>

<option value="Madhya Pradesh">Madhya Pradesh</option>

<option value="Maharashtra">Maharashtra</option>

<option value="Manipur">Manipur</option>

<option value="Meghalaya">Meghalaya</option>

<option value="Mizoram">Mizoram</option>

<option value="Nagaland">Nagaland</option>

<option value="Odisha">Odisha</option>

<option value="Punjab">Punjab</option>

<option value="Rajasthan">Rajasthan</option>

<option value="Sikkim">Sikkim</option>

<option value="Tamil Nadu">Tamil Nadu</option>

<option value="Telangana">Telangana</option>

<option value="Tripura">Tripura</option>

<option value="Uttar Pradesh">Uttar Pradesh</option>

<option value="Uttarakhand">Uttarakhand</option>

<option value="West Bengal">West Bengal</option>

</select>

</td>

</tr>

<tr>

</tr>

</table>

</fieldset><br>

<legend><h5>Qualification Details</h5></legend>

<tr>

<th>Qualification</th>

<th>Board/University</th>

<th>Passing Year</th>

<th>Max Marks</th>

<th>Marks Obtain</th>

<th>Percentage</th>

</tr>

<tr>

<td>

<option>--Select--</option>

<option>Graduate</option>

<option>Post Graduate</option>

</select>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

<option>--Select--</option>

<option>Graduate</option>

<option>Post Graduate</option>

</select>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

<option>--Select--</option>

<option>Graduate</option>

<option>Post Graduate</option>

</select>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

<option>--Select--</option>

<option>Graduate</option>

<option>Post Graduate</option>

</select>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

</fieldset><br>

<legend><h5>Language Knowledge</h5></legend>

<tr>

<td>Language</td>

<td>Reading</td>

<td>Writing</td>

<td>Spoken</td>

</tr>

<tr>

<td>Hindi</td>

</tr>

<tr>

<td>English</td>

</tr>

<tr>

</tr>

</table>

</fieldset><br>

<legend><h5>Identification Details</h5></legend>

<tr>

<td>Aadhar Card Number</td>

<td>PAN Card Number</td>

</tr>

<tr>

<td>Upload Photo</td>

<td>Upload Signature</td>

</tr>

</table>

</fieldset>

<br/>

</center>

</form>

Written by <a href="mailto:itcihardoi@gmail.com">Satyam Trivedi</a>.<br>

Head Post Office Road, Hardoi<br>

India

</address>

</body>

</html>

Blogger :- Satyam Trivedi

My name is Satyam Trivedi, I live in Hardoi Up, I am graduate in Bsc. I have many other diploma's related to computer courses like:- Adctt, Doap, ccc, 'O' Level, Bca, Pgdca. I am a Blogger, Youtuber, Programmer and a Teacher by profession.I hold 10 years experiance of computer software training.

Sunday, October 29, 2023

Make Calculations with Calculator

Program For Make Calculator

<!DOCTYPE html>
<html>
<head>
<title>holle student</title>

<style>
body{background-color:aquamarine;}
{box-sizing:border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing:border-box;
}
input[type=text]
{
width:350px;
padding: 10px;
font-weight: bold;
margin-top: 20px;
border:4px solid red;
border-radius:5px;
font-size: 24px;
}
input[type=button]{
width: 89px;
padding: 10px;
font-size: 22px;
font-weight: bold;
border-radius: 5px;
callspace:25px;

}
#clrbtn{background: red;}
#display{background:white;}
</style>
</head>
<body>
<center><h1>ITCI Computer Hardoi</h1>
<h3>www.itcicomputerhardoi.blogspot.com</h3>
<h2>Project:- Calculator</h2>

<div class="containe"width="100px">
<h1><form name="calculator">
<input id="display"type="text"name="display"readonly><br><br>
<input class="sev"type="button"value="7"onclick="calculator.display.value+='7'">
<input class="et"type="button"value="8"onclick="calculator.display.value+='8'">
<input class="nin"type="button"value="9"onclick="calculator.display.value+='9'">
<input class="add"type="button"value="+"onclick="calculator.display.value+='+'"><br>
<input class="six"type="button"value="6"onclick="calculator.display.value+='6'">
<input class="fiv"type="button"value="5"onclick="calculator.display.value+='5'">
<input class="for"type="button"value="4"onclick="calculator.display.value+='4'">
<input class="sub"type="button"value="-"onclick="calculator.display.value+='-'"><br>
<input class="three"type="button"value="3"onclick="calculator.display.value+='3'">
<input class="two"type="button"value="2"onclick="calculator.display.value+='2'">
<input class="one"type="button"value="1"onclick="calculator.display.value+='1'">
<input class="multi"type="button"value="*"onclick="calculator.display.value+='*'"><br>
<input id="clrbtn"type="button"value="c"onclick="calculator.display.value=''">
<input class="zero"type="button"value="0"onclick="calculator.display.value+='0'">
<input class="ev"type="button"value="="onclick="calculator.display.value=eval(calculator.display.value)">
<input class="div"type="button"value="/"onclick="calculator.display.value+='/'">
</div></form></center>
<br><br>
<br><br>
</body>
</html>

-:Output Video:-

Project:- Create Login Form

Project:- Registration From

Blogger :- Satyam Trivedi

Saturday, October 28, 2023

Project: - Create Login Form With Html & CSS

ITCI Computer Hardoi

Classes By Satyam Sir

Project:- Create Login Form With Html & CSS

<!DOCTYPE html>

<html>

<head>

</head>

<style>

input:hover{border:2px solid green;background: blue;color:white;}

input[type=checkbox]:checked{accent-color: red;}

</style>

<body>

<div style="border:3px;background: red;color:white;font-size: 28px;font-weight: bolder;">Login Form</div>

<br>

<div>

<input type="checkbox">Remember Me

          <a href="#">Forget Password</a><br><br>

</div>

</center>

</body>

</html>

Project Create Calculator

Project:- Registration From

Blogger :- Satyam Trivedi

Infotech Computer Institute

Labels

Information & Technology Computer Institution's
In front of Gandhi Bhawan, Numaish Chauraha Hardoi.
☎ +91 9026728220, +91 8423606968

Please Subscribe My YouTube Channel

Monday, October 30, 2023

HTML & CSS (Registration Form/Application Form)

Create a Registration (Application) Form

Sunday, October 29, 2023

Make Calculations with Calculator

Saturday, October 28, 2023

Project: - Create Login Form With Html & CSS

Labels

Information & Technology Computer Institution's In front of Gandhi Bhawan, Numaish Chauraha Hardoi. ☎ +91 9026728220, +91 8423606968

Please Subscribe My YouTube Channel

Monday, October 30, 2023

HTML & CSS (Registration Form/Application Form)

Create a Registration (Application) Form

Sunday, October 29, 2023

Make Calculations with Calculator

Saturday, October 28, 2023

Project: - Create Login Form With Html & CSS

Information & Technology Computer Institution's
In front of Gandhi Bhawan, Numaish Chauraha Hardoi.
☎ +91 9026728220, +91 8423606968