3RD

Chapter-1
INTRODUCTION
1.1 OVERVIEW
Training and Placement is a type of digital distribution platform for websites. A website is a
collection of related web pages, including multimedia content, typically identified with a common
domain name, and published on at least one web server. A website may be accessible via a public
Internet Protocol (IP) network, such as the Internet, or a private local area network (LAN), by
referencing a uniform resource locator (URL) that identifies the site.
Websites have many functions and can be used in various fashions; a website can be a personal
website, a commercial website for a company, a government website or a non-profit organization
website. Websites are typically dedicated to a particular topic or purpose, ranging from
entertainment and social networking to providing news and education. All publicly accessible
websites collectively constitute the World Wide Web, while private websites, such as a company's
website for its employees, and are typically a part of an intranet.
Training and Placement maintaining the details of the students and gets the requested list of
candidates for the companies who would like to recruit the students based on the given query.
This project is aimed at developing an online website for the Training and Placement Dept. of the
college. The system is an online website that can be accessed throughout the organization and
outside as well with proper login provided. This system can be used as an application for the TPO
of the college to manage the student information with regards to placement. Students logging
should be able to upload their information in the form of a CV. Visitors/Company representatives
logging in may also access/search
Work in the application will be done in the following way:

1. The categories of CVs are decided and uploaded and define it formally.
2. A server is used for storing the CVs.
3. The front-page of the system is created giving a brief description about the system and a login
box
4. Other sub-systems like automatic notification, screens for various events are created. Like some
companies visiting the campus for placements. Statistics of the previous year’s placements.
5. A role of approver is also introduced. When the student uploads his/her CV, the approver should
approve the document.
1
1.2 ABOUT PROJECT
Our project provide the facility of maintaining the details of the students and gets the requested
list of candidates for the companies who would like to recruit the students based on the given
query. He/she can also provide their budget for training and the companies occur under their
budget. If he/she want to find the job on it then they have to upload their CV and skills on it.
1.3 FEATURES OF PROJECT

 Training and Placement Cell is a total management and informative system, which provides
the up-to date information of all the students in a particular college.
 Placement officer can easily collect student’ details, and approve the details provided by
them.
 As it is an online application, communication with placement officer is easy to students
and recruiters, so here intimating about new placements very easy task.
 Placement officer can send required materials used for placements preparation to students.
With this option preparation for placements becomes easy.
1.4 OBJECTIVES OF PROJECT

Training and Placement website provide user with a number of benefits, beyond the strict financial
gains.
Profile: - User friendly profile of website so that user feel homely and can easily access it without
any complicities problems.
Feedback: - User can also give feedback about their experience with our website if they like.
Developer: - Developer has access to upload their data and provide permission to user.
1.5 PLANNING OF WORK

Firstly, the rough analysis of the project was done such as front-end requirement, back-end
requirement with database. Then the front-end development was started so that people can interact
with the website easily and particularly for every age group. Numerous things were kept in mind
while designing the layout of the website such as easy access, user friendly, productive and most
importantly responsiveness. Making a website responsive is really important, reason being that it
should be accessed easily in every device or in every resolution, which can be achieved by
bootstrap and certain properties of CSS as well. Along with front-end development, it was
necessary to code the back-end part in order to check the functionality of the project during the
2
design process as well. Python programming language interacts with front end languages
efficiently which makes it easy to code and make a connection with the front-end. Similarly, the
database was also created in order to test the functionality of the project if it’s working accordingly
or not. This website is mostly based on database rather than fetching data from different platforms
so it was necessary to create the database which will give the desired output of the project to the
user.
3
Chapter-2
REQUIREMENT ANALYSIS AND SPECIFICATION
The analysis of this given project determines if it is:

 Technically feasible
 Economically feasible
 Time constraints
 Operationally feasible
Taking the analysis of a project is really essential as it defines whether the project will be able to
be developed under the given time, cost, technology etc. Thus checking its feasibility is really
important in order to execute the project efficiently.
2.1 SOFTWARE AND HARDWARE REQUIREMENTS

Software Interface:-
Operating system Windows 8.1
Front End Wamp , xampp , Apache.
Back End MySQL ,MS Access,
Table 2.1.1: Software Requirements

Hardware Interface:-
Hardware Type Recommended
RAM 4GB or higher
Processor Intel i3 or higher
Hard Drive Disk Space More than 10GB
Table 2.1.2: Hardware Requirements
2.2 SCHEDULE FEASIBILITY

Different time period was required for back-end as well as for front-end development. Firstly, the
schedule was created to create the user interface which took around 1 month and later the back-
end process was started and minor updates were undergoing regularly according to the requirement
and back-end process. It took 4 months to develop the website fully but incomplete database as
database is a vast concept which is always incomplete as it increases on regular basis.
4
2.3 FEASIBILITY STUDY
Preliminary investigation examines project feasibility, the likelihood the system will be useful to
the organization. The main objective of the feasibility study is to test the Technical, Operational
and Economical feasibility for adding new modules and debugging old running system. All
systems are feasible if they are given unlimited resources and infinite time. There are aspects in
the feasibility study portion of the preliminary investigation:
1. Technical Feasibility
2. Operation Feasibility
3. Economical Feasibility
2.4 TECHNICAL FEASIBILITY

The technical issue usually raised during the feasibility stage of the investigation includes the
following:
 Does the necessary technology exist to do what is suggested?
 Do the proposed equipment have the technical capacity to hold the data required to
use the new system?
 Will the proposed system provide adequate response to inquiries, regardless of the
number or location of users?
 Can the system be upgraded if developed?
 Are there technical guarantees of accuracy, reliability, ease of access and data
security?
2.5 OPERATIONAL FEASIBILITY

Proposed projects are beneficial only if they can be turned out into information systems, which
will meet the organization’s operating requirements. Operational feasibility aspects of the project
are to be taken as an important part of the project implementation.
Some of the important issues raised are to test the operational feasibility of a project includes the
following: –
5
 Is there sufficient support for the management from the users?
 Will the system be used and work properly if it is being developed and implemented?
 Will there be any resistance from the user that will undermine the possible
application benefits?
This system is targeted to be in accordance with the above-mentioned issues. Beforehand, the
management issues and user requirements have been taken into consideration. So there is no
question of resistance from the users that can undermine the possible application benefits.
The well-planned design would ensure the optimal utilization of the computer resources and would
help in the improvement of performance status.
2.6 ECONOMICAL FEASIBILITY

A system can be developed technically and that will be used if installed must still be a good
investment for the organization. In the economical feasibility, the development cost in creating the
system is evaluated against the ultimate benefit derived from the new systems. Financial benefits
must equal or exceed the costs. The system is economically feasible. It does not require any
additional hardware or software.
6
Chapter-3
DESIGN
The most creative and challenging phase of the system life cycle is system design. The term
design describes a final system and the process by which it is developed. It refers to the technical
specification that will be applied in implementing the candidate system.
The main step in design is to determine how the output to be produced and in what format.
System design is multistep process that focuses on the data structure software architecture
procedural detail and interface between the models. The design process also translates the
requirements. There are basically 3 types of design which are described below:
 Logical design
 Physical design
 Structural design

3.1 LOGICAL DESIGN:
Logical design describes the inputs outputs databases and procedural all in a format that meets
user requirements.
When analyst prepares the logical system design, they specify the user needs at a level of details
that virtually determines the information flow into and out of the system and the required data
resources.
3.2 PHYSICAL SYSTEM DESIGN:

Physical design produces the working system by defining the design specifications that tell the
programmers exactly what the candidate system must do. In turn the programmer writes the
necessary programs or modifies the software package that accepts input from the user, performs
the necessary calculations through the existing file or database , produces the report on a hard copy
or displays it on the screen and maintains an updated database at all the times.
3.3 STRUCTURAL DESIGN:

Structured design is a data flow based methodology. The approach begins with a system
specification then are used as a basis for the graphic representation data flow diagram (DFD).
3.4 DATA FLOW DIAGRAM:
7
The data flow diagram are commonly used during problem analysis. A DFD is very useful in
understanding the system effectively. Data flow diagramming is a graphical technique that depicts
the information flow and the transforms that are applied as data move from input to output. They
are a part of the structured model in the software development life cycle. A data flow diagram
(DFD) is a graphical representation of the “flow” of the data through an information system,
modelling its process aspects. A DFD shows what kind of information will be input to or output
from the system, where IT does show the information about the timing of the process or
information about whether processes will operate in sequence or in parallel. Data flow diagram is
graphical representation of data throw graphic form throw the symbol and data flow diagram and
flow chart throw we can show how they are working and what process they follow. Notations in
the DFD:
SYMBOL DESCRIPTION
The circle or bubble represents a process. A process is named and each
process is represented by a named circle.
The source or sink is represented as a rectangular box. The source or sink

