Viewing file:  free_online_resume_builder_new.php (61.74 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">
.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: 700px;
overflow: scroll;
overflow-x: hidden;
}
</style>
<link rel="stylesheet" href="css/simpleLightbox.min.css">
<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-8 col-md-10 col-lg-10 col-xl-8 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;">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" required 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="">
</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]+" required 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>
</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;">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" required 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;">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" required size="12" value="" /></td>
<td><input type="text" name="board[]" id='board1' class="form-control" placeholder="Board" required size="12" value=""/></td>
<td><input type="text" name="passyear[]" id='passyear1' class="form-control" placeholder="Year" required size="12" value=""/></td>
<td><input type="text" name="specification[]" id='specification1' class="form-control" required placeholder="Specification" size="18" value=""/></td>
<td><input type="text" name="mark[]" id='mark1' class="form-control" placeholder="marks" required 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;"> Core Skills</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">
<input type="text" class="form-control" placeholder="Eg:PHP,MYSql" name="skills" id="skills" value="">
</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;"> Experience</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">
<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;"> 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;"> 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;">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;"> Strengths</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">
<input type="text" class="form-control" placeholder="Eg:Hardworking,Good Leadership" 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;"> Interests</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">
<input type="text" class="form-control" placeholder="Eg:Music,Cooking" 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;"> 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>
</form>
</div>
<div class="col-lg-4">
<div class="resume-view-section mt-4">
<div data-toggle="modal" data-target="#start" href="images/resume.png" class="viewer">
<img src="images/resume.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>
</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="padding: 15px; 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: #f4d3cc;float: right;width: 350px;min-height: 100%;color: #fff;padding: 25px 0;">
<div class="user-img" style="border: 1px solid #ccc;margin: 20px;padding: 20px 0px;background: #ccc;">
<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;" src="profile_default.jpg">
</div>
</div>
<div style="text-align: justify; color: #3d5c87; line-height: 23px; font-size: 14px; padding: 0px 20px;" class="">
<h6 class="subtitles" style=" font-weight: 600;text-transform: uppercase;float: left;width: 100%;padding: 7px 0px;font-size: 18px;letter-spacing: 0.2px;margin: 10px 0 15px;border-bottom: 1px solid #3d5c78; color: #3d5c78;">CAREER OBJECTIVE</h6>
<p id="career_objective_write">
Lorem ipsum dolor sit amet, consectetur adtuipiscing elit. Pellentesque vel mtuassa ut ipsum pretiu dddmasvds commotutudo. Pellentesque et arcu sit amet nulla efficitutur quarted intutttuterdum elementum etutuuuuu dolor. Maecenas sit amet venenatis lectus, ac sodales lorem.
</p>
</div>
<div class="contact-container container-block" style="margin-top: 15px;padding: 15px 20px; ">
<h6 class="subtitles" style=" font-weight: 600;text-transform: uppercase;float: left;width: 100%;padding: 7px 0px;font-size: 18px;letter-spacing: 0.2px;margin: 10px 0 15px;border-bottom: 1px solid #3d5c78; color: #3d5c78;">Contact Details</h6>
<ul style="color: #3d5c78; list-style: none; padding-left: 5px;">
<li style=" margin-bottom: 20px; " id="emailval_write"><i style="margin-right: 5px;" class="fas fa-envelope" aria-hidden="true"></i> Donec nec dictum neque</li>
<li style=" margin-bottom: 20px; font-size:14px;" id="mobile_write"><i style="margin-right: 8px;" class="fas fa-phone" aria-hidden="true"></i>9544417797</li>
<li style="line-height: 30px; display: flex; align-items: baseline; margin-bottom: 20px; font-size:14px;"><i style="margin-right: 10px;" class="fas fa-map-marker" aria-hidden="true"></i>
<p id="address1_write"></p>
<p id="address2_write"></p>
<p id="address3_write"></p>
<p id="pincode_write"></p></li>
</ul>
</div>
<div class="contact-container container-block" style="margin-top: 15px;padding: 15px 20px; ">
<h6 class="subtitles" style=" font-weight: 600;text-transform: uppercase;float: left;width: 100%;padding: 7px 0px;font-size: 18px;letter-spacing: 0.2px;margin: 10px 0 15px;border-bottom: 1px solid #3d5c78; color: #3d5c78;">Skills</h6>
<ul style="color: #3d5c78; padding-left: 20px;">
<li style=" margin-bottom: 10px; font-size:14px;" id="skills_write">Donec nec dictum neque</li>
</ul>
</div>
<div class="contact-container container-block" style="margin-top: 15px;padding: 15px 20px;">
<h6 style=" font-weight: 600;text-transform: uppercase;float: left;width: 100%;padding: 7px 0px;font-size: 18px;letter-spacing: 0.2px;margin: 10px 0 15px;border-bottom: 1px solid #3d5c78; color: #3d5c78;" class="subtitles">Strengths</h6>
<ul style="color: #3d5c78; padding-left: 20px;">
<li style=" margin-bottom: 10px; font-size:14px;" id="strengths_write">Donec nec dictum neque</li>
</ul>
</div>
<!--//interests-->
</section>
<!--//sidebar-wrapper-->
<section class="main-wrapper" style="padding: 0px !important; background: #fff; padding: 30px;width: 660px;min-height: 100%;float: left;">
<div style="background: #3d5c78; display: flex; margin-bottom: 30px; align-items: center; padding: 10px 30px; justify-content: space-between;" class="w-100">
<div class="name-area" style="margin: 10px; color: #ccc;">
<h2 style="font-size: 40px; margin: 0; padding: 0;" id="studName_write">Monalisa</h2>
<p style=" margin: 0; padding: 0;">Designation</p>
</div>
<div class="qr-code" style="padding: 5px; background: #fff; display: flex; align-items: center;justify-content: center;">
<img src="images/qr.png">
</div>
</div>
<div class="padd" style="padding: 30px;">
<div class="section education-section" style=" padding-left: 30px; 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;background: #f4d3cc;padding: 7px 10px; color: #3d5c78 !important;" class="section-title">EDUCATION</h3>
<div class="area-sec" style="padding:10px 20px;">
<div class="flx" style="display: flex; justify-content: space-between;">
<h4 style="color: #3d5c78 !important; margin: 0; padding: 0;" id="course1_write"> Lorem ipsm</h4>
<h4 style=" margin: 0; padding: 0;" id="passyear1_write">2010</h4>
<h4 style=" margin: 0; padding: 0;" id="mark1_write">90%</h4>
</div>
</div>
<!-- <div class="area-sec" style="padding:10px 20px;">
<div class="flx" style="display: flex; justify-content: space-between;">
<h4 style="color: #3d5c78 !important; margin: 0; padding: 0;"> Lorem ipsm</h4>
<h4 style=" margin: 0; padding: 0;">90%</h4>
</div>
</div>
<div class="area-sec" style="padding:10px 20px;">
<div class="flx" style="display: flex; justify-content: space-between;">
<h4 style="color: #3d5c78 !important; margin: 0; padding: 0;"> Lorem ipsm</h4>
<h4 style=" margin: 0; padding: 0;">90%</h4>
</div>
</div>
<div class="area-sec" style="padding:10px 20px;">
<div class="flx" style="display: flex; justify-content: space-between;">
<h4 style="color: #3d5c78 !important; margin: 0; padding: 0;"> Lorem ipsm</h4>
<h4 style=" margin: 0; padding: 0;">90%</h4>
</div>
</div> -->
</div>
<div class="section education-section" style="padding-left: 30px; 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;background: #f4d3cc;padding: 7px 10px; color: #3d5c78 !important;" class="section-title">WORK EXPERIENCE</h3>
<ul style="color: #3d5c78; padding-left: 23px;">
<li style=" margin-bottom: 10px; font-size:14px;" id="companyname1">Donec nec nec nteger elementum libero dictum iam libero neque</li>
<li style=" margin-bottom: 10px; font-size:14px;">Phasellu nec feugiat erats tincidunt</li>
<li style=" margin-bottom: 10px; font-size:14px;">DEtiam nteger elementum nec feugiat erats tincidunt libero ex, </li>
<li style=" margin-bottom: 10px; font-size:14px;">Integer elementum metus</li>
<li style=" margin-bottom: 10px; font-size:14px;">Sed nec nteger elementum libero ex feugiat erat,</li>
<li style=" margin-bottom: 10px; font-size:14px;">Phasellus tincidunt</li>
<li style=" margin-bottom: 10px; font-size:14px;">Etiam nteger elementum libero ex libero ex, </li>
</ul>
</div>
<div class="section education-section" style=" padding-left: 30px; 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;background: #f4d3cc;padding: 7px 10px; color: #3d5c78 !important;" class="section-title">PROJECTS</h3>
<div style="text-align: justify; color: #3d5c87; line-height: 23px; font-size: 14px; padding: 0px 23px;" class="">
<p style=" text-align: left;">
Lorem ipsum dolor sit amet, consectetur adtuipiscing elit. Pellentesque vel mtuassa ut ipsum pretiu dddmasvds commotutudo. Pellentesque et arcu sit amet nulla efficitutur quarted intutttuterdum
</p>
<p style=" text-align: left;">
Lorem ipsum dolor sit amet, consectetur adtuipiscing elit. Pellentesque vel mtuassa ut ipsum pretiu dddmasvds commotutudo. Pellentesque et arcu sit amet nulla efficitutur quarted intutttuterdum elementum etutuuuuu dolor. Maecenas sit amet venenatis lectus, ac sodales lorem. Nulla id vestibulum leo
</p>
</div>
</div>
<div class="section education-section" style=" padding-left: 30px; 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;background: #f4d3cc;padding: 7px 10px; color: #3d5c78 !important;" class="section-title">INTERESTS</h3>
<ul style="color: #3d5c78; padding-left: 23px;">
<li style=" margin-bottom: 10px; font-size:14px;">Donec nec dictum neque</li>
<li style=" margin-bottom: 10px; font-size:14px;">Phasellus tincidunt</li>
<li style=" margin-bottom: 10px; font-size:14px;">DEtiam libero ex, </li>
<li style=" margin-bottom: 10px; font-size:14px;">Integer elementum metus</li>
<li style=" margin-bottom: 10px; font-size:14px;">Sed nec feugiat erat,</li>
<li style=" margin-bottom: 10px; font-size:14px;">Phasellus tincidunt</li>
<li style=" margin-bottom: 10px; font-size:14px;">Etiam libero ex, </li>
</ul>
</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">
$("#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);
});
</script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|