Resume
Friends Resume is a personal information and your bio data for job activity. Resume is also create as CV, and Bio Data Resume is creating for a job profile it is most important for job seekers and employers.
Why to Use Resume ?
Jobseekers use the Resume for finding the job, using own personal info and character details, educational details, Hobbies, strength, etc.
Who use Resume ?
Jobseekers and employers is use the Resume. Jobseekers means who finding the job.
How to Create Resume using HTML, CSS, & Java Script
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
</head>
<body>
<form>
<table>
<tr>
<td> <label><b>Name</b></label></td>
<td> <input type="text" id="Name"></td>
</tr>
<tr>
<td><label><b>Address</b></label></td>
<td> <input type="text" id="Address"></td>
</tr>
<tr>
<td><label><b>Mobile No.</b></label></td>
<td> <input type="text" id="Mobile"></td>
</tr>
<tr>
<td><label><b>Email Id</b></label></td>
<td> <input type="text" id="Email"></td>
</tr>
<tr>
<td><label><b>Date of Birth</b></label></td>
<td> <input type="text" id="DOB"></td>
</tr>
<tr>
<td><label><b>Father Name</b></label></td>
<td> <input type="text" id="Fname"></td>
</tr>
<tr>
<td><label><b>Nationality</b></label></td>
<td> <input type="text" id="Nationality"></td>
</tr>
<tr>
<td><label><b>Gender</b></label></td>
<td> <input type="text" id="Gender"></td>
</tr>
<tr>
<td><label><b>Marital Status</b></label></td>
<td> <input type="text" id="Status"></td>
</tr>
<tr>
<td><label><b>Language Known</b></label></td>
<td> <input type="text" id="Language"></td>
</tr>
<tr>
<td><label><b>Hobbies</b></label></td>
<td> <input type="text" id="Hobby"></td>
</tr>
<tr>
<td><label><b>Career Objective</b></label></td>
<td> <input type="text" id="Career"></td>
</tr>
<tr>
<td><label><b>Course1</b></label></td>
<td> <input type="text" id="Course1"></td>
</tr>
<tr>
<td><label><b>Board1</b></label></td>
<td> <input type="text" id="Board1"></td>
</tr>
<tr>
<td><label><b>Passing Year1</b></label></td>
<td> <input type="text" id="Passy1"></td>
</tr>
<tr>
<td><label><b>Percentage1</b></label></td>
<td> <input type="text" id="Percent1"></td>
</tr>
<tr>
<td><label><b>Course2</b></label></td>
<td> <input type="text" id="Course2"></td>
</tr>
<tr>
<td><label><b>Board2</b></label></td>
<td> <input type="text" id="Board2"></td>
</tr>
<tr>
<td><label><b>Passing Year2</b></label></td>
<td> <input type="text" id="Passy2"></td>
</tr>
<tr>
<td><label><b>Percentage2</b></label></td>
<td> <input type="text" id="Percent2"></td>
</tr>
<tr>
<td><label><b>Course3</b></label></td>
<td> <input type="text" id="Course3"></td>
</tr>
<tr>
<td><label><b>Board3</b></label></td>
<td> <input type="text" id="Board3"></td>
</tr>
<tr>
<td><label><b>Passing Year3</b></label></td>
<td> <input type="text" id="Passy3"></td>
</tr>
<tr>
<td><label><b>Percentage3</b></label></td>
<td> <input type="text" id="Percent3"></td>
</tr>
<tr>
<td><label><b>Work Experience</b></label></td>
<td> <input type="text" id="Work"></td>
</tr>
</table>
</form>
<input type="submit" onclick="showInput();"><br/>
<label>Your input: </label>
<p><span id='display12'></span></p>
<p><span id='display13'></span></p>
<p><span id='display14'></span></p>
<p><span id='display15'></span></p>
<center>
<div>
<h3 align="center"><u>Resume</u></h3><br><br>
<table class="tbl1">
<tr><td><b>Name</b></td><td><p><span id='display'></span></p></td></tr>
<tr><td><b>Address</b></td><td><p><span id='display1'></span></p></td></tr>
<tr><td><b>Contact</b></td><td><p><span id='display2'></span></p></td></tr>
<tr><td><b>Email </b></td><td><p><span id='display3'></span></p></td>
</tr>
</table>
<hr size="1" width="97%">
<b>Career Objective</b><p><span id='display11'></span></p><br>
<b>Academic Qualification</b><br><br>
<table border="1" cellpadding="-10px">
<tr>
<th>Course</th><th>Board/University</th><th>Passing Year</th><th>Percentage</th>
</tr>
<tr>
<td></b><p><span id='Crs1'></span></p><br></td>
<td></b><p><span id='Brd1'></span></p><br></td>
<td></b><p><span id='Pass1'></span></p><br></td>
<td></b><p><span id='Per1'></span></p><br></td>
</tr>
<tr>
<td></b><p><span id='Crs2'></span></p><br></td>
<td></b><p><span id='Brd2'></span></p><br></td>
<td></b><p><span id='Pass2'></span></p><br></td>
<td></b><p><span id='Per2'></span></p><br></td>
</tr>
<tr>
<td></b><p><span id='Crs3'></span></p><br></td>
<td></b><p><span id='Brd3'></span></p><br></td>
<td></b><p><span id='Pass3'></span></p><br></td>
<td></b><p><span id='Per3'></span></p><br></td>
</tr>
</table>
<br>
<b>PERSONAL INFORMATION</b><br><br>
<table>
<tr>
<td><b>Date of Birth</b></td><td><p><span id='display4'></span></p></td></tr>
<tr><td><b>Father Name</b></td><td><p><span id='display5'></span></p></td></tr>
<tr><td><b>Nationality</b></td><td><p><span id='display6'></span></p></td></tr>
<tr><td><b>Gender</b></td><td><p><span id='display7'></span></p></td></tr>
<tr><td><b>Marital Status</b></td><td><p><span id='display8'></span></p></td></tr>
<tr><td><b>Language Known</b></td><td><p><span id='display9'></span></p></td></tr><tr>
<td><b>Hobbies</b></td><td><p><span id='display10'></span></p></td>
</tr>
</table>
<b><u> DECLARATION</u></b><p style="text-align:justify; margin-left:20px;margin-right:10px;">I hereby declare that all the statement made in this resume are true, complete and correct to the Knowledge.</p><br>
<b>Place :</b><br>
<b>Date :</b><br>
<b style="margin-left:80%;">Name :</b><br><br><br>
</div>
<button onclick="window.print()">GO</button>
</body>
</html>
CSS Apply for This Code
<style>
div
{
text-align:left;
border:1px solid black;
margin:10%;
width:65%;
}
b
{
margin-left:20px;
}
span
{
margin-left:20px;
text-align:justify;
}
table
{
border-collapse:collapse;
margin-left:20px;
width:90%;
height:-10%;
}
.tbl1
{
width:25%;
}
</style>
JavaScript Apply This Code
<script language="JavaScript">
function showInput() {
document.getElementById('display').innerHTML =
document.getElementById("Name").value;
document.getElementById('display1').innerHTML =
document.getElementById("Address").value;
document.getElementById('display2').innerHTML =
document.getElementById("Mobile").value;
document.getElementById('display3').innerHTML =
document.getElementById("Email").value;
document.getElementById('display4').innerHTML =
document.getElementById("DOB").value;
document.getElementById('display5').innerHTML =
document.getElementById("Fname").value;
document.getElementById('display6').innerHTML =
document.getElementById("Nationality").value;
document.getElementById('display7').innerHTML =
document.getElementById("Gender").value;
document.getElementById('display8').innerHTML =
document.getElementById("Status").value;
document.getElementById('display9').innerHTML =
document.getElementById("Language").value;
document.getElementById('display10').innerHTML =
document.getElementById("Hobby").value;
document.getElementById('display11').innerHTML =
document.getElementById("Career").value;
document.getElementById('display15').innerHTML =
document.getElementById("Work").value;
document.getElementById('Crs1').innerHTML =
document.getElementById("Course1").value;
document.getElementById('Brd1').innerHTML =
document.getElementById("Board1").value;
document.getElementById('Pass1').innerHTML =
document.getElementById("Passy1").value;
document.getElementById('Per1').innerHTML =
document.getElementById("Percent1").value;
document.getElementById('Crs2').innerHTML =
document.getElementById("Course2").value;
document.getElementById('Brd2').innerHTML =
document.getElementById("Board2").value;
document.getElementById('Pass2').innerHTML =
document.getElementById("Passy2").value;
document.getElementById('Per2').innerHTML =
document.getElementById("Percent2").value;
document.getElementById('Crs3').innerHTML =
document.getElementById("Course3").value;
document.getElementById('Brd3').innerHTML =
document.getElementById("Board3").value;
document.getElementById('Pass3').innerHTML =
document.getElementById("Passy3").value;
document.getElementById('Per3').innerHTML =
document.getElementById("Percent3").value;
}
</script>
This code used in regular form so code will properly work. User can easily use this code and create your own Resume.