is the net originator or the consumer of the data that flows in the system.
The arrow represents the flow of data through the system. The labelled
arrows enter or leave the bubbles.
The database is represented with the open box symbol.
Fig 3.4.1: Basic Data Flow Notation
3.5 ENTITY- RELATIONSHIP:

An entity- relationship (ER) diagram is a specialized graphic that illustrates the inter relationship
between entities in a database. ER diagrams often used symbols to represent three different types
of information. They are as follows:
NAME NOTATION DESCRIPTION

An entity is single object about which data can be
ENTITY stored it is the “subject” of a table. Entities and their
8
relationships are modelled through the use of entity
relationship diagrams.
A relationship is a named collection or association
RELATIONSHIP between entities or used to relate to two or more
entities or used to relate to two or more entities with
some common attributes or meaningful interaction
between the objects.
An attributes is a single data item related to a
ATTRIBUTES database object. The database schema associates
one or more attributes with each database entity.
Fig 3.5: ER-Diagram
3.6 TYPES OF SYSTEM DESIGN:

A system consists of components, which have the components of their own; indeed a system is a
hierarchy of components. The highest-level component corresponds to the total system. To design
such hierarchies there are two possible approaches.
3.6.1 TOP-DOWN DESIGN APPROACH:

The top-down approach starts from the highest-level component of the hierarchy and proceeds
through to lower levels. A top-down design approach starts by identifying the major components
of the system, decomposing them into their lower-level components and iterating until the desired
level of the detail is achieved.
Top-down design methods often result in some form of stepwise refinement. Top-down approach
is suitable only if the specifications of the system are clearly known and the system development
is from scratch. Top-down approaches require some idea about the feasibility of the components
specified during design.
3.6.2 BOTTOM-UP DESIGN APPROACH:

A bottom-up approach starts with the lowest-level component of the hierarchy and proceeds
through progressively higher levels to the top-level component. A bottom-up design approach
starts with the designing the most basic or primitive components and proceeds to higher-level
components that use these lower-level components. Bottom-up methods work with layers of
abstraction. A Bottom-up approach is more suitable, as it starts from some existing components.
9
For a Bottom-up approach to be successful, we must have a good notion of the top to which the
design should be heading
3.7 DATABASE DESIGN:

A decade ago, database was unique to large corporations with mainframes. Today it is recognized
as a standard of MIS and is available for virtually every size of computer. Before the database
concept became operational, users had programs that own data independent of other users. It was
a conventional file environment, common data are available and used by several users. Instead of
each program managing its own data, data across website are shared by authorized users with the
database software managing the data as an entity. A program now requests data through the data
base management system, which determines data sharing. The database design becomes very
crucial and important part of the system.
3.8 OBJECTIVES OF DATABASE:

The general theme behind a database is to handle information as an integrated whole. There is
none of artificiality that is normally embedded in separate files or applications. A database is a
collection of interrelated data stored with minimum redundancy to serve many users quickly
Main objective of database are to store the different type of data in different type of table throw
this process that give many advantages like as
 Easy to store
 Less time consuming
 Helpful for non-technical user
 Easy for working.
The Structured Query Language (SQL) is the set of instructions used to interact with a relational
database In fact, SQL is the only language that most databases understand. Whenever you interact
with such a database, the software translates your commands (whether they are mouse clicks or
form entries) into a SQL statement that the database knows how to interpret. SQL has three main
components: the Data Manipulation Language (DML) the Data Definition Language (DDL) and
the Data Control Language (DCL).
10
3.9 HOME:
Fig 3.9: Home page profile
3.10 ABOUT US:
Fig 3.10: About us page profile
11
3.11 SIGN UP:
Fig 3.10: Sign Up page profile
3.12 SIGN IN:
Fig 3.12: Sign in page profile
12
3.13 CONTACT US:
Fig 3.13: Contact us page profile
3.14 SERVICES:
Fig 3.14: Services page profile
13
3.15 PORTFOLIO:
Fig 3.15: Portfolio page profile
3.16 DATABASE.PHP:
Fig 3.16: Database page profile
14
Chapter- 4
CODING
4.1 HTML
Hypertext Markup Language (HTML) is the standard markup language for

creating webpages and web applications. With Cascading Style Sheets (CSS) and JavaScript it
forms a triad of cornerstone technologies for the World Wide Web. Web browsers receive HTML
documents from a web server or from local storage and render them into multimedia web pages.
HTML describes the structure of a web page semantically and originally included cues for the
appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs, images and
other objects, such as interactive forms, may be embedded into the rendered page. It provides a
means to create structured documents by denoting structural semantics for text such as headings,
paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written
using angle brackets. Tags such as <img/> and <input /> introduce content into the page directly.
Others such as <p>...</p> surround and provide information about document text and may
include other tags as sub-elements. Browsers do not display the HTML tags, but use them to
interpret the content of the page.
Example:
<html>
<head>
<title> Page Title </title>
</head>
<body>
<h1> This is a Heading </h1>
<p> This is a paragraph </p>
</body>
</html>
4.1.1 Heading Tags
15
Any document starts with a heading. You can use different sizes for your headings. HTML also
has six levels of headings, which use the elements <h1>, <h2>, <h3>, <h4>, <h5>, and <h6>.
While displaying any heading, browser adds one line before and one line after that heading.
4.1.2 Paragraph Tag

The <p> tag offers a way to structure your text into different paragraphs. Each paragraph of text
should go in between an opening <p> and a closing </p> tag.
4.1.3 Line Break Tag

Whenever you use the <br /> element, anything following it starts from the next line. This tag is
an example of an empty element, where you do not need opening and closing tags, as there is
nothing to go in between them.
The <br /> tag has a space between the characters br and the forward slash. If you omit this space,
older browsers will have trouble rendering the line break, while if you miss the forward slash
character and just use <br> it is not valid in XHTML
4.1.4 Centering Content

You can use <center> tag to put any content in the center of the page or any table cell.
4.1.5 Horizontal Lines

Horizontal lines are used to visually break up sections of a document. The <hr>tag creates a line
from the current position in the document to the right margin and breaks the line accordingly.
4.1.6 Preserve Formatting

Sometimes you want your text to follow the exact format of how it is written in the HTML
document. In those cases, you can use the preformatted tag <pre>.
Any text between the opening <pre> tag and the closing </pre> tag will preserve the formatting
of the source document.
4.2 CSS
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a
document written in a markup language. Although most often used to set the visual style of web
pages and user interfaces written in HTML and XHTML, the language can be applied to any XML
document, including plain XML, SVG and XUL, and is applicable to rendering in speech, or on
other media. Along with HTML and JavaScript, CSS is a cornerstone technology used by most
16
websites to create visually engaging webpages, user interfaces for web applications, and user
interfaces for many mobile applications.
CSS is designed primarily to enable the separation of document content from document
presentation, including aspects such as the layout, colors, and fonts. This separation can improve
content accessibility, provide more flexibility and control in the specification of presentation
characteristics, enable multiple HTML pages to share formatting by specifying the relevant CSS
in a separate .css file, and reduce complexity and repetition in the structural content.
Separation of formatting and content makes it possible to present the same markup page in
different styles for different rendering methods, such as on-screen, in print, by voice (via speech-
based browser or screen reader), and on Braille-based tactile devices. It can also display the web
page differently depending on the screen size or viewing device. Readers can also specify a
different style sheet, such as a CSS file stored on their own computer, to override the one the author
specified.
Changes to the graphic design of a document (or hundreds of documents) can be applied quickly
and easily, by editing a few lines in the CSS file they use, rather than by changing markup in the
documents.
The CSS specification describes a priority scheme to determine which style rules apply if more
than one rule matches against a particular element. In this so-called cascade, priorities (or weights)
are calculated and assigned to rules, so that the results are predictable.
The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet
media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998). The
W3C operates a free CSS validation service for CSS documents.
CSS has a simple syntax and uses a number of English keywords to specify the names of various
style properties.
A style sheet consists of a list of rules. Each rule or rule-set consists of one or more selectors, and
a declaration block.
4.2.1 Selector
In CSS, selectors declare which part of the markup a style applies to by matching tags and attributes
in the markup itself.
Selectors may apply to:
All elements of a specific type, e.g. the second-level headers h2
Elements specified by attribute, in particular:
Id: an identifier unique within the document
17
Class: an identifier that can annotate multiple elements in a document
Elements depending on how they are placed relative to others in the document tree.
Classes and IDs are case-sensitive, start with letters, and can include alphanumeric characters and
underscores. A class may apply to any number of instances of any elements. An ID may only be
applied to a single element.
4.3 PHP
PHP is a server scripting language, and a powerful tool for making dynamic and interactive Web
pages.
PHP is a widely-used, free, and efficient alternative to competitors such as Microsoft's ASP.
PHP is an acronym for "PHP: Hypertext Preprocessor"
PHP is a widely-used, open source scripting language
PHP scripts are executed on the server
PHP is free to download and use
What is a PHP File?
PHP files can contain text, HTML, CSS, JavaScript, and PHP code
PHP code are executed on the server, and the result is returned to the browser as plain HTML
PHP files have extension ".php"
4.3.1 What Can PHP Do?

