Professional Documents
Culture Documents
EDUCATION
P
AP
PROJECT REPORT
n
tio
Job Interview
lu
So
SUBMITTED BY
TE
SB
2020-21
M
SUPERVISED BY
CERTIFICATE
This is to certify that the report of the project entitled
Job interview
Submitted by:
To the
P
AP
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION
In partial fulfillment of the requirement for the Course of
n
DIPLOMA IN INFORMATION TECHNOLOGY
tio
Has been satisfactorily carried out under the guidance of
In SEM V during the academic year 2020 – 2021
lu
So
___________________ ___________________
SB
___________________ ___________________
Content
1) Introduction
2) source code
3) output
Introduction
First impressions can play a major role in how an employer
perceives you as a candidate. What you say during the first
phase of the interview can make a difference in the outcome—
P
in a good way or in a bad way. You don't want to come across
AP
as awkward and lacking in social skills. Rather, you'll want to
show that you have the professionalism and communication
n
skills to be an asset to the company if hired.
tio
lu
So
P
AP
n
tio
lu
So
TE
SB
M
Login
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="CSS/Style.css">
<title>Login </title>
</head>
<body>
<div class="login-wrapper">
<form action="" class="form">
<img src="img/avatar.png" alt="">
<h2>Login</h2>
<div class="input-group">
<input type="text" name="loginUser" id="loginUser" required>
<label for="loginUser">User Name</label>
</div>
<div class="input-group">
P
<input type="password" name="loginPassword" id="loginPassword" required>
<label for="loginPassword">Password</label>
AP
</div>
<input type="submit" value="Login" class="submit-btn">
<a href="#forgot-pw" class="forgot-pw">Forgot Password?</a>
</form>
n
tio
<div id="forgot-pw">
lu
<form action="" class="form">
So
</div>
</body>
</html>
P
AP
n
tio
lu
<!DOCTYPE html>
<html lang="en">
So
<head>
<link rel="stylesheet" href="CSS/Style.css">
<title>Submit </title>
TE
</head>
<body>
SB
<div class="form-style-8">
<h2>Login to your account</h2>
<form>
M
<head>
<title>Job Finder — Colorlib Website Template</title>
<meta charset="utf-8">
TE
<link href="https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Work+Sa
ns:300,400,700" rel="stylesheet">
M
</head>
<body>
<div class="site-wrap">
<div class="site-mobile-menu">
P
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
AP
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
n
tio
</div> <!-- .site-mobile-menu -->
lu
So
<div class="container">
TE
<div class="col-2">
<h2 class="mb-0 site-
logo"><a href="index.html">Job<strong class="font-weight-
M
bold">Finder</strong> </a></h2>
</div>
<div class="col-10">
<nav class="site-navigation text-right" role="navigation">
<div class="container">
<div class="d-inline-block d-lg-none ml-md-0 mr-auto py-
3"><a href="#" class="site-menu-toggle js-menu-toggle text-
black"><span class="icon-menu h3"></span></a></div>
P
</ul>
</li>
AP
<li><a href="contact.html">Contact</a></li>
<li><a href="new-post.html"><span class="bg-primary text-
white py-3 px-4 rounded"><span class="icon-plus mr-
3"></span>Post New Job</span></a></li>
n
tio
</ul>
</div>
lu
</nav>
So
</div>
</div>
</div>
TE
</div>
</div>
</div>
SB
P
<div class="col-md-3">
<input type="submit" class="btn btn-search btn-primary btn-
AP
block" value="Search">
</div>
</div>
<div class="row">
n
tio
<div class="col-md-12">
<p class="small">or browse by category: <a href="#" class="cate
lu
gory">Category #1</a> <a href="#" class="category">Category #2</a></p>
So
</div>
</div>
TE
</form>
</div>
</div>
SB
</div>
</div>
M
<div class="site-section">
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto text-center mb-5 section-heading">
<h2 class="mb-5">Popular Categories</h2>
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-3 mb-3" data-aos="fade-up" data-
aos-delay="100">
<a href="#" class="h-100 feature-item">
<span class="d-block icon flaticon-calculator mb-3 text-
primary"></span>
<h2>Accounting / Finanace</h2>
<span class="counting">10,391</span>
</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 mb-3" data-aos="fade-up" data-
aos-delay="200">
<a href="#" class="h-100 feature-item">
<span class="d-block icon flaticon-wrench mb-3 text-
primary"></span>
<h2>Automotive Jobs</h2>
<span class="counting">192</span>
</a>
P
</div>
<div class="col-sm-6 col-md-4 col-lg-3 mb-3" data-aos="fade-up" data-
AP
aos-delay="300">
<a href="#" class="h-100 feature-item">
<span class="d-block icon flaticon-worker mb-3 text-
primary"></span>
n
tio
<h2>Construction / Facilities</h2>
<span class="counting">1,021</span>
lu
</a>
So
</div>
<div class="col-sm-6 col-md-4 col-lg-3 mb-3" data-aos="fade-up" data-
aos-delay="400">
TE
<h2>Telecommunications</h2>
<span class="counting">1,219</span>
</a>
M
</div>
<div class="col-sm-6 col-md-4 col-lg-3 mb-3" data-aos="fade-up" data-
aos-delay="500">
<a href="#" class="h-100 feature-item">
<span class="d-block icon flaticon-stethoscope mb-3 text-
primary"></span>
<h2>Healthcare</h2>
<span class="counting">482</span>
</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 mb-3" data-aos="fade-up" data-
aos-delay="600">
<a href="#" class="h-100 feature-item">
<span class="d-block icon flaticon-computer-graphic mb-3 text-
primary"></span>
<h2>Design, Art & Multimedia</h2>
<span class="counting">5,409</span>
</a>
</div>
<div class="col-sm-6 col-md-4 col-lg-3 mb-3" data-aos="fade-up" data-
aos-delay="700">
<a href="#" class="h-100 feature-item">
<span class="d-block icon flaticon-trolley mb-3 text-
primary"></span>
<h2>Transportation & Logistics</h2>
<span class="counting">291</span>
</a>
P
</div>
<div class="col-sm-6 col-md-4 col-lg-3 mb-3" data-aos="fade-up" data-
AP
aos-delay="800">
<a href="#" class="h-100 feature-item">
<span class="d-block icon flaticon-restaurant mb-3 text-
primary"></span>
n
tio
<h2>Restaurant / Food Service</h2>
<span class="counting">329</span>
lu
</a>
So
</div>
</div>
TE
</div>
</div>
SB
<div class="row">
<div class="col-md-8 mb-5 mb-md-0" data-aos="fade-up" data-aos-
delay="100">
<h2 class="mb-5 h3">Recent Jobs</h2>
<div class="rounded border jobs-wrap">
P
<div class="p-3">
<span class="text-info p-2 rounded border border-
AP
info">Full Time</span>
</div>
</div>
</a>
n
tio
<a href="job-single.html" class="job-item d-block d-md-flex align-
lu
items-center freelance">
So
auto">
</div>
<div class="job-details h-100">
SB
P
<h3>ReactJS Fullstack Developer</h3>
<div class="d-block d-lg-flex">
AP
<div class="mr-3"><span class="icon-suitcase mr-
1"></span> Cooper</div>
<div class="mr-3"><span class="icon-room mr-
1"></span> Anywhere</div>
n
tio
<div><span class="icon-money mr-
1"></span> $55000 — 70000</div>
lu
</div>
</div>
So
</div>
<div class="job-category align-self-center">
<div class="p-3">
TE
</div>
</div>
</a>
M
P
</div>
</a>
AP
<a href="job-single.html" class="job-item d-block d-md-flex align-
items-center partime">
n
<div class="company-logo blank-logo text-center text-md-left pl-
tio
3">
<img src="images/logo_2.png" alt="Image" class="img-fluid mx-
lu
auto">
So
</div>
<div class="job-details h-100">
<div class="p-3 align-self-center">
TE
<h3>Telecommunication Manager</h3>
<div class="d-block d-lg-flex">
<div class="mr-3"><span class="icon-suitcase mr-
SB
1"></span> Think</div>
<div class="mr-3"><span class="icon-room mr-
1"></span> London</div>
M
</div>
</div>
</div>
<div class="job-category align-self-center">
<div class="p-3">
<span class="text-danger p-2 rounded border border-
danger">Par Time</span>
</div>
</div>
</a>
</div>
<div class="col-md-12 text-center mt-5">
<a href="#" class="btn btn-primary rounded py-3 px-
5"><span class="icon-plus-circle"></span> Show More Jobs</a>
</div>
</div>
<div class="col-md-4 block-16" data-aos="fade-up" data-aos-delay="200">
<div class="d-flex mb-0">
<h2 class="mb-5 h3 mb-0">Featured Jobs</h2>
<div class="ml-auto mt-1"><a href="#" class="owl-custom-
prev">Prev</a> / <a href="#" class="owl-custom-next">Next</a></div>
</div>
P
<div class="border rounded p-4 bg-white">
AP
<h2 class="h5">Restaurant Crew</h2>
<p><span class="border border-warning rounded p-1 px-2 text-
warning">Freelance</span></p>
<p>
n
tio
<span class="d-block"><span class="icon-
suitcase"></span> Resto Bar</span>
lu
<span class="d-block"><span class="icon-
So
room"></span> Florida</span>
<span class="d-block"><span class="icon-money mr-
1"></span> $55000 — 70000</span>
TE
</p>
<p class="mb-
0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi neque fugit te
SB
mpora, numquam voluptate veritatis odit id, iste eum culpa alias, ut officiis omn
is itaque ad, rem sunt doloremque molestias.</p>
</div>
M
P
<span class="d-block"><span class="icon-
room"></span> Florida</span>
AP
<span class="d-block"><span class="icon-money mr-
1"></span> $55000 — 70000</span>
</p>
<p class="mb-
n
tio
0">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus esse, quam
consectetur ipsum quibusdam ullam ab nesciunt, doloribus voluptatum neque iure pe
lu
rspiciatis vel vero illo consequatur facilis, fuga nobis corporis.</p>
So
</div>
<p>
<span class="d-block"><span class="icon-
suitcase"></span> Resto Bar</span>
M
</div>
</div>
</div>
</div>
</div>
<div class="img-border">
<a href="https://vimeo.com/28959265" class="popup-vimeo image-
play">
<span class="icon-wrap">
P
<span class="icon icon-play"></span>
</span>
AP
<img src="images/hero_2.jpg" alt="Image" class="img-
fluid rounded">
</a>
</div>
n
tio
</div>
lu
<div class="col-md-5 ml-auto">
So
orem ipsum dolor sit amet, consectetur adipisicing elit. Odit nobis magni eaque v
elit eum, id rem eveniet dolor possimus voluptas..”</p>
<p>— <strong class="text-black font-weight-
M
</div>
</div>
</div>
</div>
P
<div class="site-section site-block-feature bg-light">
AP
<div class="container">
P
<p><a href="#">Read More <span class="icon-arrow-
right small"></span></a></p>
AP
</div>
</div>
</div>
</div>
n
tio
lu
So
</div>
</div>
M
<div class="media-with-text">
<div class="img-border-sm mb-4">
<a href="#" class="image-play">
<img src="images/img_1.jpg" alt="" class="img-fluid">
</a>
</div>
<h2 class="heading mb-0 h5"><a href="#">Jobs are made easy</a></h2>
<span class="mb-3 d-block post-
date">January 20, 2018 • By <a href="#">Josh Holmes</a></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio d
olores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</
p>
</div>
<div class="media-with-text">
<div class="img-border-sm mb-4">
<a href="#" class="image-play">
<img src="images/img_2.jpg" alt="" class="img-fluid">
</a>
</div>
<h2 class="heading mb-0 h5"><a href="#">Jobs are made easy</a></h2>
<span class="mb-3 d-block post-
date">January 20, 2018 • By <a href="#">Josh Holmes</a></span>
P
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio d
olores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</
AP
p>
</div>
<div class="media-with-text">
n
tio
<div class="img-border-sm mb-4">
<a href="#" class="image-play">
lu
<img src="images/img_3.jpg" alt="" class="img-fluid">
So
</a>
</div>
<h2 class="heading mb-0 h5"><a href="#">Jobs are made easy</a></h2>
TE
olores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</
p>
</div>
M
<div class="media-with-text">
<div class="img-border-sm mb-4">
<a href="#" class="image-play">
<img src="images/img_1.jpg" alt="" class="img-fluid">
</a>
</div>
<h2 class="heading mb-0 h5"><a href="#">Jobs are made easy</a></h2>
<span class="mb-3 d-block post-
date">January 20, 2018 • By <a href="#">Josh Holmes</a></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio d
olores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</
p>
</div>
<div class="media-with-text">
<div class="img-border-sm mb-4">
<a href="#" class="image-play">
<img src="images/img_2.jpg" alt="" class="img-fluid">
</a>
</div>
<h2 class="heading mb-0 h5"><a href="#">Jobs are made easy</a></h2>
<span class="mb-3 d-block post-
date">January 20, 2018 • By <a href="#">Josh Holmes</a></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio d
olores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</
p>
P
</div>
AP
<div class="media-with-text">
<div class="img-border-sm mb-4">
<a href="#" class="image-play">
n
<img src="images/img_3.jpg" alt="" class="img-fluid">
tio
</a>
</div>
lu
<h2 class="heading mb-0 h5"><a href="#">Jobs are made easy</a></h2>
So
olores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</
p>
</div>
SB
<div class="media-with-text">
<div class="img-border-sm mb-4">
M
<div class="media-with-text">
<div class="img-border-sm mb-4">
<a href="#" class="image-play">
<img src="images/img_2.jpg" alt="" class="img-fluid">
</a>
</div>
<h2 class="heading mb-0 h5"><a href="#">Jobs are made easy</a></h2>
<span class="mb-3 d-block post-
date">January 20, 2018 • By <a href="#">Josh Holmes</a></span>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio d
olores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</
p>
</div>
<div class="media-with-text">
P
<div class="img-border-sm mb-4">
<a href="#" class="image-play">
AP
<img src="images/img_3.jpg" alt="" class="img-fluid">
</a>
</div>
n
<h2 class="heading mb-0 h5"><a href="#">Jobs are made easy</a></h2>
tio
<span class="mb-3 d-block post-
date">January 20, 2018 • By <a href="#">Josh Holmes</a></span>
lu
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio d
So
olores culpa qui aliquam placeat nobis veritatis tempora natus rerum obcaecati.</
p>
</div>
TE
</div>
<div class="row">
SB
</div>
</div>
M
</div>
<footer class="site-footer">
<div class="container">
<div class="row">
<div class="col-md-4">
<h3 class="footer-heading mb-4 text-white">About</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat
quos rem ullam, placeat amet.</p>
<p><a href="#" class="btn btn-primary pill text-white px-
4">Read More</a></p>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<h3 class="footer-heading mb-4 text-white">Quick Menu</h3>
<ul class="list-unstyled">
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Approach</a></li>
<li><a href="#">Sustainability</a></li>
P
<li><a href="#">News</a></li>
<li><a href="#">Careers</a></li>
AP
</ul>
</div>
<div class="col-md-6">
n
<h3 class="footer-heading mb-4 text-white">Categories</h3>
tio
<ul class="list-unstyled">
<li><a href="#">Full Time</a></li>
lu
<li><a href="#">Freelance</a></li>
So
<li><a href="#">Temporary</a></li>
<li><a href="#">Internship</a></li>
</ul>
TE
</div>
</div>
</div>
SB
<div class="col-md-2">
M
</p>
</div>
</div>
</div>
<div class="row pt-5 mt-5 text-center">
<div class="col-md-12">
<p>
<!--
Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --
>
Copyright © <script data-cfasync="false" src="/cdn-
cgi/scripts/5c5dd728/cloudflare-static/email-
decode.min.js"></script><script>document.write(new Date().getFullYear());</script
> All Rights Reserved | This template is made with <i class="icon-heart text-
warning" aria-
hidden="true"></i> by <a href="https://colorlib.com" target="_blank" >Colorlib</a
P
>
<!--
AP
Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --
>
</p>
</div>
n
tio
</div>
lu
</div>
So
</footer>
</div>
TE
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
SB
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
M
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.countdown.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/bootstrap-datepicker.min.js"></script>
<script src="js/aos.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script src="js/main.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var mediaElements = document.querySelectorAll('video, audio'), to
tal = mediaElements.length;
P
}
}
AP
});
}
});
</script>
n
tio
lu
<script>
// This example displays an address form, using the autocomplete feature
So
braries=places">
var componentForm = {
street_number: 'short_name',
route: 'long_name',
locality: 'long_name',
administrative_area_level_1: 'short_name',
country: 'long_name',
postal_code: 'short_name'
};
function initAutocomplete() {
// Create the autocomplete object, restricting the search to geographical
// location types.
autocomplete = new google.maps.places.Autocomplete(
/** @type {!HTMLInputElement} */(document.getElementById('autocomplet
e')),
{types: ['geocode']});
// When the user selects an address from the dropdown, populate the addre
ss
// fields in the form.
autocomplete.addListener('place_changed', fillInAddress);
}
function fillInAddress() {
// Get the place details from the autocomplete object.
var place = autocomplete.getPlace();
P
for (var component in componentForm) {
document.getElementById(component).value = '';
AP
document.getElementById(component).disabled = false;
}
n
// Get each component of the address from the place details
tio
// and fill the corresponding field on the form.
for (var i = 0; i < place.address_components.length; i++) {
lu
var addressType = place.address_components[i].types[0];
So
if (componentForm[addressType]) {
var val = place.address_components[i][componentForm[addressType]];
document.getElementById(addressType).value = val;
TE
}
}
}
SB
function geolocate() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
var geolocation = {
lat: position.coords.latitude,
lng: position.coords.longitude
};
var circle = new google.maps.Circle({
center: geolocation,
radius: position.coords.accuracy
});
autocomplete.setBounds(circle.getBounds());
});
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7
SQ74_uJiULgl1JY0H2s&libraries=places&callback=initAutocomplete"
async defer></script>
</body>
</html>
P
AP
n
tio
lu
So
TE
SB
M
M
SB
TE
So
lu
tio
n
AP
P