Viewing file:  free_online_resume_builder.php (91.86 KB) -rw-rw-r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<?php
include 'header.php';
?>
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css">
<style type="text/css">
.fas.fa-phone {
transform: scaleX(-1);
}
.details a button{
border: 1px solid #1654b4;
color: #1654b4;
font-size: 17px;
}
.details a button:hover{
border: 1px solid #1654b4;
background-color: #0e45b3;
font-size: 17px;
}
.my-packages{
height: 99%;
}
#span1,#span2{
color: red;
}
/* lightbox-css */
#wrapper {
width:600px;
margin:0 auto;
border-top:none;
text-align:left;
}
#lightbox {
position:fixed; /* keeps the lightbox window in the current viewport */
top:0;
left:0;
width:100%;
height:100%;
background:url(https://assets.codepen.io/210284/overlay.png) repeat;
text-align:center;
}
#lightbox p {
text-align:right;
color:#fff;
margin-right:20px;
font-size:12px;
}
#lightbox img {
box-shadow:0 0 25px #111;
max-width:940px;
}
a.lightbox_trigger {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
background: #105c9f;
padding: 10px;
color: #fff;
font-size: 20px;
text-transform: uppercase;
}
.viewer {
border: 1px solid #ccc;
}
div#content {
overflow: scroll;
height: 100%;
}
.lines-rs2{
border: 1px solid #ccc;
padding: 10px;
}
.height-700{
height: 1000px;
overflow: scroll;
overflow-x: hidden;
}
.add
{
background: #2d64b7;
color: #FFF;
border-radius: 50px;
font-size: 13px;
padding: 5px 16px;
line-height: 28px;
cursor: pointer;
letter-spacing: 0.3px;
border: 1px solid #fff;
}
</style>
<link rel="stylesheet" href="css/simpleLightbox.min.css">
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script> -->
<div class="container">
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<h4 class="modal-title">Core Competency</h4>
</div>
<div class="modal-body">
<table>
<tr>
<td> C </td>
<td>
<input type="checkbox" name="" value="C">
</td>
</tr>
<tr>
<td> C++ </td>
<td>
<input type="checkbox" name="C++" value="C++">
</td>
</tr><tr>
<td> C# </td>
<td>
<input type="checkbox" name="" value="C#">
</td>
</tr><tr>
<td> Java </td>
<td>
<input type="checkbox" name="" value="Java">
</td>
</tr><tr>
<td> Python </td>
<td>
<input type="checkbox" name="" value="Python">
</td>
</tr>
<tr>
<td> PHP </td>
<td>
<input type="checkbox" name="" value="PHP">
</td>
</tr>
<tr>
<td> ASP.NET </td>
<td>
<input type="checkbox" name="" value="ASP.NET">
</td>
</tr>
<tr>
<td> Ruby </td>
<td>
<input type="checkbox" name="" value="Ruby">
</td>
</tr>
<tr>
<td> SQL </td>
<td>
<input type="checkbox" name="" value="SQL">
</td>
</tr>
<tr>
<td> HTML </td>
<td>
<input type="checkbox" name="" value="HTML">
</td>
</tr>
<tr>
<td> CSS </td>
<td>
<input type="checkbox" name="" value="CSS">
</td>
</tr>
<tr>
<td> Javascript </td>
<td>
<input type="checkbox" name="" value="Javascript">
</td>
</tr>
<tr>
<td> Acrobat </td>
<td>
<input type="checkbox" name="" value="Acrobat">
</td>
</tr>
<tr>
<td> Corel Draw </td>
<td>
<input type="checkbox" name="" value="Corel Draw">
</td>
</tr>
<tr>
<td> Photoshop </td>
<td>
<input type="checkbox" name="" value="Photoshop">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input type="hidden" name="skills_added" id="skills_added" >
<button style="margin-left: 200px;" class="add" id="skills_add" data-dismiss="modal">ADD</button>
</td>
</tr>
</table>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal_1" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<h4 class="modal-title">Strengths</h4>
</div>
<div class="modal-body">
<table>
<tr>
<td> Punctuality </td>
<td>
<input type="checkbox" value="Punctuality">
</td>
</tr>
<tr>
<td> Work Ethic </td>
<td>
<input type="checkbox" value="Work Ethic">
</td>
</tr><tr>
<td> Flexibility </td>
<td>
<input type="checkbox" value="Flexibility">
</td>
</tr><tr>
<td> Adaptability </td>
<td>
<input type="checkbox" value="Adaptability">
</td>
</tr><tr>
<td> Time management </td>
<td>
<input type="checkbox" value="Time management ">
</td>
</tr>
<tr>
<td> Teamwork </td>
<td>
<input type="checkbox" value="Teamwork">
</td>
</tr>
<tr>
<td> Effective communication </td>
<td>
<input type="checkbox" value="Effective communication">
</td>
</tr>
<tr>
<td> Problem solving </td>
<td>
<input type="checkbox" value="Problem solving">
</td>
</tr>
<tr>
<td> Critical thinking </td>
<td>
<input type="checkbox" value="Critical thinking">
</td>
</tr>
<tr>
<td> Decision making </td>
<td>
<input type="checkbox" value="Decision making">
</td>
</tr>
<tr>
<td> Quick Learner </td>
<td>
<input type="checkbox" value="Quick Learner">
</td>
</tr>
<tr>
<td> Leadership </td>
<td>
<input type="checkbox" value="Leadership">
</td>
</tr>
<tr>
<td> Goal Oriented </td>
<td>
<input type="checkbox" value="Goal Oriented">
</td>
</tr>
<tr>
<td> Prioritizing Task </td>
<td>
<input type="checkbox" value="Prioritizing Task">
</td>
</tr>
<tr>
<td> Accuracy </td>
<td>
<input type="checkbox" value="Accuracy">
</td>
</tr>
<tr>
<td> Loyality </td>
<td>
<input type="checkbox" value="Loyality">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input type="hidden" name="skills_added" id="strength_added" >
<button style="margin-left: 200px;" class="add" id="strength_add" data-dismiss="modal">ADD</button>
</td>
</tr>
</table>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal_2" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<h4 class="modal-title">Interests</h4>
</div>
<div class="modal-body">
<table>
<tr>
<td> Volunteering and community involvement </td>
<td>
<input type="checkbox" value="Volunteering and community involvement">
</td>
</tr>
<tr>
<td> Writing </td>
<td>
<input type="checkbox" value="Writing">
</td>
</tr><tr>
<td> Blogging </td>
<td>
<input type="checkbox" value="Blogging">
</td>
</tr><tr>
<td> Podcasting </td>
<td>
<input type="checkbox" value="Podcasting">
</td>
</tr><tr>
<td> Marketing </td>
<td>
<input type="checkbox" value="Marketing">
</td>
</tr>
<tr>
<td> Learning languages </td>
<td>
<input type="checkbox" value="Learning languages">
</td>
</tr>
<tr>
<td> Photography </td>
<td>
<input type="checkbox" value="Photography">
</td>
</tr>
<tr>
<td> Cooking </td>
<td>
<input type="checkbox" value="Cooking">
</td>
</tr>
<tr>
<td> Reading </td>
<td>
<input type="checkbox" value="Reading">
</td>
</tr>
<tr>
<td> Music </td>
<td>
<input type="checkbox" value="Music">
</td>
</tr>
<tr>
<td> Javascript </td>
<td>
<input type="checkbox" value="Javascript">
</td>
</tr>
<tr>
<td> Art </td>
<td>
<input type="checkbox" value="Art">
</td>
</tr>
<tr>
<td> Sports </td>
<td>
<input type="checkbox" value="Sports">
</td>
</tr>
<tr>
<td> Dancing </td>
<td>
<input type="checkbox" value="Dancing">
</td>
</tr>
<tr>
<td> Gardening </td>
<td>
<input type="checkbox" value="Gardening">
</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input type="hidden" name="skills_added" id="interest_added" >
<button style="margin-left: 200px;" class="add" id="interest_add" data-dismiss="modal">ADD</button>
</td>
</tr>
</table>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal_3" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
<h4 class="modal-title">Experience</h4>
</div>
<div class="modal-body">
<table >
<thead>
<tr><th>Company Name</th>
<th>Position</th>
<th>Duration</th>
</tr>
</thead>
<tbody>
<tr>
<td>Srishti Innovative</td>
<td>Internship</td>
<td>6 Months</td>
</tr>
<tr>
<td colspan="2" style="text-align: center;">
<input type="hidden" name="skills_added" id="interest_added" >
<button style="margin-left: 200px;margin-top: 30px;" class="add" id="Experience_add" data-dismiss="modal">ADD</button>
</td>
</tr>
</tbody>
</table>
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
<section class="project-banner">
<div class="container">
<div class="banner-sec">
<div class="projectheading btn_right">
<h3>CREATE CV </h3>
<!-- <button class="btn backbtn" onclick="history.go(-1);">Back </button> -->
</div>
</div>
</div>
</section>
<section class="dashboard">
<div class="container">
<div class="row">
<div class="details" style="margin-left: 0%;padding: 0% 1% 1%;">
<p>Use our free resume builder to create attractive resumes in effortless and hassle-free process. Our free online resume builder generates professional resumes that can improve your chances of getting hired. Our attractive and professional resume templates can help you secure the recruiters’ attention. We guarantee you a professional and representative resume that can realize your career dreams. Just acquaint us with your skillsets and experience, we will craft a resume that perfectly suits your expectations. Our free resume builder lets you download the resume in a quick trouble free manner. Experience the magic of our resume wizard in easy steps!! <b>Your dream job is just a resume away!!!!!</b></p>
<!-- <a href="dashboard.php" class="view-training"><button type="button" class="btn btn-outline-primary">Skip</button></a> -->
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="my-packages">
<section class="lines-rs2" >
<div class="container">
<div class="row">
<div class="pl-4 pr-4 col-lg-12 col-md-12 col-lg-12 col-xl-12 height-700">
<form action="profile_outer_update_action.php" method="post" autocomplete="off" class="form-horizontal" enctype="multipart/form-data">
<input type="hidden" name="stud_id" value="">
<div class="row align-items-center mt-4">
<div class="col profile-hd" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;cursor: pointer;" data-toggle="collapse" href="#collapseExample">Personal Details<span id="span2" >*</span></label>
<a data-toggle="collapse" href="#collapseExample" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row" class="collapse" id="collapseExample">
<div class="row align-items-center">
<div class="col mt-4">
<span id="span2" >*</span>
<input type="text" class="form-control" placeholder="Name" name="studName" id="studName" value="">
</div>
</div>
<!-- <div class="row align-items-center mt-4">
<div class="col ">
<input type="text" class="form-control" placeholder="Date of Birth" name="dob" id="dob" value="">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Age" name="age" id="age" value="">
</div>
</div> -->
<div class="row align-items-center mt-4">
<div class="col">
<span id="span2" >*</span>
<!-- <input type="email" class="form-control" placeholder="Email" required pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" name="email" id="emailval" value=""> -->
<input type="email" class="form-control" placeholder="Email" name="email" id="emailval" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<span id="span1">*</span>
<input type="text" class="form-control" maxlength="10" pattern="[0-9]+" placeholder="Mobile Number" name="mobile" id="mobile" value="">
</div>
<div class="col">
<input type="text" class="form-control" maxlength="10" pattern="[0-9]+" placeholder="Alternate Mobile Number" name="altmobile" id="altmobile" value="">
</div>
</div>
<div class="row align-items-center">
<label style="margin-left: 15px;margin-top: 30px;color: #2d64b7;">Profile Image</label><br>
<div class="col mt-4">
<input type="file" class="form-control" placeholder="Upload Image" name="fileToUpload" id="fileToUpload" value="">
</div>
</div>
<div class="profileImg" style="width: 165px;height: 165px;margin: 0 auto;overflow: hidden;border-radius: 100%;border: 5px solid #FFF;">
<img style="height: 165px;object-fit: cover;" id="image1" src="profile_default.jpg">
</div>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col profile-hd" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;cursor: pointer;" data-toggle="collapse" href="#collapseExample2">Permanent Address<span id="span2" >*</span></label>
<a data-toggle="collapse" href="#collapseExample2" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample2">
<div class="row align-items-center mt-4">
<div class="col">
<span id="span2" >*</span>
<input type="text" class="form-control" placeholder="Address Line1" name="address1" id="address1" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line2" name="address2" id="address2" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line3" name="address3" id="address3" value="">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Pincode" name="pincode" id="pincode" value=>
</div>
</div>
<!-- <div class="row align-items-center mt-4">
<div class="col">
<input type="checkbox" class="checkbox" name="check" id="check" value="1" >
<label>Same as Permanent Address</label>
</div>
</div> -->
</div>
</div>
</div>
<!-- <div class="row align-items-center mt-4">
<div class="col profile-hd" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Present Address</label>
<a data-toggle="collapse" href="#collapseExample3" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample3">
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line 1" name="paddress1" id="paddress1" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line 2" name="paddress2" id="paddress2" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line 3" name="paddress3" id="paddress3" value="">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Pincode" name="ppincode" id="ppincode" value="">
</div>
</div>
</div>
</div>
</div> -->
<div class="row align-items-center mt-4">
<div class="col profile-hd" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;cursor: pointer;" data-toggle="collapse" href="#collapseExample4">Education Details<span id="span2" >*</span></label>
<a data-toggle="collapse" href="#collapseExample4" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample4" >
<div class="row align-items-center mt-4">
<div class="field_wrapper col ">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead>
<tr>
<th style="width: 133px;">Course</th>
<th style="width: 133px;">Board</th>
<th style="width: 133px;">Year</th>
<th style="width: 167px;">Specification</th>
<th style="width: 90px;">Mark</th>
<th style="width: 5px;"><a href="javascript:void(0);" class="add_button" title="Add field" style="font-size: 29px;color: black;text-align: center;">+</a></th>
</tr>
</thead>
<tbody>
<tr>
<td> <input type="text" name="course[]" id='course1' class="form-control" placeholder="Course" size="12" value="" /></td>
<td><input type="text" name="board[]" id='board1' class="form-control" placeholder="Board" size="12" value=""/></td>
<td><input type="text" name="passyear[]" id='passyear1' class="form-control" placeholder="Year" size="12" value=""/></td>
<td><input type="text" name="specification[]" id='specification1' class="form-control" placeholder="Specification" size="18" value=""/></td>
<td><input type="text" name="mark[]" id='mark1' class="form-control" placeholder="marks" size="5" value=""/></td>
<td><a href="javascript:void(0);" id="" class="edu1" title="Add field" style="font-size: 29px;color: black;text-align: center;">-</a></td>
</tr></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col profile-hd" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;cursor: pointer;" data-toggle="collapse" href="#collapseExample5" > Core Competency<span id="span2" >*</span></label>
<a data-toggle="collapse" href="#collapseExample5" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample5" >
<div class="row align-items-center mt-4">
<div class="col">
<span class="tips" data-toggle="modal" id="tips1" data-target="#myModal" style="cursor: pointer;">Tips</span>
<input type="text" class="form-control" name="skills" id="skills" value="">
<input type="hidden" name="tips_num" id="tips_num">
</div>
</div>
</div>
</div>
</div>
<div id="exp1">
<div class="row align-items-center mt-4" >
<div class="col profile-hd" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;" data-toggle="collapse" href="#collapseExample6"> Experience<span id="span2" >*</span></label>
<a data-toggle="collapse" href="#collapseExample6" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample6">
<div class="row align-items-center mt-4">
<div class="field_wrapper1 col">
<span class="tips" data-toggle="modal" id="tips4" data-target="#myModal_3" >Tips</span>
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead>
<tr><th style="width: 218px;">Company Name</th>
<th style="width: 218px;">Position</th>
<th style="width: 218px;">Duration</th>
<th><a href="javascript:void(0);" class="add_button1" title="Add field" style="font-size: 29px;color: black;text-align: center;">+</a></th></tr>
</thead>
<tbody>
<tr>
<td> <input type="text" name="companyname[]" id='companyname1' class="form-control" placeholder="Company Name" size="10.5" value="" />
</td>
<td><input type="text" name="position[]" id='position2' class="form-control" placeholder="Position" size="11" value=""/></td><td><input type="text" name="duration[]" id='duration3' class="form-control" placeholder="Duration" size="10" value="" /></td><td><a href="javascript:void(0);" class="exp" id="" title="Add field" style="font-size: 29px;color: black;text-align: center;">-</a></td>
</tr>
</tbody>
</table></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col profile-hd collapsed" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;cursor: pointer;" data-toggle="collapse" href="#collapseExample7"> Acadamic Projects</label>
<a data-toggle="collapse" href="#collapseExample7" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample7">
<div class="row align-items-center mt-4">
<div class="field_wrapper2 col">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead><tr><th style="width: 188px;">Project Name</th>
<th style="width: 188px;">Description</th>
<th style="width: 151px;">Technology</th>
<th style="width: 135px;">Acadamic/Not</th><th><a href="javascript:void(0);" class="add_button2" title="Add field" style="font-size: 25px;color: black;text-align: center;width: 10px;">+</a></th></tr></thead>
<tbody>
<tr>
<td> <textarea name="projectName[]" id='projectName1' class="form-control" placeholder="Project Name" size="10" /></textarea>
</td><td><textarea name="description[]" id='description1' class="form-control" placeholder="Description" size="10" /></textarea></td><td><input type="text" name="technology[]" id='technology1' class="form-control" placeholder="Technology" size="15" value=""/></td><td>
<select name="acadamic[]" id='acadamic' class="form-control">
<option value="">Select</option>
<option >Academic</option>
<option >Non Academic</option>
</select>
</td><td><a href="javascript:void(0);" class="pro" id="" title="Add field" style="font-size: 29px;color: black;text-align: center;">-</a></td>
</tr></tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col profile-hd collapsed" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;" data-toggle="collapse" href="#collapseExample9" > Achievements</label>
<a data-toggle="collapse" href="#collapseExample9" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample9">
<div class="row align-items-center mt-4">
<div class="field_wrapper3 col">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead><tr><th style="width: 600px;cursor: pointer;">Achievement</th><th><a href='javascript:void(0);' class='add_button3' title='Add field' style='font-size: 29px;color: black;text-align: center;'>+</a></th></tr></thead>
<tbody>
</tbody></table>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col profile-hd collapsed" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;cursor: pointer;" data-toggle="collapse" href="#collapseExample10"> Strengths<span id="span2" >*</span></label>
<a data-toggle="collapse" href="#collapseExample10" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample10">
<div class="row align-items-center mt-4">
<div class="col">
<span class="tips" data-toggle="modal" id="tips2" data-target="#myModal_1" style="cursor: pointer;">Tips</span>
<input type="text" class="form-control" required name="strengths" id="strengths" value="">
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col profile-hd collapsed" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;cursor: pointer;" data-toggle="collapse" href="#collapseExample11" > Interests<span id="span2" >*</span></label>
<a data-toggle="collapse" href="#collapseExample11" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample11">
<div class="row align-items-center mt-4">
<div class="col">
<span class="tips" data-toggle="modal" id="tips3" data-target="#myModal_2" style="cursor: pointer;" >Tips</span>
<input type="text" class="form-control" required name="interests" id="interests" value="">
</div>
</div>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col profile-hd collapsed" >
<div class="d-flex justify-content-between">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;" data-toggle="collapse" href="#collapseExample12"> Career Objective</label>
<a data-toggle="collapse" href="#collapseExample12" class="accdn" ><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
</div>
<div class="tog-row collapse" id="collapseExample12">
<div class="row align-items-center mt-4">
<div class="col">
<textarea class="form-control" placeholder="" name="career_objective" id="career_objective"></textarea>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="checkbox" onclick="myFunction()" id="public_profile" checked name="public_profile" > I hereby agree to make my profile public for future interview purpose
<input type="hidden" name="public_profile_val" id="public_profile_val" name="public_profile_val" value="true">
</div>
</div>
<!-- <div class="row justify-content-start mt-4">
<div class="col">
<a class="signup log" href="#" data-toggle="modal" data-target="#exampleModal1">Download</a>
<button style="display:none ;" class="btn btn-primary mt-4" id="profile_submit" style="background-color: #2d64b7; border:2px solid #2d64b7; margin-bottom:25px; ">Download</button>
</div>
</div> -->
</div>
</div>
</div>
<div class="row justify-content-start mt-4">
<div class="col" style="text-align: center;">
<a class="signup log" href="#" data-toggle="modal" data-target="#exampleModal1">Download</a>
<button style="display:none ;" class="btn btn-primary mt-4" id="profile_submit" style="background-color: #2d64b7; border:2px solid #2d64b7; margin-bottom:25px; ">Download</button>
</div>
</div>
</form>
</div>
<div class="col-lg-4" style="display: none;">
<div class="resume-view-section mt-4">
<div data-toggle="modal" data-target="#start" href="images/resume.png" class="viewer">
<img src="images/resume2.png" alt="image">
</div>
<div class="preview">
<button class="lightbox_trigger" type="button">preview</button>
<!-- <a href="images/resume.png" data-toggle="modal" data-target="#start">preview</a> -->
<!-- <a href="images/resume.png" data-toggle="modal" data-target="#start">preview</a> -->
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<div class="modal " id="start" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
<div class="">
<div class="modal-content back-cont">
<div class="resume">
<button type="button" class="close mod-close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<div class="wrapper_resume" style=" margin: 0 auto; max-width: 960px;">
<div class="wrapper_Outer" style="position: relative;font-family: 'Roboto', sans-serif !important;height: 100%;border: solid 1px #ccc;float: left;margin: 30px 0;background: #FFF;display: flex;">
<section class="sidebar-wrapper" style=" background: rgb(50 51 58);float: right;width: 300px;min-height: 100%;color: #fff;padding: 25px 0;">
<div class="profileImg" style="width: 165px;height: 165px;margin: 0 auto;overflow: hidden;border-radius: 100%;border: 5px solid #FFF;">
<img style="height: 165px;object-fit: cover;" id="image" src="profile_default.jpg">
</div>
<div class="contact-container container-block" style="margin-top: 15px;padding: 15px 20px; float: left;">
<h6 class="subtitles" style=" font-weight: 400;text-transform: uppercase;border-left: 15px solid #ff9800;float: left;width: 100%;padding: 7px 10px;font-size: 18px;letter-spacing: 0.2px;margin: 10px 0 15px;background: #65666d;">Basic Details</h6>
<ul class="list-style" style=" list-style: none; padding: 0;margin: 0;float: left;width: 100%;margin-left: 20px;">
<li class="email" style=" margin-bottom: 15px;word-break: break-all;float: left;width: 100%;line-height: 20px;font-size: 14px;font-weight: 300;">
<span style="font-size: 15px;float: left;width: 35px;" class="icons"><i class="fas fa-envelope" aria-hidden="true"></i></span>
<span class="conts" style=" float: left;width: calc(100% - 35px);font-weight: 300;">
<label style="display: block;margin-bottom: 5px;font-weight: 400 !important;font-size: 16px;letter-spacing: 0.2px;">Email</label>
<span id="emailval_write"</span>
</span>
</li>
<li class="email" style=" margin-bottom: 15px;word-break: break-all;float: left;width: 100%;line-height: 20px;font-size: 14px;font-weight: 300;">
<span style="font-size: 15px;float: left;width: 35px;" class="icons"><i class="fas fa-phone" aria-hidden="true"></i> </span>
<span class="conts" style=" float: left;width: calc(100% - 35px);font-weight: 300;">
<label style="display: block;margin-bottom: 5px;font-weight: 400 !important;font-size: 16px;letter-spacing: 0.2px;">Phone</label>
<span id="mobile_write"></span>
</span>
</li>
</ul>
</div>
<div class="contact-container container-block" style="margin-top: 15px;padding: 15px 20px; float: left;">
<h6 style=" font-weight: 400;text-transform: uppercase;border-left: 15px solid #ff9800;float: left;width: 100%;padding: 7px 10px;font-size: 18px;letter-spacing: 0.2px;margin: 10px 0 15px;background: #65666d;" class="subtitles">Address</h6>
<ul class="list-style" style=" list-style: none; padding: 0;margin: 0;float: left;width: 100%;margin-left: 20px;">
<li class="address" style=" margin-bottom: 15px;word-break: break-all;float: left;width: 100%;line-height: 20px;font-size: 14px;font-weight: 300;">
<span style="font-size: 15px;float: left;width: 35px;" class="icons"><i class="fas fa-map-marker" aria-hidden="true"></i> </span>
<span class="conts" style=" float: left;width: calc(100% - 35px);font-weight: 300;">
<label style="display: block;margin-bottom: 5px;font-weight: 400 !important;font-size: 16px;letter-spacing: 0.2px;">Present Address</label>
<span id="address1_write"></span><br>
<span id="address2_write"> </span><br>
<span id="address3_write"> </span><br>
<span id="pincode_write"> </span>
</span>
</li>
</ul>
</div>
<div class="interests-container container-block" style="margin-top: 15px;padding: 15px 20px; float: left;">
<h6 class="subtitles" style=" font-weight: 400;text-transform: uppercase;border-left: 15px solid #ff9800;float: left;width: 100%;padding: 7px 10px;font-size: 18px;letter-spacing: 0.2px;margin: 10px 0 15px;background: #65666d;">CORE COMPETENCY</h6>
<ul style=" list-style: none; padding: 0;margin: 0;float: left;width: 100%;margin-left: 20px;" class="list-style">
<li style=" margin-bottom: 15px;word-break: break-all;float: left;width: 100%;line-height: 20px;font-size: 14px;font-weight: 300;">
<span class="icons"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> </span>
<span class="conts" id="skills_write">
</span>
</li>
<!-- <li style=" margin-bottom: 15px;word-break: break-all;float: left;width: 100%;line-height: 20px;font-size: 14px;font-weight: 300;">
<span class="icons"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> </span>
<span class="conts">
Aenean semper
</span>
</li> -->
</ul>
</div>
<div class="interests-container container-block" style="margin-top: 15px;padding: 15px 20px; float: left;">
<h6 class="subtitles" style=" font-weight: 400;text-transform: uppercase;border-left: 15px solid #ff9800;float: left;width: 100%;padding: 7px 10px;font-size: 18px;letter-spacing: 0.2px;margin: 10px 0 15px;background: #65666d;">STRENGTHS</h6>
<ul style=" list-style: none; padding: 0;margin: 0;float: left;width: 100%;margin-left: 20px;" class="list-style">
<li style=" margin-bottom: 15px;word-break: break-all;float: left;width: 100%;line-height: 20px;font-size: 14px;font-weight: 300;">
<span class="icons"><i class="fa fa-dot-circle-o" aria-hidden="true"></i> </span>
<span class="conts" id="strengths_write">
</span>
</li>
</ul>
</div>
<!--//interests-->
<div class="interests-container container-block" style="margin-top: 15px;padding: 15px 20px; float: left;">
<h6 class="subtitles" style=" font-weight: 400;text-transform: uppercase;border-left: 15px solid #ff9800;float: left;width: 100%;padding: 7px 10px;font-size: 18px;letter-spacing: 0.2px;margin: 10px 0 15px;background: #65666d;">Interests</h6>
<ul style=" list-style: none; padding: 0;margin: 0;float: left;width: 100%;margin-left: 20px;" class="list-style">
<li style=" margin-bottom: 15px;word-break: break-all;float: left;width: 100%;line-height: 20px;font-size: 14px;font-weight: 300;">
<span id="interests_write"></span>
</li>
</ul>
</div>
</section>
<!--//sidebar-wrapper-->
<section class="main-wrapper" style=" background: #fff; padding: 30px;width: 660px;min-height: 100%;float: left;">
<div style=" float: left;width: 100%;" class="section summary-section">
<h1 style="font-size: 40px;font-weight: 500;text-transform: uppercase;letter-spacing: 0.2px;margin: 40px 0 0;padding: 0;line-height: inherit;" id="studName_write" class="name"></h1>
<!-- <h2 style="color: #ff9800;font-weight: 500;font-size: 20px;text-transform: uppercase;letter-spacing: 0.2px;margin: 0 0 73px;padding: 5px 0;" class="designation"> UI Developer</h2> -->
<h3 style="text-transform: uppercase;font-size: 18px;font-weight: 500;color: #111;position: relative;margin: 10px 0;letter-spacing: 0.2px;border-left: 16px solid #ff9800;background: #cccccc78;padding: 7px 10px;" class="section-title">Career Objective</h3>
<div class="summary">
<p style=" color: #444;font-size: 14px; line-height: 1.5;" id="career_objective_write">
Work for an organization which provides me the opportunity to improve my skills and knowledge to grow. Proin leo arcu, lacinia porttitor magna in, ultrices convallis turpis. Praesent dictum eu enim nec convallis. Quisque ullamcorper scelerisque hendrerit. Proin sodales lorem sit amet lacinia tempor. Nullam quis sem lobortis, rutrum sapien fringilla, bibendum libero. Aenean semper odio vel neque rutrum volutpat.
</p>
</div>
<!--//Summary End-->
</div>
<div class="section education-section" style=" float: left;width: 100%;">
<h3 style="text-transform: uppercase;font-size: 18px;font-weight: 500;color: #111;position: relative;margin: 10px 0;letter-spacing: 0.2px;border-left: 16px solid #ff9800;background: #cccccc78;padding: 7px 10px;" class="section-title">Education</h3>
<div class="meta" style="display: flex; margin: 20px 0px;">
<div style="width: 140px;display: flex;font-size: 14px;color: #666;font-weight: 400;" class="time_summary">
<span id="passyear1_write"></span>
<!-- <span style=" width: 50px;float: left;font-size: 14px;color: #666;font-weight: 400;" >2018</span> -
<span style=" width: 140px;float: left;font-size: 14px;color: #666;font-weight: 400;">2020</span> -->
</div>
<div class="upper-row" style=" width: 100%; margin: 0px;font-size: 14px;float: left;padding-bottom: 10px;border-bottom: 1px solid #66666633;">
<h3 class="subs-title" style=" font-size: 18px; margin: 0 0 10px; color: #333;" id="course1_write"></h3>
<div class="details_sec" style="margin: 5px 0;color: #555;font-size: 14px;" id="specification1_write" > </div>
<div class="details_sec" style="margin: 5px 0;color: #555;font-size: 14px;" id="board1_write">
</div>
<div class="details_sec val_perc" style=" color: #555; font-weight: 600;font-size: 15px;margin: 10px 0 5px;">
<label>CGPA:</label><span id="mark1_write"></span><span></span>
</div>
</div>
</div>
</div>
<div class="section education-section" style=" float: left;width: 100%;">
<h3 style="text-transform: uppercase;font-size: 18px;font-weight: 500;color: #111;position: relative;margin: 10px 0;letter-spacing: 0.2px;border-left: 16px solid #ff9800;background: #cccccc78;padding: 7px 10px;" class="section-title">WORK EXPERIENCE</h3>
<div class="meta" style="display: flex; margin: 20px 0px;">
<div style="width: 140px;display: flex;font-size: 14px;color: #666;font-weight: 400;" class="time_summary">
<!-- <span style=" width: 50px;float: left;font-size: 14px;color: #666;font-weight: 400;">2020</span> -
<span style=" width: 140px;float: left;font-size: 14px;color: #666;font-weight: 400;">Present</span> -->
<span id="duration3_write"></span>
</div>
<div class="upper-row" style=" width: 100%; margin: 0px;font-size: 14px;float: left;padding-bottom: 10px;border-bottom: 1px solid #66666633;">
<h3 class="subs-title" style=" font-size: 18px; margin: 0 0 10px; color: #333;" id="position2_write"></h3>
<div class="details_sec" style="margin: 5px 0;color: #555;font-size: 14px;" id="companyname1_write"> </div>
</div>
</div>
</div>
<div class="section education-section" style=" float: left;width: 100%;">
<h3 style="text-transform: uppercase;font-size: 18px;font-weight: 500;color: #111;position: relative;margin: 10px 0;letter-spacing: 0.2px;border-left: 16px solid #ff9800;background: #cccccc78;padding: 7px 10px;" class="section-title">PROJECTS</h3>
<div class="meta" style="display: flex; margin: 20px 0px;">
<div class="prj_name time_summary" style=" width: 175px;float: left;font-size: 14px;color: #666;font-weight: 400;">Academic Project1</div>
<div class="upper-row" style=" width: 100%; margin: 0px;font-size: 14px;float: left;padding-bottom: 10px;border-bottom: 1px solid #66666633;">
<h3 class="subs-title" id="projectName1_write" style=" font-size: 18px; margin: 0 0 10px; color: #333;">
</h3>
<div class="details_sec" style="margin: 5px 0;color: #555;font-size: 14px;">
<span id="description1_write"> </span><br>
<span id="technology1_write"></span>
</div>
</div>
</div>
</div>
<div class="section education-section" style=" float: left;width: 100%;">
<h3 style="text-transform: uppercase;font-size: 18px;font-weight: 500;color: #111;position: relative;margin: 10px 0;letter-spacing: 0.2px;border-left: 16px solid #ff9800;background: #cccccc78;padding: 7px 10px;" class="section-title">ACHIEVEMENTS</h3>
<ul class="summary" style=" margin: 0; list-style: none; padding: 5px 0 15px;font-size: 14px;color: #333;">
<li style=" margin: 0 0 10px;">
<i class="fa fa-dot-circle-o" aria-hidden="true"></i>
<span id="achievements4_write"></span>
</li>
</ul>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="checkbox" checked onclick="myFunction()" id="public_profile" checked name="public_profile" > I hereby agree to make my profile public for future interview purpose
<input type="hidden" name="public_profile_val" id="public_profile_val" name="public_profile_val" value="true">
</div>
</div>
</section>
<!--main-wrapper end-->
</div>
</div>
</div>
</div>
</div>
</div>
<?php include 'footer_new.php'; ?>
<script src="css/simpleLightbox.min.js" ></script>
<script>
jQuery(document).ready(function($) {
$('.lightbox_trigger').click(function(e) {
//prevent default action (hyperlink)
e.preventDefault();
//Get clicked link href
var image_href = $(this).attr("href");
/*
If the lightbox window HTML already exists in document,
change the img src to to match the href of whatever link was clicked
If the lightbox window HTML doesn't exists, create it and insert it.
(This will only happen the first time around)
*/
if ($('#lightbox').length > 0) { // #lightbox exists
//place href as img src value
$('#content').html('<img src="' + image_href + '" />');
//show lightbox window - you could use .show('fast') for a transition
$('#lightbox').show();
}
else { //#lightbox does not exist - create and insert (runs 1st time only)
//create HTML markup for lightbox window
var lightbox =
'<div id="lightbox">' +
'<p>Click to close</p>' +
'<div id="content">' + //insert clicked link's href into img src
'<img src="' + image_href +'" />' +
'</div>' +
'</div>';
//insert lightbox HTML into page
$('body').append(lightbox);
}
});
//Click anywhere on the page to get rid of lightbox window
$('body').on('click', '#lightbox', function() { //must use on, as the lightbox element is inserted into the DOM
$('#lightbox').hide();
});
});
function myFunction(){
var result = document.getElementById("public_profile").checked;
//alert(result);
$("#public_profile_val").val(result);
}
$(document).ready(function () {
var checkboxes = $('input[class="acadamic"]:checked').length;
$('.edu1').click(function(){
var del_id= $(this).attr('id');
$.ajax({
url:"delete_edu.php",
type:"get",
data:{id:del_id},
success:function(n){
window.location.reload();
}
});
});
$('.exp').click(function(){
var del_id= $(this).attr('id');
$.ajax({
url:"delete_experience.php",
type:"get",
data:{id:del_id},
success:function(n){
window.location.reload();
}
});
});
$('.pro').click(function(){
var del_id= $(this).attr('id');
$.ajax({
url:"delete_project.php",
type:"get",
data:{id:del_id},
success:function(n){
window.location.reload();
}
});
});
$('#mobile').keyup(function(){
// alert('hai');
var mobile=$('#mobile').val();
$.ajax({
url: "getPhone.php",
type: "get",
data:{phone:mobile},
success:function(n){
if(n==1){
$('#span1').text('Phone number already exist') ;
}
else{
$('#span1').text('') ;
}
}
});
});
$('#emailval').keyup(function(){
var email=$('#emailval').val();
$.ajax({
url: "getEmail.php",
type: "get",
data:{email1:email},
success:function(n){
// alert(n);
if(n==1){
$('#span2').text('Email already exist') ;
}
else{
$('#span2').text('') ;
}
}
});
});
var x = 1;
var maxField = 6;
//Input fields increment limitation
var addButton = $('.add_button'); //Add button selector
var wrapper = $('.field_wrapper'); //Input field wrapper
var c = 2
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton).click(function () {
//Check maximum number of input fields
var fieldHTML = '<div class="table-responsive" style="margin-top:-15px;"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%" ><tbody> <tr><td><input type="text" name="course[]" class="form-control" placeholder="Course" id="course' + c + '" size="10" /></td><td><input type="text" name="board[]" class="form-control" id="board' + c + '" value="" placeholder="Board" size="10" /></td><td><input type="text" name="passyear[]" value="" class="form-control" id="passyear' + c + '" placeholder="Year" size="10" /></td><td> <input type="text" name="specification[]" class="form-control" value="" id="specification' + c + '" placeholder="Specification" size="15" ></td><td> <input type="text" name="mark[]" class="form-control" value="" id="mark' + c + '" placeholder="Mark" size="5" ></td><td><a href="javascript:void(0);" class="remove_button" style="font-size: 29px;color: black;text-align: center;">-</a></td></tr></tbody></table></div>';
if (x <= maxField) {
x = x + 1;
c++; //Increment field counter
$(wrapper).append(fieldHTML); //Add field html
}
});
//Once remove button is clicked
$(wrapper).on('click', '.remove_button', function (e) {
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x--;
//Decrement field counter
});
var x1 = 1;
var maxField1 = 10;
//Input fields increment limitation
var addButton1 = $('.add_button1'); //Add button selector
var wrapper1 = $('.field_wrapper1'); //Input field wrapper
var c1 = 4
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton1).click(function () {
//Check maximum number of input fields
var fieldHTML1 = '<div class="table-responsive" style="margin-top:-15px;" ><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"></tbody> <tr><td><input type="text" name="companyname[]" class="form-control" placeholder="Company Name" id="companyname' + c1 + '" size="10" /></td><td><input type="text" name="position[]" class="form-control" id="position' + c1 + '" value="" placeholder="Position" size="10" /></td><td><input type="text" name="duration[]" value="" class="form-control" id="duration' + c1 + '" placeholder="Duration" size="10" /></td><td> <a href="javascript:void(0);" class="remove_button1" style="font-size: 29px;color: black;text-align: center;">-</a></td></tr></tbody></table></div>';
if (x1 != maxField1) {
x1 = x1 + 1;
c1++; //Increment field counter
$(wrapper1).append(fieldHTML1); //Add field html
}
});
//Once remove button is clicked
$(wrapper1).on('click', '.remove_button1', function (e) {
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x1--;
c1--; //Decrement field counter
});
var x2 = 1;
var maxField2 = 60;
// //Input fields increment limitation
var addButton2 = $('.add_button2'); //Add button selector
var wrapper2 = $('.field_wrapper2'); //Input field wrapper
var c2 = checkboxes+2;
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton2).click(function () {
//Check maximum number of input fields
var fieldHTML2 = '<div class="table-responsive" style="margin-top:-15px;"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"><tbody> <tr><td><textarea name="projectName[]" class="form-control" placeholder="Project Name" id="projectName' + c2 + '" size="10" /></textarea></td><td><textarea name="description[]" class="form-control" id="description' + c2 + '" value="" placeholder="Description" size="10" /></textarea></td><td><input type="text" name="technology[]" value="" class="form-control" id="technology' + c2 + '" placeholder="Technology" size="15"/></td><td> <select class="form-control" name="acadamic[]" id="acadamic'+c2+'"><option value="">Select</option><option>Academic</option><option>Non Academic</option></select><td> <a href="javascript:void(0);" class="remove_button2" style="font-size: 29px;color: black;text-align: center;width:100px;">-</a></td></tr></tbody></table></div>';
if (x2 != maxField2) {
x2 = x2 + 1;
c2++; //Increment field counter
$(wrapper2).append(fieldHTML2); //Add field html
}
});
//Once remove button is clicked
$(wrapper2).on('click', '.remove_button2', function (e) {
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x2--;
c2--; //Decrement field counter
});
var x3 = 1;
var maxField3 = 10;
//Input fields increment limitation
var addButton3 = $('.add_button3'); //Add button selector
var wrapper3 = $('.field_wrapper3'); //Input field wrapper
var c3 = 4
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton3).click(function () {
//Check maximum number of input fields
var fieldHTML3 = '<div class="table-responsive" style="margin-top:-15px;"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"> <tbody><tr><td><input type="text" name="achievements[]" class="form-control" placeholder="Achievements" id="achievements' + c3 + '" size="16.5"/><td> <a href="javascript:void(0);" class="remove_btn" title="Add field" style="font-size: 29px;color: black;text-align: center;">-</a></tr></tbody</table></div>';
if (x3 != maxField3) {
x3 = x3 + 1;
c3++; //Increment field counter
$(wrapper3).append(fieldHTML3); //Add field html
}
});
$(wrapper3).on('click', '.remove_btn', function (e) {
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x3--;
c3--; //Decrement field counter
});
//Once remove button is clicked
$(wrapper3).on('click', '.remove_button3', function (e) {
e.preventDefault();
$(this).parents('tr').remove(); //Remove field html
x3--;
c3--; //Decrement field counter
});
$('#check').click(function () {
if ($(this).is(':checked')) {
var address1 = $('#address1').val();
var address2 = $('#address2').val();
var address3 = $('#address3').val();
var pincode = $('#pincode').val();
$('#paddress1').val(address1);
$('#paddress2').val(address2);
$('#paddress3').val(address3);
$('#ppincode').val(pincode);
} else {
$('#paddress1').val('');
$('#paddress2').val('');
$('#paddress3').val('');
$('#ppincode').val('');
}
});
$('input[name="acadamic[]"]').change(function(){
var checkboxes = $('input[name="acadamic[]"]').length;
var searchIDs = $('input[name="acadamic[]"]').map(function(){
return this.value;
}).toArray();
$('#textInput').val(searchIDs);
});
});
$(document).ready(function () {
// var userLang = navigator.language || navigator.userLanguage;
// var options = $.extend({},
// $.datepicker.regional["en"], {
// dateFormat: "dd/mm/yy",
// changeMonth: true,
// changeYear: true,
// highlightWeek: true,
// yearRange: "1930:2031"
// }
// );
// $("#dob").datepicker(options);
$('#dob').datepicker({
altField: '#member_birthday',
altFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
dateFormat: 'dd/mm/yy',
showAnim: 'slideDown',
yearRange: '-125:+0',
onChangeMonthYear:function(y, m, i){
var d = i.selectedDay;
$(this).datepicker('setDate', new Date(y, m-1, d));
}
});
});
$("#profile_submit").click(function()
{
$(".pageloader").fadeIn();
})
</script>
<script type="text/javascript">
$('input[name="acadamic[]"]').change(function(){
var checkboxes = $('input[name="acadamic[]"]').length;
var searchIDs = $('input[name="acadamic[]"]').map(function(){
return this.value;
}).toArray();
$('#textInput').val(searchIDs);
});
$('input[type="checkbox"]').click(function () {
var inputValue = $(this).attr("value");
// alert(inputValue);
var tips_num=$("#tips_num").val();
if(tips_num==1)
{
var skills_added=$("#skills_added").val();
if(skills_added=='')
{
var skills_added=inputValue;
$("#skills_added").val(skills_added);
}
else
{
var skills_added=skills_added+','+inputValue;
$("#skills_added").val(skills_added);
}
}
if(tips_num==2)
{
var strength_added=$("#strength_added").val();
if(strength_added=='')
{
var strength_added=inputValue;
$("#strength_added").val(strength_added);
}
else
{
var strength_added=strength_added+','+inputValue;
$("#strength_added").val(strength_added);
}
}
if(tips_num==3)
{
var interest_added=$("#interest_added").val();
if(interest_added=='')
{
var interest_added=inputValue;
$("#interest_added").val(interest_added);
}
else
{
var interest_added=interest_added+','+inputValue;
$("#interest_added").val(interest_added);
}
}
});
$("#tips1").click(function()
{
$("#tips_num").val('1');
});
$("#tips2").click(function()
{
$("#tips_num").val('2');
});
$("#tips3").click(function()
{
$("#tips_num").val('3');
});
$("#tips4").click(function()
{
$("#tips_num").val('4');
});
$("#skills_add").click(function()
{
var skills_added=$("#skills_added").val();
$("#skills").val(skills_added);
$("#skills_write").html(skills_added);
});
$("#strength_add").click(function()
{
var strength_added=$("#strength_added").val();
$("#strengths").val(strength_added);
$("#strengths_write").html(strength_added);
});
$("#interest_add").click(function()
{
var interest_added=$("#interest_added").val();
$("#interests").val(interest_added);
$("#interests_write").html(interest_added);
});
$("#Experience_add").click(function()
{
$("#companyname1").val('Srishti Innovative');
$("#position2").val('Internship');
$("#duration3").val('6 Months');
});
$("#studName").keyup(function()
{
var studName=$("#studName").val();
$("#studName_write").html(studName);
});
$("#emailval").keyup(function()
{
var emailval=$("#emailval").val();
$("#emailval_write").html(emailval);
});
$("#mobile").keyup(function()
{
var mobile=$("#mobile").val();
$("#mobile_write").html(mobile);
});
$("#address1").keyup(function()
{
var address1=$("#address1").val();
$("#address1_write").html(address1);
});
$("#address2").keyup(function()
{
var address2=$("#address2").val();
$("#address2_write").html(address2);
});
$("#address3").keyup(function()
{
var address3=$("#address3").val();
$("#address3_write").html(address3);
});
$("#pincode").keyup(function()
{
var pincode=$("#pincode").val();
$("#pincode_write").html(pincode);
});
$("#career_objective").keyup(function()
{
var career_objective=$("#career_objective").val();
$("#career_objective_write").html(career_objective);
});
$("#interests").keyup(function()
{
var interests=$("#interests").val();
$("#interests_write").html(interests);
});
$("#strengths").keyup(function()
{
var strengths=$("#strengths").val();
$("#strengths_write").html(strengths);
});
$("#skills").keyup(function()
{
var skills=$("#skills").val();
$("#skills_write").html(skills);
});
$("#passyear1").keyup(function()
{
var passyear1=$("#passyear1").val();
$("#passyear1_write").html(passyear1);
});
$("#course1").keyup(function()
{
var course1=$("#course1").val();
$("#course1_write").html(course1);
});
$("#specification1").keyup(function()
{
var specification1=$("#specification1").val();
$("#specification1_write").html(specification1);
});
$("#board1").keyup(function()
{
var board1=$("#board1").val();
$("#board1_write").html(board1);
});
$("#mark1").keyup(function()
{
var mark1=$("#mark1").val();
$("#mark1_write").html(mark1);
});
$("#duration3").keyup(function()
{
var duration3=$("#duration3").val();
$("#duration3_write").html(duration3);
});
$("#position2").keyup(function()
{
var position2=$("#position2").val();
$("#position2_write").html(position2);
});
$("#companyname1").keyup(function()
{
var companyname1=$("#companyname1").val();
$("#companyname1_write").html(companyname1);
});
$("#projectName1").keyup(function()
{
var projectName1=$("#projectName1").val();
$("#projectName1_write").html(projectName1);
});
$("#description1").keyup(function()
{
var description1=$("#description1").val();
$("#description1_write").html(description1);
});
$("#technology1").keyup(function()
{
var technology1=$("#technology1").val();
$("#technology1_write").html(technology1);
});
$("#achievements4").keyup(function()
{
var achievements4=$("#achievements4").val();
$("#achievements4_write").html(achievements4);
});
document.getElementById('fileToUpload').onchange = function () {
var src = URL.createObjectURL(this.files[0])
document.getElementById('image').src = src
document.getElementById('image1').src = src
}
</script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|