PHP can generate dynamic page content
PHP can create, open, read, write, delete, and close files on the server
PHP can collect form data
PHP can send and receive cookies
PHP can add, delete, modify data in your database
PHP can be used to control user-access
PHP can encrypt data.
Why PHP?
PHP runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.)
PHP is compatible with almost all servers used today (Apache, IIS, etc.)
PHP supports a wide range of databases
PHP is free. Download it from the official PHP resource: www.php.net
PHP is easy to learn and runs efficiently on the server side
Example:
<html>
18
<body>
<?php
echo "My first PHP script!";
?>
</body>
</html>
4.4 HOME PAGE CODING
<?php
include("header1.php");
?>

<script src="js/bootstrap.js"></script>
</head>
<body>

<div class="banner">
<div id="kb" class="carousel kb_elastic animate_text kb_wrapper" data-ride="carousel" data-
interval="3000">

<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/tr1.jpg" style="height:500px;width:1350px" alt="" class="img-responsive" />
</div>
<div class="item"> 
<img src="images/tr2.jpg" alt="" class="img-responsive" />
</div>
<div class="item"> 
<img src="images/tr3.jpg"style="height:500px;width:1350px" alt="" class="img-responsive" />
</div>
</div>
</div>
</div>

19
<script src="js/jquery.knob.js"></script>
<script src="js/jquery.throttle.js"></script>
<?php
include("footer1.php");
?>
4.5 ABOUT US PAGE CODING

<div class="col-md-12 sign" id="about">
<label>About us</label>

</div>
<div class="col-md-12 khali">
</div>
<div class="col-md-4 ">
</div>
<div class="col-md-5">
<p class="abouttt">
<br>
<br>
<i class="fa fa-briefcase" style="font-size:15px; color:#00A99D;" class="a"></i>
<b>Regarding Job.</b><br>
Employment references can make or break job seekers at the end of the hiring process.<br><u>
Reality Check:</u> Never assume someone will give you a great reference but we will.
<br>
<br>
<i class="fa fa-child" style="font-size:15px; color:#00A99D;" class="a"></i>
<b>Regarding Traning.</b><br>
Training is teaching, or developing in oneself or others, any skills and knowledge that relate to
specific useful competencies. Training has specific goals of improving one's capability, capacity,
productivity and performance
<br>
<br>
we are the Intermediators we are just giving you a way rest is your hardwork to achieve anything
you want to.
</p>
</div>
</div>
</div>
20
<a name="about">
4.6 SIGN UP PAGE CODING

div class="col-md-3 top-right">
<a href="#" data-toggle="modal" data-target="#myModal2"><span></span>Sign Up </a>
4.7 SIGN IN CODING

<a href="#" data-toggle="modal" data-target="#myModal1"><span> </span>Sign In</a>
4.8 CONTACT US PAGE CODING
<div class="col-md-12 sign" id="contact">
<label>Contact us</label>
<p class="abouttt"></p>
</div>
</div>
</div>
4.9 SERVICE PAGE CODING

<div class="col-md-12 sign" >
<label>Services</label>
</div>
</div>
<div class="col-md-4 "> </div>
<div class="col-md-5" id="services"><i class="fa fa-building-o" style="font-size:60px;
color:#00A99D;" class="a"></i>
<label class="t"><q><i>Companies</u></i></q></label> </div>
<div class="col-md-3"> </div>
</div>
<div class="col-md-1" ><img src="images/leftArrows.png" height="170px";
width="97px";></div>
21
<div class="col-md-10 companies">
<img src="images/civil.png" height="80px"; width="180px";>
<img src="images/ha.png" height="80px"; width="180px";>
<img src="images/infosys.png" height="80px"; width="180px";>
<img src="images/intel.png" height="80px"; width="180px";>
<img src="images/mohindra.png" height="80px"; width="180px";>
<img src="images/sofi.png" height="80px"; width="180px";>
</div>
<div class="col-md-1"><img src="images/rightArrows.png" height="170px";
</div>
<div class="col-md-5"><i class="fa fa-cogs" style="font-size:60px; color:#00A99D;"
class="a"></i>
<label class="t"><q><i>Technologies</u></i></q></label> </div>
</div>
<div class="col-md-1"><img src="images/leftArrows.png" height="170px";
<img src="images/html.png" height="80px"; width="150px";>
<img src="images/php.png" height="80px"; width="150px";>
<img src="images/jquery-icon.png" height="80px"; width="150px";>
<img src="images/javalogo.png" height="80px"; width="100px";>
<img src="images/icon_solidworks.png" height="80px"; width="150px";>
<img src="images/clogo.png" height="80px"; width="150px";>
<img src="images/android-icon.png" height="80px"; width="150px";>
</div>
</div>
22
4.10 PORTFOLIO PAGE CODING
<div class="col-md-12 sign" id="portfolio">
<label>Portfolio</label>
</div>
</div>
4.11 FOOTER PAGE CODING


<div class="footer">
<div class="footer_agile_inner_info_w3l">
<div class="col-md-3 footer-left">
<h2><a href="index.html"><img src="images/logoo1.png " title="Traning & Placement"
style="margin-left:0px;margin-top:0px;"></a></h2>
<p>Explore your potential with us.
</p>
<div class="sociall" >
<ul type="none">
<li><p></p></li>
<li>
<a href="https://www.facebook.com/">
<i class="fa fa-facebook" title="Facebook" style="font-size:15px; color:#3A559F;"
class="a"></i>
</a>
</li>
</a>
<a href="https://plus.google.com/">
<li>
<li class="fa fa-google-plus" title="Googleplus" style="font-
size:15px;color:#C03121;"class="f"></li>
</li>
</a>
</ul>
</div>
</div>
<div class="col-md-9 footer-right">
<div class="sign-grds">
<div class="col-md-4 sign-gd">
<h4 class="abouttt">Our Information </h4>
23
<ul>
<li><a href="#home" class="scroll"style="margin-left: 97px;">Home</a></li><br>
<li><a href="#about" class="scroll" style="margin-left: 97px;">About</a></li><br>
<li><a href="#services" class="scroll" style="margin-left: 97px;">Services</a></li><br>
<li><a href="#portfolio" class="scroll" style="margin-left: 97px;">Portfolio</a></li><br>
<li><a href="#team" class="scroll" style="margin-left: 97px;">Team </a></li><br>
<li><a href="#contact" class="scroll" style="margin-left: 97px;">Contact</a></li>
</ul>
</div>
<div class="col-md-5 sign-gd-two">
<h4 class="abouttt">Company Information</span></h4>
<div class="w3-address">
<div class="w3-address-grid">
<div class="w3-address-left">
<i class="fa fa-phone" aria-hidden="true"></i>
</div>
<div class="w3-address-right">
<h6>Phone Number</h6>
<p>8894122453</p>
</div>
<div class="clearfix"> </div>
</div>
<i class="fa fa-envelope" aria-hidden="true"></i>
</div>
<h6>Email Address</h6>
<p><a href="https://mail.google.com/mail/u/0/#inbox">nt09691@gmail.com</a></p>
</div>
</div>
<i class="fa fa-map-marker" aria-hidden="true"></i>
</div>
<h6>Location</h6>
<p>Shimla, chopal 171210
</p>
</div>
</div>
</div>
24
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<p class="copy-right">© 2018. All rights reserved </p>
</div>
</div>


<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.countup.js"></script>
<script>
$('.counter').countUp();
</script>



<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</body>
</html>
4.12 HEADER PAGE CODING

<?php
if(!isset ($_SESSION))
{
session_start();
}
if(isset($_POST['submit']))
25
{
include("connection.php");
$b=$_POST['email'];
$z="select * from reg_tbl where email='$b'";
$y=mysqli_query($conn,$z);
if(mysqli_num_rows($y)>0)
{
echo '<script language="javascript">';
echo 'alert("Email_already_exist")';
echo '</script>';
}
else
{
$a=$_POST['fname'];
$c=$_POST['pass'];
$d=$_POST['cpass'];
$e=$_POST['no'];
$name=$_FILES['photo']['name'];
$path="pic/".$name;
move_uploaded_file($_FILES['photo']['tmp_name'],$path);
$o="insert into
reg_tbl(name,email,password,cpassword,number,pic)values('$a','$b','$c','$d','$e','$name')";
$p=mysqli_query($conn,$o);
if($p)
{
header("location:index.php?msg=Register_succesfull");
}
else
{
header("location:index.php?msg=Register_un_succesfull");
}
}
}
?>
26
<html>
<head>

<link rel="stylesheet" href="css/lightGallery.css" type="text/css" media="all" />

<link rel="stylesheet" href="css/hair.css">
<link rel="stylesheet" href="css/mislider.css">
<link rel="stylesheet" href="css/mislider-custom.css">
<link rel="stylesheet" href="css/zoomslider.css">
<link rel="stylesheet" href="css/elite.css">
<link rel="stylesheet" href="css/fitness.css">
<link rel="stylesheet" href="css/fitness_web.css">
<link rel="stylesheet" href="css/super.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="boot/bootstrap.min.css">
<link rel="icon" href="images/logoo.png">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-
awesome.min.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/surfer.css">
<link rel="stylesheet" href="css/slider.css">
<link rel="stylesheet" href="css/graduation.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<script src="js/.js"></script>
<script src="js/lightGallery.js"></script>

<script>
$(document).ready(function () {
27
$('.mobile-nav-button').on('click', function() {
$( ".mobile-nav-button .mobile-nav-button__line:nth-of-type(1)" ).toggleClass( "mobile-nav-
button__line--1");
button__line--2");
button__line--3");
$('.mobile-menu').toggleClass('mobile-menu--open');
return false;
});
});
</script>
<script>
function fun1()
{
var a=document.getElementById("password").value;
var b=document.getElementById("cpassword").value;
if(a!=b)
{
alert("password didn't match");
return false;
}
else
{
return true;
}
}
</script>
<script>
function fun()
{
var a=document.getElementById("password").value;
var b=document.getElementById("cpassword").value;
if(a!=b)
28
{
alert("password didn't match");

return false;
}
else
{
return true;
}
user=document.getElementById("user").value;
email=document.getElementById("email").value;
pass=document.getElementById("password").value;
userV=/^[A-Z]+[a-z]+$/;
emailV=/^[A-Z]+[0-9]+[@]+[gmail]+[.]+[com]+$/;
passV=/^[A-Z]+[0-9]+[@$&]+[a-z]+$/;
if(!userV.test(user))
{
alert("please Enter the First letter Capital in Username");
return false;
}
else if(!emailV.test(email))
{
alert("Pls Enter the First letter Capital and then use numbers in Email");
return false;
}
else if (!passV.test(pass))
{
alert("Please Enter First Letter Capital and use number in between and special characters and end
with small letter in passward");
return false;
}
else if(pass.length<5 || pass.length>15)
{
alert("min 5 0r max 15 allowed");
29
}
else
{
alert("Register Succesfull");
return true;
}
}
</script>




jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>


<script src="js/mislider.js" type="text/javascript"></script>
jQuery(function ($) {
var slider = $('.mis-stage').miSlider({
// The height of the stage in px. Options: false or positive integer. false = height is calculated
using maximum slide heights. Default: false
stageHeight: 380,
// Number of slides visible at one time. Options: false or positive integer. false = Fit as many as
possible. Default: 1
slidesOnStage: false,
// The location of the current slide on the stage. Options: 'left', 'right', 'center'. Defualt: 'left'
slidePosition: 'center',
30
// The slide to start on. Options: 'beg', 'mid', 'end' or slide number starting at 1 - '1','2','3', etc.
Defualt: 'beg'
slideStart: 'mid',
// The relative percentage scaling factor of the current slide - other slides are scaled down.
Options: positive number 100 or higher. 100 = No scaling. Defualt: 100
slideScaling: 150,
// The vertical offset of the slide center as a percentage of slide height. Options: positive or
negative number. Neg value = up. Pos value = down. 0 = No offset. Default: 0
offsetV: -5,
// Center slide contents vertically - Boolean. Default: false
centerV: true,
// Opacity of the prev and next button navigation when not transitioning. Options: Number
between 0 and 1. 0 (transparent) - 1 (opaque). Default: .5
navButtonsOpacity: 1,
});
});
</script>

<title>Training and Placement</title>
</head>
<body>
<div class="col-md-12 background" style=" overflow: hidden;
position: fixed;
z-index: 999;
height:123px;">
<div class="col-md-6 nav1">
<span style="color:red;font-size:13px;" class="glyphicon glyphicon-earphone" > <span
style="color:white;font-size:19px;">8894122453</span> </span><br>
</div>
</div>
<div class="social" >
<ul type="none">
31
<li>
<a href="https://www.facebook.com/TP-248371899062443/?modal=admin_todo_tour">
<i class="fa fa-facebook" title="Facebook" style="font-size:15px; color:#3A559F;"
class="a"></i>
</a>
</li>
<a
href="https://accounts.google.com/ServiceLogin/signinchooser?service=mail&passive=true&rm
=false&continue=https%3A%2F%2Fmail.google.com%2Fmail%2F&ss=1&scc=1&ltmpl=defaul
t&ltmplcache=2&emr=1&osid=1&flowName=GlifWebSignIn&flowEntry=ServiceLogin">
<li>
<li class="fa fa-google-plus" title="Googleplus" style="font-
size:15px;color:#C03121;"class="f"></li>
</li>
</a>
</ul>
</div>
</div>
<div class="col-md-3 right">
<a href="index.php"><img src="images/logoo1.png " title="Traning & Placement"
style="margin-left:100px;margin-top:-20px;"></a>
<div class="header-top">
<div class="container banner-drop">
<div class="w3_menu">
<div class="mobile-nav-button"> 
<div class="mobile-nav-button__line"></div>
</div>
<nav class="mobile-menu"> 
<ul>
<li class="active"><a href="index.php">Home</a></li>
<li><a href="#about" class="scroll">About</a></li>
<li><a href="#services" class="scroll">Services</a></li>
32
<li><a href="#portfolio" class="scroll">Portfolio</a></li>
<li><a href="#team" class="scroll">Our Team</a></li>
<li><a href="#contact" class="scroll">Contact</a></li>
</ul>
</nav>
</div>
<div class="clearfix"> </div></div></div>
</div>

<a href="#home" class="scroll"><div class="col-md-1 nav2 services-left ">
<div class="serw3agile-grid">
<span class="hi-icon hi-icon-archive glyphicon glyphicon-home" ><b>Home</b></span>
</div></a>
</div>
<a href="#about" class="scroll"><div class="col-md-1 nav2 services-left ">
<span class="hi-icon hi-icon-archive glyphicon glyphicon-info-sign "><b>About </b></span>
</div></a>
</div>
<a href="#services" class="scroll"><div class="col-md-1 nav2 services-left">
<span class="hi-icon hi-icon-archive glyphicon glyphicon-cog"><b>Services</b></span>
</div>
</div></a>
<a href="#portfolio" class="scroll"><div class="col-md-1 nav2 services-left">
<span class="hi-icon hi-icon-archive glyphicon glyphicon-picture"><b>Portfolio</b></span>
</div>
</div></a>
<a href="#team" class="scroll"><div class="col-md-1 nav2 services-left">
<span class="hi-icon hi-icon-archive glyphicon glyphicon-user"><b>Team</b></span>
</div>
</div></a>
33
<a href="#contact" class="scroll"><div class="col-md-1 nav2 services-left">
<span class="hi-icon hi-icon-archive glyphicon glyphicon-envelope "><b>Contact </b></span>

</div>
</div></a>

<div class="top">
<div class="col-md-3 top-right">
<a href="#" data-toggle="modal" data-target="#myModal2"><span></span>Sign Up </a>
<a href="#" data-toggle="modal" data-target="#myModal1"><span> </span>Sign In</a>
</div>
</div>

</div>

</div>


<div class="modal video-modal fade" id="myModal1" tabindex="-1" role="dialog" aria-
labelledby="myModal1">
<div class="modal-dialog" role="document">
34
<div class="modal-content">
<div id="small-dialog1" class="mfp-hide book-form">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-
hidden="true">×</span></button>
<a href="index.php"><img src="images/logoo.png " title="Traning & Placement"
style="margin-left:100px; height:130px; width:130px;"></a>
<h3 class="Aquarius_span">Sign In</h3>
<form action="login_action.php" method="post">
<input type="text" name="name" class="email" placeholder="Enter your Name" required=""/>
<input type="password" name="pass" class="password" placeholder="Enter your Password"
required=""/>
<ul>
<li>
<input type="checkbox" id="brand1" value="">
<label for="brand1"><span></span>Remember me</label>
</li>
</ul>
<a href="#">Forgot Password?</a><br>
<input type="submit" value="Sign In">
</form>
</div>
</div>
</div>
</div>


<div class="modal video-modal fade" id="myModal2" tabindex="-1" role="dialog" aria-
labelledby="myModal2">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div id="small-dialog2" class="mfp-hide book-form">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-
hidden="true">×</span></button>
35
<a href="index.php"><img src="images/logoo.png " title="Traning & Placement"
style="margin-left:100px; height:130px; width:130px;"></a>
<h3 class="Aquarius_span">Sign Up</h3>
<table>
<form method="post" onsubmit="fun1()" action="<?php echo $_SERVER['PHP_SELF'];?>"
enctype="multipart/form-data">
<tr>
<th class="Aquarius_span">Name<sup style="color:red;">*</sup></th>
<td><input class="textbox" type="text" placeholder="Enter your name" name="fname"
id="user" required="" </td>
</tr>
<tr>
<th class="Aquarius_span">Email<sup style="color:red;">*</sup></th>
<td><input class="textbox" type="email" placeholder="Enter your email" id="email" data-
error="That email address is invalid" name="email" required="" /></td>
</tr>
<tr>
<th class="Aquarius_span">Password<sup style="color:red;">*</sup></th>
<td><input class="textbox" type="password" placeholder="Enter your password" name="pass"
id="password" required=""></td>
</tr>
<tr>
<th class="Aquarius_span"> CPassword<sup style="color:red;">*</sup></th>
<td><input class="textbox" type="password" placeholder="Enter your confirm password"
name="cpass" id="cpassword"required=""></td>
</tr>
<tr>
<th class="Aquarius_span"> Number <sup style="color:red;">*</sup></th>
<td><input class="textbox" type="text" placeholder="Enter your Contact Number" name="no"
required=""></td>
</tr>
<tr>
<th class="Aquarius_span">Image<sup style="color:red;">*</sup></th>
36
<td><input style="color:black; margin-left:-5px;" type="file" name="photo"
required=""/></td>
</tr>
<tr><th style="color:white;">GO</th>
<td>
<input type="submit" value="Sign Up" name="submit"></tr></td>
</form>
</table>
</div>
</div>
</div>
</div>

4.13 INDEX PAGE CODING

<?php
include("header.php");
?>
<div class="clearfix" id="home"> </div>
<div class="khali"> </div>
<div class="back" >
<div class="col-md-12 slider" >
<div class="slideshow-container" id="home">
<div class="mySlides fade">
<div class="numbertext"></div>
<img src="images/new/1.jpg" style="width:100% ; height:470px;">
<div class="text"><h1></h1></div>
</div>
<img src="images/new/2.jpg" style="width:100%;height:470px;">
37
</div>
<img src="images/new/3.jpg" style="width:100%; height:470px;">
</div>
</div>
</div>
</div>
<a href="#about" class="scroll"><div class="thim-click-to-bottom">
<i class="fa fa-chevron-down"></i>

</div>
</a>
</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides()
{
var i;
38
var slides = document.getElementsByClassName("mySlides");
var dots = document.getElementsByClassName("dot");
for (i = 0; i < slides.length; i++)
{
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex> slides.length) {slideIndex = 1}
for (i = 0; i < dots.length; i++)
{
dots[i].className = dots[i].className.replace(" active", "");
}
slides[slideIndex-1].style.display = "block";
setTimeout(showSlids,1500); // Change image every 2 seconds
}
</script>
</div>

<div class="col-md-12 sign" id="about">
<label>About us</label>

</div>
</div>
</div>
<div class="col-md-5">
<p class="abouttt">
<br>
<br>
<i class="fa fa-briefcase" style="font-size:15px; color:#00A99D;" class="a"></i>
<b>Regarding Job.</b><br>
Employment references can make or break job seekers at the end of the hiring process.<br><u>
Reality Check:</u> Never assume someone will give you a great reference but we will.
39
<br>
<br>
<i class="fa fa-child" style="font-size:15px; color:#00A99D;" class="a"></i>
<b>Regarding Traning.</b><br>
Training is teaching, or developing in oneself or others, any skills and knowledge that relate to
specific useful competencies. Training has specific goals of improving one's capability, capacity,
productivity and performance
<br>
<br>
we are the Intermediators we are just giving you a way rest is your hardwork to achieve anything
you want to.
</p>
</div>
</div>
</div>
<a name="about">
<div class="col-md-12 sign" >
<label>Services</label>
</div>
</div>
<div class="col-md-5" id="services"><i class="fa fa-building-o" style="font-size:60px;

color:#00A99D;" class="a"></i>
<label class="t"><q><i>Companies</u></i></q></label> </div>
</div>
<div class="col-md-1" ><img src="images/leftArrows.png" height="170px";
40
<img src="images/civil.png" height="80px"; width="180px";>
<img src="images/ha.png" height="80px"; width="180px";>
<img src="images/infosys.png" height="80px"; width="180px";>
<img src="images/intel.png" height="80px"; width="180px";>
<img src="images/mohindra.png" height="80px"; width="180px";>
<img src="images/sofi.png" height="80px"; width="180px";>
</div>
</div>
<div class="col-md-5"><i class="fa fa-cogs" style="font-size:60px; color:#00A99D;"
class="a"></i>
<label class="t"><q><i>Technologies</u></i></q></label> </div>
</div>
<div class="col-md-1"><img src="images/leftArrows.png" height="170px";
<img src="images/html.png" height="80px"; width="150px";>
<img src="images/php.png" height="80px"; width="150px";>
<img src="images/jquery-icon.png" height="80px"; width="150px";>
<img src="images/javalogo.png" height="80px"; width="100px";>
<img src="images/icon_solidworks.png" height="80px"; width="150px";>
<img src="images/clogo.png" height="80px"; width="150px";>
<img src="images/android-icon.png" height="80px"; width="150px";>
</div>
</div>
41
<div class="col-md-12 sign" id="portfolio">
<label>Portfolio</label>
</div>
</div>

<div class="team-bottom gallery" id="gallery">
<div class="heading">
</div>
<div class="w3layouts_gallery_grids">
<ul class="w3l_gallery_grid" id="lightGallery">
<li data-title="Graduation" data-desc="Lorem Ipsum is simply dummy text of the printing."
data-src="images/g21.jpg" data-responsive-src="images/g1.jpg">
<div class="w3layouts_gallery_grid1 box">
<a href="#">
<img src="images/g21.jpg" alt=" " class="img-responsive" />
</a>
</div>
</li>
data-src="images/g2.jpg">
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
42
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
</a>
</div>
</li>
43
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
44
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
</a>
</div>
</li>
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
45
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
<a href="#">
<div class="box">
</div>
</a>
</div>
</li>
</ul>
</div>
</div>

<div class="col-md-12 sign" id="team">
<label>Our Team</label>
</div>


46
</div>
<div class="col-md-4 top_brand_left">
<div class="hover14 column">
<div class="agile_top_brand_left_grid">
<div class="agile_top_brand_left_grid1">
<figure>
<div class="snipcart-item block" >
<div class="snipcart-thumb">
<a href="https://www.facebook.com/himanshu.batheja.144"><img title=" " alt=" "
src="images/ceo1.jpg" height="180px;" width="180px;"style="border-radius:50%;"/> </a>
<p class="abouttt">Himanshu</p>
<div class="stars">
<i class="fa fa-facebook blue-star" aria-hidden="true"></i>
<i class="fa fa-google-plus gray-star" aria-hidden="true"></i>
</div>
<h4>Web Designer </h4>
</div>
<div class="snipcart-details top_brand_home_details">
<form action="https://www.facebook.com/himanshu.batheja.144" method="post">
<fieldset>
<input type="submit" name="submit" value="Connect..." class="button" />
</fieldset>
</form>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
47
<figure>
<a href="https://www.facebook.com/profile.php?id=100009338966688"><img title=" " alt=" "
src="images/mandeep.jpg" height="180px;" width="180px;"style="border-radius:50%;"/></a>
<p class="abouttt">Mandeep singh</p>
<div class="stars">
</div>
<h4>Android Developer</h4>
</div>
<form action="https://www.facebook.com/profile.php?id=100009338966688" method="post">
<fieldset>
</fieldset>
</form>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
<figure>
48
<a href="https://www.facebook.com/niteshDsharma"><img title=" " alt=" "
src="images/nitesh.jpg" height="180px;" width="180px;"style="border-radius:50%;"/></a>
<p class="abouttt">Nitesh sharma</p>
<div class="stars">
</div>
<h4>Java Developer</h4>
</div>
<form action="https://www.facebook.com/niteshDsharma" method="post">
<fieldset>
</fieldset>
</form>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
</div>
<figure>
<a href="https://www.facebook.com/meenakshi.goyal.750"><img title=" " alt=" "
src="images/meenakshi mam.jpg" height="180px;" width="180px;"style="border-
radius:50%;"/></a>
49
<p class="abouttt">Meenakshi goyal </p>
<div class="stars">
</div>
<h4>Php Developer</h4>
</div>
<form action="https://www.facebook.com/meenakshi.goyal.750" method="post">
<fieldset>
</fieldset>
</form>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
<figure>
<a href="https://www.facebook.com/vipul.sharma.338658"><img title=" " alt=" "
src="images/vipul sirr.jpg" height="180px;" width="180px;"style="border-radius:50%;"/></a>
<p class="abouttt">Vipul sharma</p>
<div class="stars">
</div>
50
<h4>Python Developer</h4>
</div>
<form action="https://www.facebook.com/vipul.sharma.338658" method="post">
<fieldset>
</fieldset>
</form>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
<figure>
<a href="https://www.facebook.com/pradeepjoam"><img title=" " alt=" " src="images/p.jpg"
height="180px;" width="180px;" style="border-radius:50%;"/></a>
<p class="abouttt">Pardeep joam</p>
<div class="stars">
</div>
<h4>Angular Developer</h4>
</div>
<form action="https://www.facebook.com/pradeepjoam" method="post">
<fieldset>
51
</fieldset>
</form>
</div>
</div>
</figure>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="col-md-12 sign">
<label>Subscribe us</label>
</div>
</div>
</div>

<div class="subscribe">
<div class="container">
<p class="abouttt"><q>You can also subscribe us for more details and more
information.</q></p>
</div>
<form action="subscribe_action.php" method="post">
52
<input type="email" name="email" placeholder="Enter your email..." required="">
<input type="submit" value="Subscribe">
</form>
</div>
</div>



<div class="col-md-12 sign" id="contact">
<label>Contact us</label>
</div>
</div>
</div>
<div class="contact" id="contact">
<div class="container">
<h5 class="abouttt">Need Help? Make a call</h5>
<h4 class="abouttt">8894122453</h4>
</div>
<form action="contactus_action.php" method="post">
<div class="col-lg-4 col-md-4 col-sm-4">
<div class="control-group form-group">
<div class="controls">
<input type="text" name="fname" class="form-control" id="name" required data-validation-
required-message="Please enter your name." placeholder="Your Name*"><i class="fa fa-user"
aria-hidden="true"></i>
<p class="help-block"></p>
</div>
</div>
</div>
53
<input type="email" name="email" class="form-control" id="email" required data-validation-
required-message="Please enter your email address." placeholder="Email*"><i class="fa fa-
envelope" aria-hidden="true"></i>
</div>
</div>
</div>
<input type="text" name="no" class="form-control" id="name1" required data-validation-
required-message="Please enter your phone number." placeholder="Phone number*"><i
class="fa fa-phone" aria-hidden="true"></i>
<p class="help-block"></p>
</div>
</div>
</div>
<textarea rows="10" cols="100" name="msg" class="form-control" id="message" required data-
validation-required-message="Please enter your message" maxlength="999" style="resize:none"
placeholder="Message*"></textarea>
</div>
</div>
</div>
<div id="success"></div>

<div class="col-lg-12 col-md-12 col-sm-12 center">
<button type="submit" class="btni .btn-primaryy"><p class="blacki">Send</p></button>
</div>
54
</form>
</div>
</div>



<label>Find us on Map!</label>
</div>

<div class="map">
<iframe class="googlemaps"
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d13721.037768892174!2d76.
719976!3d30.711106!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x1a7a31ddd35e4877!2sT
echlive+Solutions!5e0!3m2!1sen!2sin!4v1508155763242" width="800" height="600"
frameborder="0" style="border:0" style="border:0" allowfullscreen></iframe>
</div>

</div>
</div>
<?php
include("footer.php");
?>
4.13 REGISTER PAGE CODING

<?php
include("header.php");
?>
<?php
include("connection.php");
$b=$_POST['email'];
55
$z="select * from reg_tbl where email='$b'";
$y=mysqli_query($conn,$z);
if(mysqli_num_rows($y))
{
echo "Email_already_exist";
}
else
{
$a=$_POST['fname'];
$c=$_POST['pass'];
$d=$_POST['cpass'];
$e=$_POST['no'];
$f=$_POST['loc'];
$g=$_POST['cv'];
$h=$_POST['nill'];
$i=$_POST['qualify'];
$j=$_POST['specify'];
$k=$_POST['pass_year'];
$l=$_POST['clg'];
$m=$_POST['skills'];
$o="insert into
reg_tbl(name,email,password,cpassword,number,location,resume,pic,qualifications,specification
s,passing_year,clg,skills)values('$a','$b','$c','$d','$e','$f','$g','$h','$i','$j','$k','$l','$m')";
$p=mysqli_query($conn,$o);
if($p)
{
header("location:index.php?msg=Register_succesfull");
}
else
{
header("location:index.php?msg=Register_un_succesfull");
}
}
?>
56
function getAlert(txt) {
if (!txt.value) {
alert("(eg:-Ram)");
txt.focus(); //Keep focus on this input
}
};
function getAlert1(txt) {
if (!txt.value) {
alert("(eg:-Hunny1@gmail.com)");
txt.focus(); //Keep focus on this input
}
};
</script>
<div class="col-md-12" style="height:150px;">
</div>
<div class="back" >
<label>Sign Up</label>
</div>
<div class="col-md-12" style="height:50px;">
</div>
<div class="col-md-3"></div>
<div class="col-md-5" style="background-color: #fff; border: 1px solid rgba(0,0,0,.2); border-
radius: 6px; outline: 0; ">
<br>
<table>
<form method="post" action="<?php echo $_SERVER['PHP_SELF'];?>">
<tr>
<th class="Aquarius_span">Name<sup style="color:red;">*</sup></th>
<td><input class="textbox" type="text" placeholder="Enter your name" name="fname"
required="" </td>
</tr>
<tr>
57
<th class="Aquarius_span">Email<sup style="color:red;">*</sup></th>
<td><input class="textbox" type="email" placeholder="Enter your email" data-error="That
email address is invalid" name="email" required="" onfocus="getAlert1(this)"/></td>
</tr>
<tr>
<th class="Aquarius_span">Password<sup style="color:red;">*</sup></th>
<td><input class="textbox" type="password" placeholder="Enter your password" name="pass"
required=""></td>
</tr>
<tr>
<th class="Aquarius_span"> CPassword<sup style="color:red;">*</sup></th>
<td><input class="textbox" type="password" placeholder="Enter your confirm password"
name="cpass" required=""></td>
</tr>
<tr>
<th class="Aquarius_span"> Number <sup style="color:red;">*</sup></th>
<td><input class="textbox" type="text" placeholder="Enter your Contact Number" name="no"
required=""></td>
</tr>
<tr>
<th class="Aquarius_span">Location</th>
<td><input class="textbox" type="text" placeholder="Enter your Location" name="loc" /></td>
</tr>
<tr>
<th class="Aquarius_span">Resume<sup style="color:red;">*</sup></th>
<td><input style="color:white; margin-left:-5px;" type="file" placeholder="Enter your
Location" name="cv" /></td>
</tr>
<tr>
<th class="Aquarius_span">Qualification<sup style="color:red;">*</sup></th>
<td ><select style="margin-left:5px;width:97%;">
<option>M.tech</option><option>B.tech</option><option>Diploma</option>
</select></td>
</tr>
58
<tr>
<th class="Aquarius_span">Specialization<sup style="color:red;">*</sup></th>
<option>CSE</option><option>ME</option><option>ECE</option><option>EE</option><opt
ion>IT</option>
</select></td>
</tr>
<tr>
<th class="Aquarius_span">College</th>
<td><input class="textbox" type="text" placeholder="Enter your College Name" name="clg"
/></td>
</tr>
<tr>
<th class="Aquarius_span">Passing year<sup style="color:red;">*</sup></th>
<option>2018</option><option>2017</option><option>2016</option><option>2015</option>
<option>2014</option>
</select></td>
</tr>
<tr>
<th class="Aquarius_span">Course Type</th>
<td><input type="radio" name="" /></td>
</tr>
<tr>
<th class="Aquarius_span">Skills</th>
<td><input class="textbox" type="text" placeholder="eg:- java,c,php etc.." name="skils"
/></td>
</tr>
</form>
</table>
<br>
</div >
<div class="col-md-4"></div>
59
</div>
</div>
</div>
<?php
include("footer.php");
?>
4.14 SEARCH ACTION PAGE CODING

<ul class="thumnails" style="margin-top:60px;">
<?php
$con=mysqli_connect("localhost","root","","training_and_placement") or die("could not find
db!");
$output='';
if(isset($_POST['Search']));
{
$searchq=$_POST['Search'];
$searchq=preg_replace("#[^0-9a-z]#i","", $searchq);
$a="SELECT * from admin_add_companies_tbl WHERE name LIKE '%$searchq%' OR
description LIKE '%$searchq%'";
$query=mysqli_query($con,$a)or die("could not search");
$count=mysqli_num_rows($query);
if($count==0)
{
$output='There was no seacrh results!';
}
else
{
while($row =mysqli_fetch_array($query))
{
if($pro==1)
{
print "<table class='product_shop' width='100%' cellspacing='20%' ><tr>";
}
60
print"
<td align='center' class='hover_effect'>
<Product_Id=$row[0]'>
<img src='admin/pic/$row[5]'height='200' width='200' border='0'>
</a> <br>
<label style='tex-weight:300px;'>Company_Name:</label><Product_Id=$row[0]'>$row[1]<br>
<label style='tex-weight:300px;'>Description:</label><Product_Id=$row[0]'>$row[2]<br>
<label style='tex-weight:300px;'>Fees</label><Product_Id=$row[0]'>$row[3]<br>
<form method='post' action='addcart_demo.php?action=add&code=$row[code]'>
<input type='submit' value='View' style='font-size:15px;color:white;background-
color:#00A99D;border:2px solid none;padding:10px;text-decoration:none'>
<input type='submit' value='Apply' style='font-size:15px;color:white;background-
<input type='submit' value='Add to favrt' style='font-size:15px;color:white;background-
</form></td>";
if($pro>2)
{
print"<tr>";
$pro=1;
}
else
{
$pro++;
}
}
echo "</table>";
}
?>
61
Chapter-5
TESTING
5.1 SOFTWARE TESTING

Software testing is the process used to measure the quality of developed computer software.
Usually, quality is constrained to such topics as correctness, completeness, security, but can also
include more technical requirements as described under the ISO standard ISO 9126, such as
capability, reliability, efficiency, portability, maintainability, compatibility, and usability. Testing
is a process of technical investigation, performed on behalf of stakeholders, that is intended to
reveal quality-related information about the product with respect to the context in which it is
intended to operate.
Fig 5.1: Phase of Development
5.1.1 White box, black box, and grey box testing

White box and black box testing are terms used to describe the point of view that a test engineer
takes when designing test cases. Black box testing treats the software as a black-box without any
understanding as to how the internals behave. Thus, the tester inputs data and only sees the output
from the test object. This level of testing usually requires thorough test cases to be provided to the
tester who then can simply verify that for a given input, the output value (or behavior), is the same
as the expected value specified in the test case.
62
White box testing, however, is when the tester has access to the internal data structures, code, and
algorithms. For this reason, unit testing and debugging can be classified as white-box testing and
it usually requires writing code, or at a minimum, stepping through it, and thus requires more skill
than the black-box tester. If the software in test is an interface or API of any sort, white-box testing
is almost always required.
In recent years the term grey box testing has come into common usage. This involves having access
to internal data structures and algorithms for purposes of designing the test cases, but testing at the
user, or black-box level. Manipulating input data and formatting output do not qualify as grey-box
because the input and output are clearly outside of the black-box we are calling the software under
test. This is particularly important when conducting integration testing between two modules of
code written by two different developers, where only the interfaces are exposed for test.
Grey box testing could be used in the context of testing a client-server environment when the tester
has control over the input, inspects the value in a SQL database, and the output value, and then
compares all three (the input, SQL value, and output), to determine if the data got corrupt on the
database insertion or retrieval.
5.1.2 Verification and Validation

Software testing is used in association with verification and validation (V&V). Verification is the
checking of or testing of items, including software, for conformance and consistency with an
associated specification. Software testing is just one kind of verification, which also uses
techniques such as reviews, inspections, and walkthroughs. Validation is the process of checking
what has been specified is what the user actually wanted.
Verification: Have we built the software right? (i.e. does it match the specification).
Validation: Have we built the right software? (i.e. Is this what the customer wants?)
5.1.3 Level of testing

 Unit testing tests the minimal software component, or module. Each unit (basic component)
of the software is tested to verify that the detailed design for the unit has been correctly
implemented. In an Object-oriented environment, this is usually at the class level, and the
minimal unit tests include the constructors and destructors.
 Integration testing exposes defects in the interfaces and interaction between integrated
components (modules). Progressively larger groups of tested software components
corresponding to elements of the architectural design are integrated and tested until the
software works as a system.
63
 Functional testing tests at any level (class, module, interface, or system) for proper
functionality as defined in the specification.
 System testing tests a completely integrated system to verify that it meets its requirements.
 System integration testing verifies that a system is integrated to any external or third party
systems defined in the system requirements.
 Acceptance testing can be conducted by the end-user, customer, or client to validate

whether or not to accept the product. Acceptance testing may be performed as part of the
hand-off process between any two phases of development.
Alpha testing is simulated or actual operational testing by potential users/customers or an
independent test team at the developers' site. Alpha testing is often employed for off-the-shelf
software as a form of internal acceptance testing, before the software goes to beta testing.
Beta testing comes after alpha testing. Versions of the software, known as beta versions, are
released to a limited audience outside of the company. The software is released to groups of people
so that further testing can ensure the product has few faults or bugs. Sometimes, beta versions are
made available to the open public to increase the feedback field to a maximal number of future
users.
It should be noted that although both Alpha and Beta are referred to as testing it is in fact use
immersion. The rigors that are applied are often unsystematic and many of the basic tenets of
testing process are not used. The Alpha and Beta period provides insight into environmental and
utilization conditions that can impact the software.
After modifying software, either for a change in functionality or to fix defects, a regression test re-
runs previously passing tests on the modified software to ensure that the modifications haven't
unintentionally caused a regression of previous functionality. Regression testing can be performed
at any or all of the above test levels. These regression tests are often automated.
5.2 SMOKE TESTING

Smoke testing is a term used in plumbing, woodwind repair, electronics, and computer software
development. It refers to the first test made after repairs or first assembly to provide some
assurance that the system under test will not catastrophically fail. After a smoke test proves that
the pipes will not leak, the keys seal properly, the circuit will not burn, or the software will not
crash outright, the assembly is ready for more stressful testing.
64
 In plumbing, a smoke test forces actual smoke through newly plumbed pipes to find leaks,
before water is allowed to flow through the pipes.
 In woodwind instrument repair, a smoke test involves plugging one end of an instrument
and blowing smoke into the other to test for leaks. (This test is no longer in common use)
 In electronics, a smoke testing is the first time a circuit is attached to power, which will
sometimes produce actual smoke if a design or wiring mistake has been made.
 In computer programming and software testing, smoke testing is a preliminary to further

testing, which should reveal simple failures severe enough to reject a prospective software
release. In this case, the smoke is metaphorical.
65
Chapter-6
IMPLEMENTATION
1. For the implementation of website WAMP server is being used i.e installed on user’s machine
so that the website with PHP and MySQL can be run on user’s machine.
2. The accuracy of the website can be checked by conformance of the website to the requirements
of the users of the website.
6.1 WAMP SERVER

Wamp server is a web development platform on windows that allows to create dynamic web
applications with PHP and MYSQL. Wamp server automatically installs everything we need to
intuitively develop web applications. Wamp server is available for free in 32 and 64 bit versions.
6.1.1 Features
Manage your Apache and MYSQL services
Manage your server settings.
Access your logs.
Access your setting files
Install and switch Apache, MYSQL and PHP releases
6.1.2 Installations Steps

Wamp server setup is being added on PC. This will give us a server on our own PC (Windows
users), somewhere we can test our scripts. If we haven't yet downloaded the Wamp server software.
Following are the installation steps:
Step 1: A welcome screen of wamp server 2 set up wizard:
66
Fig 6.1.2.1: Welcome profile of WAMP Server
Step 2: License agreement
Fig 6.1.2.2: License agreement
67
Step 3: Destination location where wamp server will be installed
Fig 6.1.2.3: Destination location where wamp server will be installed
Step 4: Wamp server setup is ready to install
Fig 6.1.2.4: Wamp server setup is ready to install
68
Step 5: Installation is running
Fig 6.1.2.5: Installation is running
Step 6: Installation has been completed
Fig 6.1.2.6: Installation has been completed
69
6.2 RUNNING WAMP SERVER PAGE
Click the icon to see the menu above. From here, we can stop the server, exit it, view help files,
and see the configuration pages.
Fig 6.2: Running Wamp Server Page
6.3 WAMP SERVER HOME PAGE

Click on localhost, though, and you'll see this page appear :( Localhost just refers to the server
running on your own computer. Another way to refer to your server is by using the IP address
127.0.0.1.)
70
Fig 6.3: Wamp Server Home Page
6.4 SAVING PHP FILES

Whenever we create a new PHP page, we need to save it in our WWW directory. We can see
where this is by clicking its item on the menu:
Fig 6.4.1: Directory

71
When we click on www directory, we should see an explorer window appear. (we'll probably have
only two files, index and testmysql.php)
Fig 6.4.2: Explorer window
This www folder for Wampserver is usually at this location on our hard drive:c:/wamp/www/Bear
this in mind when we click File > Save As to save your PHP scripts.
6.5 LAUNCHING PHP SCRIPTS

Suppose we have created a php script called test1.php. To launch this script, we need to add the
script name after localhost in our browser. So instead of this: http://localhost/index.php
We would type this: http://localhost/test1.php
We don't type the name of the wamp folder, however. This would be wrong, for example:
c:/wamp/www/test1.php
As we would do this: http://localhost/www/test1.php
Our server knows where the www folder is, so we don't have to type it out, just add the script name
to localhost. Likewise, if we create a folder under www then we would just type this:
http://localhost/folder_name/script_name.php
OK, we'll assume that everything is now up and running. If it's not, click "Move on to the Next
Part" below, for some troubleshooting. If it is, click "Back to the PHP Contents Page".
72
Chapter- 7
RESULTS AND CONCLUSION
Travel gives me time to think, ideate, observe and learn new things - culture, food, history. It also
gives a lot of time to introspect and understand on how certain things are done around the world
 Can make use of it for saving customer details in database.
 Can benefit to promote tourism in our Himachal Pradesh.
 It shows our great Himalayas.
73
Chapter- 8
FUTURE SCOPE
Tour operators business encompasses a large range of offerings. In the said business, you can
include tour planning and organizing services related to tour travel, leisure travel, subject travel,
sports travel, education travel, etc.
 It can also include tour related services for inspection, exhibition, training, conference, etc.
for business clients. You can cater to inbound or outbound tour services like travel booking,
hotel bookings, arrange travel schedules, VISA arrangements, etc.
 The scope of tour operators business is vast; however you must do a cost benefit analysis
before actually deciding what to offer in a tour operators business.
74
BIBLIOGRAPHY
9.1 BOOKS
 Learning Php, MySQL,css and javascript
 Author: Robin Nixon
 PHP-MySQL-Web-Development-
 Author: Luke Welling
 Programming-PHP-
 Author: Kevin
 HTML-CSS-Visual-Quick Start-
 Author: Elizabeth Castro
 HTML-CSS-Design-Build-Websites
 Author: John Duckett
9.2 WEBSITES
 www.amazon.com
 www.srs.com
 www.fashion.com
 www.expedia.com
 www.php.net
 www.w3schools.com
 www.phpbuilder.com
 www.phpdeveloper.com
75
LIST OF ABBRIVATION
 CSS – Cascade Style Sheets

 HTML – Hypertext Markup language
 DFD – Data Flow Diagram
 ER – Entity Relationship
 Fig – Figure
 W3C – World Wide Web consort ion
 OS – Operating System
 V&V – Verification and validation
 i.e. – That is
 SQL – Structure Query Language
 http – Hypertext Transfer Protocol
 WWW – World Wide Web
 & - And
76

3RD

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

3RD

Hochgeladen von

Copyright:

Verfügbare Formate

Chapter-1

Work in the application will be done in the following way:

1.3 FEATURES OF PROJECT

1.4 OBJECTIVES OF PROJECT

1.5 PLANNING OF WORK

The analysis of this given project determines if it is:

2.1 SOFTWARE AND HARDWARE REQUIREMENTS

Front End Wamp , xampp , Apache.

Back End MySQL ,MS Access,

Table 2.1.1: Software Requirements

Table 2.1.2: Hardware Requirements

2.2 SCHEDULE FEASIBILITY

2.4 TECHNICAL FEASIBILITY

 Does the necessary technology exist to do what is suggested?

 Can the system be upgraded if developed?

2.5 OPERATIONAL FEASIBILITY

2.6 ECONOMICAL FEASIBILITY

3.2 PHYSICAL SYSTEM DESIGN:

3.3 STRUCTURAL DESIGN:

3.4 DATA FLOW DIAGRAM:

The source or sink is represented as a rectangular box. The source or sink

The database is represented with the open box symbol.

Fig 3.4.1: Basic Data Flow Notation

3.5 ENTITY- RELATIONSHIP:

NAME NOTATION DESCRIPTION

3.6 TYPES OF SYSTEM DESIGN:

3.6.1 TOP-DOWN DESIGN APPROACH:

3.6.2 BOTTOM-UP DESIGN APPROACH:

3.7 DATABASE DESIGN:

3.8 OBJECTIVES OF DATABASE:

Fig 3.9: Home page profile

3.10 ABOUT US:

Fig 3.10: About us page profile

Fig 3.10: Sign Up page profile

3.12 SIGN IN:

Fig 3.12: Sign in page profile

Fig 3.13: Contact us page profile

Fig 3.14: Services page profile

Fig 3.15: Portfolio page profile

Fig 3.16: Database page profile

Hypertext Markup Language (HTML) is the standard markup language for

4.1.1 Heading Tags

4.1.2 Paragraph Tag

4.1.3 Line Break Tag

4.1.4 Centering Content

4.1.5 Horizontal Lines

4.1.6 Preserve Formatting

4.3.1 What Can PHP Do?

4.5 ABOUT US PAGE CODING

4.6 SIGN UP PAGE CODING

4.7 SIGN IN CODING

4.9 SERVICE PAGE CODING

4.11 FOOTER PAGE CODING

4.12 HEADER PAGE CODING

alert("password didn't match");

<span class="hi-icon hi-icon-archive glyphicon glyphicon-envelope "><b>Contact </b></span>

4.13 INDEX PAGE CODING

<i class="fa fa-chevron-down"></i>

<div class="col-md-5" id="services"><i class="fa fa-building-o" style="font-size:60px;

<div class="col-md-12 sign">

4.13 REGISTER PAGE CODING

4.14 SEARCH ACTION PAGE CODING