A REPORT ON PROJECT WORK TITLED

WEBSITE DESIGNING

A thesis submitted in partial fulfillment of the requirements for the

Award of the degree of

DIPLOMA
IN
COMPUTER ENGINEERING

Submitted by
MD.SOHAIL 20221-CM-037

M.ESWAR 20221-CM-031

M.ABHIRAM 20221-CM-033

O.UDAY 20221-CM-040

MD.ROSHAN 20221-CM-035

Under The Esteemed Guidance Of

Mrs.V.GNANA PRASUNA, M.Tech

SANKETIKA POLYTECHNIC COLLEGE

(Approved by A.I.C.T.E., Affiliated to AP SBTET)
Beside YSR Cricket Stadium, PM Palem,
Visakhapatnam-530041

2022
 SANKETIKA POLYTECHNIC COLLEGE
(Affliated to AP SBTET)

P.M.Palem, Visakhapatnam-530041

BONAFIDE CERTIFICATE

This is to certify that the project report entitled WEBSITE DESIGNING being submitted by
MD.SOHAIL, M.ESWAR, M.ABHIRAM, O.UDAY, MD.ROSHAN bearing registered
numbers 20221-CM-031, 20221-CM-037, 20221-CM-033, 20221-CM-40, 20221-CM-035
respectively, in partial fulfillment for the award of the degree of “Diploma” in Computer
Engineering to the STATE BOARD OF TECHNICAL EDUCATION & TRAINING,Govt of
Andhra Pradesh, is a record of bonafide work done by them under my supervision during the
academic year 2022-2023.

Project Guide Head of the Department

V.GNANA PRASUNA (M.Tech), V.GNANA PRASUNA (M.Tech),

 DECLARATION
We hereby declare that this project entitled “COLLEGE WEBSITE”
submitted to the department of C.M.E, affiliated to AP SBTET, Vijayawada as
partial fulfillment for the award of diploma degree is entirely the original work
done by us and has not been submitted to any other organization.

MD.SOHAIL 20221-CM-037
M.ESWAR 20221-CM-031
M.ABHIRAM 20221-CM-033

O.UDAY 20221-CM-040

MD.ROSHAN 20221-CM-035

i
 ACKNOWLEDGEMENT
We feel immense pleasure to express our sincere thanks and profound
sense of gratitude to all those people who played a valuable role for the
successful completion of our project by their invaluable suggestions and
advices.
We are thankful to our principal Dr. A.Ramakrishna for permitting and
encouraging us in doing this project.
We are deeply intended to Prof. V.Gnanaprasuna, Head of the
Department, CME, whose motivation and constant encouragement has led to
pursue a project in the field of software development.
Our Parents have put us ahead of themselves. Because of their hard work
and dedication, we have had opportunities beyond my wildest dreams. Our
heartfelt thanks to them for giving us all we ever needed to be successful
students and individuals.
Finally we express our thanks to all our other professors, classmates, friends,
neighbours and my family members who helped us for the completion our
project and without their infinite love and patience this would never have been
possible.

- MD.Sohail
- M.Eswar
- M.Abhiram
- O.Uday
- MD.Roshan

ii
 ABSTRACT
A website is a collection of Web pages, images, videos and other digital
assets that is hosted on one or several Web server, usually accessible via the
Internet, cell phone or a LAN.
The pages of websites can usually be accessed from a common root
URL called the homepage, and usually reside on the same physical server.
The URLs of the pages organize them into a hierarchy, although the
hyperlinks between them control how the reader perceives the overall
structure and how the traffic flows between the different parts of the sites.
A website requires attractive design and proper arrangement of links
and images, which enables a browser to easily interpret and access the
properties of the site. Hence it provides the browser with adequate
information and functionality about the organization, community, network.
The website has been developed for our college in an effort to make it
as attractive and dynamic as possible. Compared to the existing site a
database has been added to our project.
The working of the project is as follows:
The first page provides several links. The Home page contains several
information about the site like campus, management, facilities,
infrastructure etc. The flash news and the events corner display the latest
developments, announcements and events associated with the college
activities.
The administrator has the responsibility for displaying the recruiters
form on the notice board, in response to which student can submit his
willingness to attend the drive along with his resume.

iii
TABLE OF CONTENT
1.INTRODUCTION .................................................................................................................. 1
Purpose of the project : .......................................................................................................... 1
1.1 Current and Proposed System: ........................................................................................ 1
1.11 Current System: .............................................................................................................. 1
1.12 Proposal System: ............................................................................................................ 1
1.2 Scope of the project:......................................................................................................... 1
1.3 Glossary: .......................................................................................................................... 2
1.4 Advantages: ...................................................................................................................... 3
2.REQUIREMENTS.................................................................................................................. 5
2.1 Functional Requirements: ................................................................................................ 5
2.2 Non-Functional Requirements: ....................................................................................... 5
3.ASSUMPTIONS AND DEPENDENCIES ............................................................................ 7
4. Technological Requirements ................................................................................................. 9
4.1 Software Requirements: ................................................................................................... 9
4.2 Hardware Requirements: .................................................................................................. 9
4.3 Web Technologies ............................................................................................................ 9
4.3.1 HTML ........................................................................................................................ 9
4.3.2 CSS ............................................................................................................................ 9
4.3.3 PHP (Hypertext Pre-processor): .............................................................................. 10
4.3.4 JAVA SCRIPT: ....................................................................................................... 10
4.4 DATABASE: ................................................................................................................. 10
4.4.1 OVERVIEW OF DATABASE: .............................................................................. 10
5. Source Code ......................................................................................................................... 13
5.1 Home .............................................................................................................................. 13
5.2 About .............................................................................................................................. 15
5.3 Register .......................................................................................................................... 16
5.3.1 Student Registration ................................................................................................ 17
5.3.2 Faculty Regestration ................................................................................................ 18
5.4 Courses ........................................................................................................................... 27
5.5. Gallery ........................................................................................................................... 28
5.6 Blog ................................................................................................................................ 30
 5.7 Contact ........................................................................................................................... 31
6. Screen Shots ......................................................................................................................... 34
6.1 Home Page ..................................................................................................................... 34
6.2 About Us ........................................................................................................................ 36
6.3 Register .......................................................................................................................... 37
6.4 Courses ........................................................................................................................... 40
6.5 Gallery ............................................................................................................................ 41
6.6 Blog ................................................................................................................................ 42
6.7 Contact Us ...................................................................................................................... 43
7. Conclusion ........................................................................................................................... 45
8. References and Bibliography: .............................................................................................. 47
CHAPTER-1
Introduction

[0]
 1.INTRODUCTION

The growing significance of websites for various organizations is well known. In

recognizing that we decided to develop a website for the college which compromises of
all the required information about the college.

Purpose of the project :

The purpose of our project is to design, publish and maintain a website for our college which
consists of all the information regarding the college like infra structure, faculty, transport
facilities, etc.,

1.1 Current and Proposed System:

1.11 Current System:

As the existing website is not maintained and the domain has been blocked there is a
need for new one.

1.12 Proposal System:

Initially the college authorities had the feeling of maintaining a comprehensive
website for information exchange apart from existing one.

We used all the possible ways to monitor the data and maintain and format the
data requested by the authority. The data is about to change all the time so we will
update it all the time possible.

1.2 Scope of the project:

This SRS applies to all the official web applications that are developed to maintain
the information online. This is extended to all the domains of the applications.

Design Code
Database database Integrate
Part Part and Test

Specification Design Code GUI

GUI part Part

Implementation
Write User
Manual

PERT CHART (Program Evaluation Review Technique)

[1]
 1.3 Glossary:

TERM DEFINITION

HTML Hyper Text Mark-up Language

CSS Cascading Style Sheet

PHP Hypertext Pre-processor

JS Java Script
The above technologies are required to implement the requirements due to
following advantages
• HTML is very easy to code and understand
• CSS provides more styles to web page
• PHP gives rich look
• JS provide best graphical Experience

This Following Pie-Chart represent Percentage of language used for Desinging

a website:

5%
20% 30%

45%

HTML CSS PHP Java Script

[2]
 1.4 Advantages:

• Easy to navigate
• Provides all the comprehensive information about the college.
• All the nostalgic images are provided in the gallery option.
• Informative Platform for Educational Updates regarding college.
• Cost-efficient, a lot of information is available.

[3]
CHAPTER-2
Requirements

[4]
 2.REQUIREMENTS

2.1 Functional Requirements:

• The system provides all the information about the college in detail
• The system gives in detail description of our college infrastructure
• All the information about the faculty and labs are provided in
department wise
• All the necessary information is rendered with proper images.
• Proper information regarding the mode of transport is also included
2.2 Non-Functional Requirements:

• Runs on low performance systems and on any environment

• Cost effective deployment(When buying out storage space)
• All the languages used to develop the system are Client-side scripting
languages which provide dynamic system

[5]
CHAPTER-3
Assumption & Dependencies

[6]
 3.ASSUMPTIONS AND DEPENDENCIES

• Good knowledge of HTML,CSS,PHP

• Good knowledge of Java Script
• Understanding of Web application architectures and different
architectures available.

[7]
CHAPTER-4
Technological Requirements

[8]
 4. Technological Requirements

4.1 Software Requirements:

• Web Technologies: HTML, CSS, JS, PHP, XAMPP SERVER

• Browser: Chrome or Microsoft Edge or any browsers
• Database: MySQL
4.2 Hardware Requirements:

• Processor: Intel Pentium IV or above

• Ram: 512 MB or more
• Hard Disk: 2 GB or more
4.3 Web Technologies

4.3.1 HTML
HTML stands for Hyper Text Mark-up Language based on the standard generalised mark-up
language, which is used to design the general, structure of various kinds of documents. It is
page description language like neither postscript, nor it a language that can be easily
generated from your favourite page layout program. Now days designing and programming
web pages on the internet are very hot things where those pages are designed with HTML.

HTML is a hot spot in the current situation though it is used for structuring the document
but also in the html mark-up scheme lies the power to create interactive, cross platform,
multimedia, client-server applications. This string of adjectives is not just hype, such systems
do exit and are called world wide web (www), lives on the internet providing organization to
a wide variety of resources as computers located around the globe. The web, also known as
www, plays a large part in continuous development of HTML, and the WEB will play a large
part in the way you write and structure HTML documents. The www represents the large
possible audiences for your work. HTML is very hot track of today on internet because it is
highly interactive.
Interactively between web client and server is possible in HTML by filling the forms,
which are possessed by CGI scripts, and is written in any languages. It means, we can include
JAVA, PERL, JavaScript, VBScript etc., in HTML to make the pages still more powerful and
attractive.

4.3.2 CSS
CSS (Cascading Style Sheets) is one of the core technologies used for building webpages.
Since it is the ONLY style sheet language that browsers can understand, it's important to
learn CSS in depth to master a web development.
[9]
4.3.3 PHP (Hypertext Pre-processor):
The PHP Hypertext Pre-processor (PHP) is a programming language that allows web
developers to create dynamic content that interacts with databases. PHP is basically used
for developing web based software applications..

PHP is a MUST for students and working professionals to become a great Software Engineer
specially when they are working in Web Development Domain.

4.3.4 JAVA SCRIPT:

Java Script is a light weight interpreted programming language It is designed for creating
network_centric applications. It is complimentary to and integrated with JAVA.

It is a very easy to implement because it is integrated with HTML and it also a open and
cross-platform.
It helps you create really beautiful and crazy fast websites.You can develop your website
with a console which gives best graphical user interface Experience.

4.4 DATABASE:
MySQL is a database server, on the other hand, phpMyAdmin is a server tool to
access the database on MySQL server.

4.4.1 OVERVIEW OF DATABASE:

What is a database?
A database is a collection of information that is organized so that it can easily be accessed,
managed, and updated. In one view, database can be classified according to types of
content:, full-text, numeric, and images.
Relational Databases:
A relational database matches data by using common characteristics found within the data
set.

The resulting groups of data are organized and are much easier for people to understand.
For example, a data set containing all the real-estate transactions in a town can be grouped
by the year the transaction occurred; or it can be grouped by the sale price of the
transaction; or it can be grouped by the buyer’s last name; and so on. Such a grouping uses
the relational model(a technical term for this is schema).Hence, such a database is called a
“relational database”. The software to do this grouping is called a relational database
management system. The term “Relational database” often refers to this type of software.

[10]
DESIGNING A DATABASE:
Database design is the processing of producing a detailed data model of a database. This
logical data model contains all the needed logical and physical design choices and physical
storage parameters needed to generate a design in a data definition language, which can
then be used to create a database
Steps Followed in designing a database:

• Determine the purpose of your database.

• Determine the tables you need in the database.
• Determine the fields you need in the tables.
• Identify fields with unique values.
• Determine the relationships between tables.
• Refine your design.

[11]
CHAPTER-5
Source Code

[12]
 5. Source Code

5.1 Home
<html>
<head>
<meta name="viewport" contact="with=device-width, initial-scale=1.0">
<title> college website </title>
<link rel="stylesheet" href="style3.css">
<link rel="stylesheet" href="link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<linkhref="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,600;0,700;1,100&display=swap"
rel="stylesheet">
<script src="https:/kit.fontawesome.com/3b1681023c.js" crossoigin="anonymous"></script>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
<section class="header">
<nav>
<a href="college.php"><img src="images/LOGO-2.png" width="90"height="120" /></a>
<div class="nav-links">
<ul>
<li><a href="college.php">HOME</a></li>
<li><a href="about.php">ABOUT</a></li>
<li><a href="tempreg.php">REGISTER</a></li>
<li><a href="course.php">COURSE</a></li>
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="blog.php">BLOG</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
</div>
</nav>
<div class="text-box">
<h1><b><center><marquee scrollamount="20"> BEST COLLEGE IN VIZAG</center></b></marquee></h1>
<p> Sanketika polytechnic College is one of tye neat college that was giving competition to many government colleges.
The college is fair looking with seperate blocks for all branches.library with standard books
and playground for both indoor and outdoor sports. Hostel is also so good with good atmosphere to study.</p>
<h3><a class="hero-btn" style="color:white">visit us to know more</a></h3>
</div>
</section>
<section class="campus">
<h1>Our Global Campus</h1>
<P>our is the best campus for placements in vizag</P>
<div class="row">
<div class="campus-col">
<img src="images/16.png">
<div class="layer">
<h3>SANKETIKA POLYTECHNIC</h3>
</div>
</div>
<div class="campus-col">
<img src="images/15.jpg">
<div class="layer">
<h3>SANKETIKA ENGINEERING</h3>
</div>
</div>
<div class="campus-col">
<img src="images/17.jpg">
<div class="layer">
<h3>PHARMACY</h3>
</div>
</div>
</div>
</section>
<section class="facilities">
<h1>Our Facilities</h1>

[13]
 <p></p>
<div class="row">
<div class="facilities-col">
<img src="images/18.jpg">
<h3>World Class Library</h3>
<p>Well stocked library with a collection of 20000+ books, 5741+ titles, 35+ journals, 963+ project reports,
100+ bound volumes, 500+ CD-ROM, DVD-ROM, previous years question papers, SC and ST book bank
and DELNET online databases etc.</p>
</div>
<div class="facilities-col">
<img src="images/19.jpg">
<h3>Largest Playground</h3>
<p>Available Facilities: Badminton Court|Basketball Court|Cricket Ground|Volley Ball|Kho-Kho|Kabaddi|Chess|Carrom</p>
</div>
<div class="facilities-col">
<img src="images/20.jpg">
<h3>Tasty And Healthy Food</h3>
<p>The college has a spacious canteen facility in the college. A variety of south Indian food and snack items are provided to the
students and staff of the college with the highest quality.</p>
</div>
</div>
</section>
<section class="testimonials">
<h1>What Our Students Says</h1>
<p>Environment Friendly</p>
<div class="row">
<div class="testimonials-col">
<img src="images/21.jpg">
<div>
<p>About 50% of the students got placed. The highest salary package offered is 1.4 LPA, the lowest
salary package offered is Rs. 65,000 per annum and the average salary package offered is Rs. 75,000 per annum. </p>
<h3>Manoj</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-o"></i>
</div>
</div>
<div class="testimonials-col">
<img src="images/22.jpg">
<div>
<p> Almost 65% of the students got placed. The salary package offered is approximately 4 LPA. Companies
like Amazon and HCL are the top recruiters of our college.</p>
<br><h3>Aravind</h3>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half-o"></i>
</div>
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>SPC - The Sanketika Polytechnic College is one of the pioneer institutes of providing quality technical education to
the students<br> over a period of two decades. We feel proud to announce that around 10,000 students have passed through
<br>the portals of the Sanketika institutions.
We believe that productivity is never an<br> accident it's the regular efforts done by an individual to achieve their goals.</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
<marquee><p>Made with <i class="fa fa-heart-o"></i> By Eswar,Sohail,Abhiram,Roshan,Uday</p></marquee>
</section>
</body>
</html>

[14]
5.2 About
<html>
<head>
<meta name="viewport" contact="with=device-width, initial-scale=1.0">
<title> college website </title>
<link rel="stylesheet" href="style3.css">
<link rel="stylesheet" href="link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<linkhref="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,600;0,700;1,100&display=swap"
rel="stylesheet">
<script src="https:/kit.fontawesome.com/3b1681023c.js" crossoigin="anonymous"></script>
</head>
<body>
<section class="sub-header">
<nav>
<a href="college.html"><img src="images/LOGO-2.png" width="90"
height="120" /></a>
<div class="nav-links">
<ul>
<li><a href="college.php">HOME</a></li>
<li><a href="about.php">ABOUT</a></li>
<li><a href="tempreg.php">REGISTER</a></li>
<li><a href="course.php">COURSE</a></li>
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="blog.php">BLOG</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
</div>
</nav>
<h1>About Us</h1>
</section>
<section class="about-us">
<div class="row">
<div class="about-col">
<h1>We Are The Vizag's largest College</h1>
<p>The vision of Sanketika Polytechnic College is to be the main focus of learning and
Development in rising zones of business and board training. For each course the school gives functional reparing to its
understudies that encourages them to see better, improve their illustrative aptitudes, take out wavering and in this procedure
endeavors to form them into industry prepared experts Mission os Sanketika Polytechnic College is 'to encourage basic
investigation via preparing understudies both in principle and practise to outfit them with abilities required for confronting
worldwide difficulties with cooperation and human qualities'.furthermore, to construct quality system with the industry
educationists and general public for trading locale_get_primary_language The cutting edge instructing strategy helps the
understudies in getting an inside and out erspective on designing, innovation and the business visionary world.
</p>
<a href="college.php" class="hero-btn red-btn">EXPLORE NOW</a> </div>
<div class="about-col">
<img src="images/24.jpg">
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>SPC - The Sanketika Polytechnic College is one of the pioneer institutes of providing quality technical education to the
students<br> over a period of two decades. We feel proud to announce that around 10,000 students have passed through
<br>the portals of the Sanketika institutions. We believe that productivity is never an<br> accident it's the regular efforts done
by an individual to achieve their goals.</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
<marquee><p>Made with <i class="fa fa-heart-o"></i> By Eswar,Sohail,Abhiram,Roshan,Uday</p></marquee>
</section>
</body>
</html>

[15]
5.3 Register
#tempreg.php
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="style3.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="college.html"><img src="images/LOGO-2.png" width="90"
height="120" /></a>
<div class="nav-links">
<ul>
<li><a href="college.php">HOME</a></li>
<li><a href="about.php">ABOUT</a></li>
<li><a href="tempreg.php">REGISTER</a></li>
<li><a href="course.php">COURSE</a></li>
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="blog.php">BLOG</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
</div>
</nav>
<h1>Register Below</h1>
</section>
<section class="course">
<div class="row">
<div class="course-col">
<h3><a href="registration.php">Student registration</a></h3>
</div>
<div class="course-col">
<h3><a href="login.php">Faculty Registration</a></h3>
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>SPC - The Sanketika Polytechnic College is one of the pioneer institutes of providing quality technical education to the
students<br> over a period of two decades. We feel proud to announce that around 10,000 students have passed through
<br>the portals of the Sanketika institutions.
We believe that productivity is never an<br> accident it's the regular efforts done by an individual to achieve their goals.</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
<marquee><p>Made with <i class="fa fa-heart-o"></i> By Eswar,Sohail,Abhiram,Roshan,Uday</p></marquee>
</section>
</hr>
</div>
</div>
</div>
<script type="text/javascript">
function mess()
{
alert("your record is successfully saved!");
}
</script>
</form>
</section>
</body>
</html>

[16]
5.3.1 Student Registration
#registration.php
<!DOCTYPE html>
<?php
$servername="localhost";
$username="root";
$password="";
$dbname="registration";
try{
$conn=mysqli_connect($servername,$username,$password,$dbname);
echo("successful in connection");
}catch(Mysqli_sql_Exception $ex){
echo("error in connection");
}
if(isset($_POST['create'])){
$uname=$_POST['uname'];
$fname=$_POST['fname'];
$mname=$_POST['mname'];
$pht=$_POST['pht'];
$aid=$_POST['aid'];
$phn=$_POST['phn'];
$email=$_POST['email'];
$uaddress=$_POST['uaddress'];
$pin=$_POST['pin'];
$register_query="INSERT INTO `formss`(`Name`, `Father Name`, `Mother Name`, `Polycet Hallticket`, `AadharID`, `Phone Number`,
`Email`, `Address`, `Pin Code`)VALUES ('$uname','$fname','$mname','$pht','$aid','$phn','$email','$uaddress','$pin')";
try{
$register_result=mysqli_query($conn,$register_query);
if($register_query)
{
if(mysqli_affected_rows($conn)>0)
{
header("Location:registration.php");
exit;
}else
{
echo("error in registration");
}
}
}catch(Exception $ex){
echo("error".$ex->getMessage());
}
}
?>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" href="style3.css">
</head>
<body>
<section class="sub-header">
<nav>
<a href="college.html"><img src="images/LOGO-2.png" width="90"
height="120" /></a>
<div class="nav-links">
<ul>
<li><a href="college.php">HOME</a></li>
<li><a href="about.php">ABOUT</a></li>
<li><a href="tempreg.php">REGISTER</a></li>
<li><a href="course.php">COURSE</a></li>
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="blog.php">BLOG</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
</div>
</nav>
<h1>Register Below</h1>
</section>

[17]
 <section class="register">
<form action="" method="post">
<h1>STUDENT REGISTRATION </h1>
<div class="container">
<div class="row">
<div class="col-sm-3">
<hr class="mb-0">
<h3>Fill all the details correctly</h3>
<label for="uname"><b>Name</b></label>
<input class="form-control" type="text" name="uname" onkeyup="this.value = this.value.toUpperCase();" reruired>
<label for="fname"><b>Father name</b></label>
<input class="form-control" type="text" name="fname" onkeyup="this.value = this.value.toUpperCase();" required>
<label for="mname"><b>Mother name</b></label>
<input class="form-control" type="text" name="mname" onkeyup="this.value = this.value.toUpperCase();" required>
<label for="pht"><b>Polycet hallticket</b></label>
<input class="form-control" type="text" name="pht" required>
<label for="aid"><b>AadharID</b></label>
<input class="form-control" type="text" name="aid" onkeyup="this.value = this.value.toUpperCase();" required>
<label for="phn"><b>Phone number</b></label>
<input class="form-control" type="text" name="phn" onkeyup="this.value = this.value.toUpperCase();" required>
<label for="email"><b>Email</b></label>
<input class="form-control" type="text" name="email" required>
<label for="uaddress"><b>Address</b></label>
<input class="form-control" type="text" name="uaddress" onkeyup="this.value = this.value.toUpperCase();" required>
<label for="pin"><b>Pin code</b></label>
<input class="form-control" type="text" name="pin" required>
<input class="btn btn-primary" type="submit" name="create" value="submit" onclick="mess()">
</section>
<section class="footer">
<h4>About Us</h4>
<p>SPC - The Sanketika Polytechnic College is one of the pioneer institutes of providing quality technical education to the
students<br> over a period of two decades. We feel proud to announce that around 10,000 students have passed through
<br>the portals of the Sanketika institutions.
We believe that productivity is never an<br> accident it's the regular efforts done by an individual to achieve their goals.</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
<marquee><p>Made with <i class="fa fa-heart-o"></i> By Eswar,Sohail,Abhiram,Roshan,Uday</p></marquee>
</section>
</hr>
</div>
</div>
</div>
<script type="text/javascript">
function mess()
{
alert("your record is successfully saved!");
}
</script>
</form>
</section>
</body>
</html>

5.3.2 Faculty Regestration

#login.php

<?php
session_start();
include('includes/header.php');
?>
<div class="container">
<!-- Outer Row -->
<div class="row justify-content-center">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="card o-hidden border-0 shadow-lg my-5">
<div class="card-body p-0">

[18]
 <!-- Nested Row within Card Body -->
<div class="row">
<div class="col-lg-12">
<div class="p-5">
<div class="text-center">
<h1 class="h4 text-gray-900 mb-4">Login Here!</h1>
</div>
<form class="user" action="code.php" method="POST">
<div class="form-group">
<input type="email" name="emaill" class="form-control form-control-user" placeholder="Enter Email
Address...">
</div>
<div class="form-group">
<input type="password" name="passwordd" class="form-control form-control-user"
placeholder="Password">
</div>
<button type="submit" name="login_btn" class="btn btn-primary btn-user btn-block"> Login </button>
<hr>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php
include('includes/scripts.php');
?>

#index.php

<?php

include('security.php');

include('includes/header.php');

include('includes/navbar.php');

?>

<!-- Earnings (Monthly) Card Example -->

<div class="col-xl-3 col-md-6 mb-4">

<div class="card border-left-primary shadow h-100 py-2">

<div class="card-body">

<div class="row no-gutters align-items-center">

<div class="col mr-2">

<div class="text-xs font-weight-bold text-primary text-uppercase mb-1">Total Registered Admin</div>

<div class="h5 mb-0 font-weight-bold text-gray-800">

<?php

require 'database/dbconfig.php';

$query = "SELECT id FROM register ORDER BY id";

$query_run = mysqli_query($connection, $query);

$row = mysqli_num_rows($query_run);

echo '<h4> Total Admin: '.$row.'</h4>';

?>

</div>

[19]
 <div class="col-auto">

<i class="fas fa-calendar fa-2x text-gray-300"></i>

</div>

</div>

</div>

</div>

</div>

<?php

include('includes/scripts.php');

?>

#register.php

<?php
session_start();
include('includes/header.php');
include('includes/navbar.php');
?>

<div class="modal fade" id="addadminprofile" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">

<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Add Admin Data</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<form action="code.php" method="POST">
<div class="modal-body">
<div class="form-group">
<label> Username </label>
<input type="text" name="username" class="form-control"
placeholder="Enter Username">
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="email" class="form-control"placeholder="Enter Email">
</div>
<div class="form-group">
<label>Password</label>
<input type="password" name="password" class="form-control" placeholder="Enter Password">
</div>
<div class="form-group">
<label>Confirm Password</label>
<input type="password" name="confirmpassword" class="form-control" placeholder="Confirm Password">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="submit" name="registerbtn" class="btn btn-primary">Save</button>
</div>
</form>
</div>
</div>
</div>
<div class="container-fluid">
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">Admin Profile
<button type="button" class="btn btn-primary" data-toggle="modal"
data-target="#addadminprofile"> Add Admin Profile
</button>
</h6>

[20]
</div>
<div class="card-body">
<?php
if(isset($_SESSION['success']) && $_SESSION['success'] !='')
{
echo '<h2 class="bg-primary text-primary"> '.$_SESSION['success'].' </h2>';
unset($_SESSION['success']);
}
if(isset($_SESSION['status']) && $_SESSION['status'] !='')
{
echo '<h2 class="bg-danger text-primary"> '.$_SESSION['status'].' </h2>';
unset($_SESSION['status']);
}
?>
<div class="table-responsive">
<?php
$connection=mysqli_connect("localhost","root","","adminpanel");
$query="SELECT * FROM register";
$query_run=mysqli_query($connection,$query);
?>
<table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
<thread>
<tr>
<th>ID</th>
<th>Usename</th>
<th>Email</th>
<th>Password</th>
<th>EDIT</th>
<th>DELETE</th>
</tr>
</thread>
<tbody>
<?php
if(mysqli_num_rows($query_run) > 0)
{
while($row = mysqli_fetch_assoc($query_run))
{
?>
<tr>
<td><?php echo $row['ID']; ?></td>
<td><?php echo $row['username']; ?></td>
<td><?php echo $row['email']; ?></td>
<td><?php echo $row['password']; ?></td>
<td>
<form action="register_edit.php" method="post">
<input type="hidden" name="edit_id" value="<?php echo $row['ID']; ?>">
<button type="submit" name="edit_btn" class="btn btn-success"> EDIT</button>
</form>
</td>
<td>
<form action="code.php" method="post">
<input type="hidden" name="delete_id" value="<?php echo $row['ID']; ?>">
<button type="submit" name="delete_btn" class="btn btn-danger"> DELETE</button> </form>
</td>
</tr>
<?php
}
}
else {
echo "No Record Found";
}
?>
</tbody>
</table>
</div>
</div>
</div>
</div>
<?php
include('includes/scripts.php');
?>

[21]
#code.php
<?php
session_start();
$connection=mysqli_connect("localhost","root","","adminpanel");
if(isset($_POST['registerbtn']))
{
$username = $_POST['username'];
$email = $_POST['email'];
$password = $_POST['password'];
$cpassword = $_POST['confirmpassword'];
if($password === $cpassword)
{
$query = "INSERT INTO register (username,email,password) VALUES ('$username','$email','$password')";
$query_run = mysqli_query($connection, $query);
if($query_run)
{
// echo "Saved";
$_SESSION['success'] = "Admin Profile Added";
header('Location: register.php');
}
else
{
$_SESSION['status'] = "Admin Profile Not Added";
header('Location: register.php');
}
}
else
{
$_SESSION['status'] = "Password and Confirm Password Does Not Match";
header('Location: register.php');
}
}
if(isset($_POST['updatebtn']))
{
$id=$_POST['edit_id'];
$username=$_POST['edit_username'];
$email=$_POST['edit_email'];
$password=$_POST['edit_password'];
$query="UPDATE register SET username='$username', email='$email', password='$password' WHERE id= '$id' ";
$query_run=mysqli_query($connection,$query);
if($query_run)
{
$_SESSION['success']="Your Data Is Updated";
header('location:register.php');
}
else{
$_SESSION['status']="Your Data Is Not Updated";
header('location:register.php');
}
}
if(isset($_POST['delete_btn']))
{
$id = $_POST['delete_id'];
$query = "DELETE FROM register WHERE id='$id' ";
$query_run = mysqli_query($connection, $query);
if($query_run)
{
$_SESSION['success'] = "Your Data is Deleted";
header('Location: register.php');
}
else
{
$_SESSION['status'] = "Your Data is NOT DELETED";
header('Location: register.php');
}
}
if(isset($_POST['login_btn']))
{
$email_login = $_POST['emaill'];
$password_login = $_POST['passwordd'];
$query = "SELECT * FROM register WHERE email='$email_login' AND password='$password_login' ";

[22]
 $query_run = mysqli_query($connection, $query);
if(mysqli_fetch_array($query_run))
{
$_SESSION['username'] = $email_login;
header('Location: index.php');
}
else
{
$_SESSION['status'] = "Email id / Password is Invalid";
header('Location: login.php');
}

}
?>
#register_edit.php
<?php
session_start();
include('includes/header.php');
include('includes/navbar.php');
?>
<div class="container-fluid">
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary"> Edit Admin Profile</h6>
</div>
<div class="card-body">
<?php
$connection=mysqli_connect("localhost","root","","adminpanel");
if(isset($_POST['edit_btn']))
{
$ID=$_POST['edit_id'];
$query = "SELECT * FROM register WHERE id='$ID' ";
$query_run = mysqli_query($connection, $query);
foreach($query_run as $row)
{
?>
<form action="code.php" method="POST">
<input type="hidden" name="edit_id" value="<?php echo $row['ID'] ?>">
<div class="form-group">
<label> Username </label>
<input type="text" name="edit_username
" value="<?php echo $row['username'] ?>" class="form-control"
placeholder="Enter Username">
</div>
<div class="form-group">
<label>Email</label>
<input type="email" name="edit_email"
value="<?php echo $row['email'] ?>" class="form-control"
placeholder="Enter Email">
</div>
<div class="form-group">
<label>Password</label>
<input type="password" name="edit_password"
value="<?php echo $row['password'] ?>" class="form-control"
placeholder="Enter Password">
</div>
<a href="register.php" class="btn btn-danger">CANCEL</a>
<button class="submit" name="updatebtn"
class="btn btn-primary">UPDATE</button>
<?php
}
}
?>
</div>
</div>
</div>
</div>
<?php
include('includes/scripts.php');
include('includes/footer.php');
?>

[23]
#footer.php
<!-- Footer -->
<footer class="sticky-footer bg-white">
<div class="container my-auto">
<div class="copyright text-center my-auto">
<span>Copyright &copy; Your Website 2022</span>
</div>
</div>
</footer>
<!-- End of Footer -->
</div>
<!-- End of Content Wrapper -->
</body>
</html>
#header.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>SB Admin 2 - Dashboard</title>
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?
family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i"
rel="stylesheet">
<!-- Custom styles for this template-->
<link href="css/sb-admin-2.min.css" rel="stylesheet">
</head>
<body id="page-top">
<!-- Page Wrapper -->
<div id="wrapper">
</body>
</html>
#navbar.php
<!-- Sidebar -->
<ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar">
<!-- Sidebar - Brand -->
<a class="sidebar-brand d-flex align-items-center justify-content-center" href="index.php">
<div class="sidebar-brand-icon rotate-n-15">
</div>
<div class="sidebar-brand-text mx-3">SPC ^{WEB IT}</div>
</a>
<!-- Divider -->
<hr class="sidebar-divider my-0">
<!-- Nav Item - Dashboard -->
<li class="nav-item active">
<a class="nav-link" href="index.php">
<i class="fas fa-fw fa-tachometer-alt"></i>
<span>Dashboard</span></a>
</li>
<!-- Divider -->
<hr class="sidebar-divider">
<li class="nav-item">
<a class="nav-link" href="college.php">
<i class="fas fa-fw fa-chart-area"></i>
<span>Home </span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="register.php">
<i class="fas fa-fw fa-chart-area"></i>
<span>Admin Profile</span>
</a>
</li>
<!-- Divider -->
<hr class="sidebar-divider d-none d-md-block">

[24]
<!-- Sidebar Toggler (Sidebar) -->
<div class="text-center d-none d-md-inline">
<button class="rounded-circle border-0" id="sidebarToggle"></button>
</div>
</ul>
<!-- End of Sidebar -->
<!-- Content Wrapper -->
<div id="content-wrapper" class="d-flex flex-column">
<!-- Main Content -->
<div id="content">
<!-- Topbar -->
<nav class="navbar navbar-expand navbar-light bg-white topbar mb-4 static-top shadow">
<!-- Sidebar Toggle (Topbar) -->
<button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
<i class="fa fa-bars"></i>
</button>
<!-- Topbar Navbar -->
<ul class="navbar-nav ml-auto">
<!-- Nav Item - Search Dropdown (Visible Only XS) -->
<li class="nav-item dropdown no-arrow d-sm-none">
<a class="nav-link dropdown-toggle" href="#" id="searchDropdown"
role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<i class="fas fa-search fa-fw"></i>
</a>
</li>
<!-- Nav Item - Messages -->
<div class="topbar-divider d-none d-sm-block"></div>
<!-- Nav Item - User Information -->
<li class="nav-item dropdown no-arrow">
<a class="nav-link dropdown-toggle" href="#" id="userDropdown"
role="button" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<span class="mr-2 d-none d-lg-inline text-gray-600 small">
<?php echo $_SESSION['username']; ?>
</span>
<img class="img-profile rounded-circle" src="https://source.unsplash.com
/QAB-WJcbgJk/60x60">
</a>
<!-- Dropdown - User Information -->
<div class="dropdown-menu dropdown-menu-right shadow
animated--grow-in" aria-labelledby="userDropdown">
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#"
data-toggle="modal" data-target="#logoutModal">
<i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
Logout
</a>
</div>
</li>
</ul>
</nav>
<!-- End of Topbar -->
<!-- Scroll to Top Button-->
<a class="scroll-to-top rounded" href="#page-top">
<i class="fas fa-angle-up"></i>
</a>
<!-- Logout Modal-->
<div class="modal fade" id="logoutModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Ready to Leave?</h5>
<button class="close" type="button" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">Select "Logout"
below if you are ready to end your current session.</div>
<div class="modal-footer">
<button class="btn btn-secondary"

[25]
 type="button" data-dismiss="modal">Cancel</button>
<form action="login.php" method="POST">
<button type="submit" name="logout_btn"
class="btn btn-primary">Logout</button>
</form>
</div>
</div>
</div>
</div>

#scripts.php
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Core plugin JavaScript-->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Custom scripts for all pages-->
<script src="js/sb-admin-2.min.js"></script>
<!-- Page level plugins -->
<script src="vendor/chart.js/Chart.min.js"></script>
<!-- Page level custom scripts -->
<script src="js/demo/chart-area-demo.js"></script>
<script src="js/demo/chart-pie-demo.js"></script>
<?php
$connection=mysqli_connect("localhost","root","","adminpanel");
if(isset($_POST['registerbtn']))
{
$username = $_POST['username'];
$email = $_POST['email'];
$password = $_POST['password'];
$cpassword = $_POST['confirmpassword'];

$email_query = "SELECT * FROM register WHERE email='$email' ";

$email_query_run = mysqli_query($connection, $email_query);
if(mysqli_num_rows($email_query_run) > 0)
{
$_SESSION['status'] = "Email Already Taken. Please Try Another one.";
$_SESSION['status_code'] = "error";
header('Location: register.php');
}
else
{
if($password === $cpassword)
{
$query = "INSERT INTO register (username,email,password) VALUES ('$username','$email','$password')";
$query_run = mysqli_query($connection, $query);

if($query_run)
{
// echo "Saved";
$_SESSION['status'] = "Admin Profile Added";
$_SESSION['status_code'] = "success";
header('Location: register.php');
}
else
{
$_SESSION['status'] = "Admin Profile Not Added";
$_SESSION['status_code'] = "error";
header('Location: register.php');
}
}
else
{
$_SESSION['status'] = "Password and Confirm Password Does Not Match";
$_SESSION['status_code'] = "warning";
header('Location: register.php');
}
}
}
?>

[26]
5.4 Courses
#courses.php
<html>
<head>
<meta name="viewport" contact="with=device-width, initial-scale=1.0">
<title> college website </title>
<link rel="stylesheet" href="style3.css">
<link rel="stylesheet" href="link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?
family=Poppins:ital,wght@0,100;0,300;0,600;0,700;1,100&display=swap" rel="stylesheet">
<script src="https:/kit.fontawesome.com/3b1681023c.js" crossoigin="anonymous"></script>
</head>
<body>
<section class="sub-header">
<nav>
<a href="college.html"><img src="images/LOGO-2.png"
width="90" height="120" /></a>
<div class="nav-links">
<ul>
<li><a href="college.php">HOME</a></li>
<li><a href="about.php">ABOUT</a></li>
<li><a href="tempreg.php">REGISTER</a></li>
<li><a href="course.php">COURSE</a></li>
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="blog.php">BLOG</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
</div>
</nav>
<h1>Our Courses</h1>
</section>
<section class="course">
<h1 style="padding: 3px 14px;background-color:#FE8020;
color:rgb(255, 255, 255);border-radius: 30px;">Courses we offer</h1>
<br><br>
<div class="row">
<div class="course-col">
<h3>COMPUTER SCIENCE ENGINEERING</h3>
<p>Computer Science Engineering (CSE) is an academic programme that integrates the field of Computer Engineering and
Computer Science. It is one of the most sought after courses amongst engineering students.
The course contains a plethora of topics but emphasises the basics of computer programming and networking. </p>
<button class="btn btn-secondary"><a href="cse.php">
<h5 style="color:white">READ MORE</h5></a></button>
</div>
<div class="course-col">
<h3>ELECTRONICS AND COMMUNICATION ENGG</h3>
<p>Electronics and communication engineering (ECE) is a discipline of engineering that involves developing and testing electronic
circuits and communication devices like transmitters, receivers and integrated circuits. This field of engineering also involves working with
microprocessors, solid-state devices, satellite communication tools, circuits and electronic devices.</p>
<button class="btn btn-secondary"><a href="ece.php"><h5 style="color:white">READ MORE</h5></a></button>
</div>
<div class="course-col">
<h3>CIVIL ENGINEERING</h3><br><br>
<p>Civil engineers design major transportation projects. Civil engineers conceive, design, build, supervise, operate, construct and
maintain infrastructure projects and systems in the public and private sector, including roads, buildings, airports, tunnels, dams, bridges,
and systems for water supply and sewage treatment.</p>
<button class="btn btn-secondary"><a href="ce.php">
<h5 style="color:white">READ MORE</h5></a></button>
</div>
</div>
<div class="row">
<div class="course-col">
<h3>AUTO MOBILE ENGINEERING</h3><br>
<p>Automobile engineering is a branch study of engineering which teaches manufacturing, designing, mechanical mechanisms as
well as operations of automobiles.
It is an introduction to vehicle engineering which deals with motorcycles, cars, buses, trucks, etc</p>
<button class="btn btn-secondary"><a href="ame.php"><h5 style="color:white">READ MORE</h5></a></button>

[27]
 </div>
<div class="course-col">
<h3>ELECTRICAL AND ELECTRONIC ENGINEERING</h3>
<p>Electrical and Electronics Engineering (EEE) is a popular engineering course that imparts knowledge related to electrical and
machine technology, circuit analysis, telecommunication systems, power engineering and its related industries</p>
<button class="btn btn-secondary"><a href="eee.php">
<h5 style="color:white">READ MORE</h5></a></button>
</div>
<div class="course-col">
<h3>MECHANICAL ENGINEERING</h3>
<p>Technically, mechanical engineering is the application of the principles and problem-solving techniques of engineering from
design to manufacturing to the marketplace for any object. Mechanical engineers analyze their work using the principles of motion,
energy,and force—ensuring that designs function safely, efficiently, and reliably, all at a competitive cost.</p>
<button class="btn btn-secondary"><a href="me.php">
<h5 style="color:white">READ MORE</h5></a></button>
</div>
</div>
</section>
<section class="facilities">
<h1>Our Facilities</h1>
<div class="row">
<div class="facilities-col">
<img src="images/18.jpg">
<h3>World Class Library</h3>
<p>Well stocked library with a collection of 20000+ books, 5741+ titles, 35+ journals, 963+ project reports, 100+ bound volumes,
500+ CD-ROM, DVD-ROM, previous years question papers, SC and ST book bank and DELNET online databases etc.</p>
</div>
<div class="facilities-col">
<img src="images/19.jpg">
<h3>Largest Playground</h3>
<p>Available Facilities: Badminton Court|Basketball Court|Cricket Ground|Volley Ball|Kho-Kho|Kabaddi|Chess|Carrom</p>
</div>
<div class="facilities-col">
<img src="images/20.jpg">
<h3>Tasty And Healthy Food</h3>
<p>The college has a spacious canteen facility in the college. A variety of south Indian food and snack items are provided to the
students and staff of the college with the highest quality.</p>
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>SPC - The Sanketika Polytechnic College is one of the pioneer institutes of providing quality technical education to the
students<br> over a period of two decades. We feel proud to announce that around 10,000 students have passed through <br>the portals
of the Sanketika institutions.
We believe that productivity is never an<br> accident it's the regular efforts done by an individual to achieve their goals.</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
<marquee><p>Made with <i class="fa fa-heart-o"></i> By Eswar,Sohail,Abhiram,Roshan,Uday</p></marquee>
</section>
</body>
</html>

5.5. Gallery
#gallery.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset-"UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WEBSITE GALLERY</title>
<link rel="stylesheet" href="style4.css">
</head>

[28]
<body>
<input type="radio" name="photos" id="check1" checked>
<input type="radio" name="photos" id="check2">
<input type="radio" name="photos" id="check3">
<input type="radio" name="photos" id="check4">
<div class="container">
<h1>OUR COLLEGE GALLERY</h1>
<div class="top-content">
<h3>PHOTO GALLERY</h3>
<label for="check1">All Photos</label>
<label for="check2"> Campus</label>
<label for="check3"> Facilities</label>
<label for="check4">labs</label>
<label for="check4"><a href="blog.php">BLOG</label>
</div>
<div class="photo-gallery">
<div class="pic campus">
<img src="images/1.jpg">
</div>
<div class="pic campus">
<img src="images/33.jpg">
</div>
<div class="pic campus">
<img src="images/5.jpg">
</div>
<div class="pic campus">
<img src="images/6.jpg">
</div>
<div class="pic campus">
<img src="images/40.jpeg">
</div>
<div class="pic campus">
<img src="images/32.jpg">
</div>
<div class="pic facilities">
<img src="images/34.jpg">
</div>
<div class="pic facilities">
<img src="images/9.jpg">
</div>
<div class="pic labs">
<img src="images/41.png">
</div>
<div class="pic labs">
<img src="images/42.jpg">
</div>
<div class="pic labs">
<img src="images/43.png">
</div>
<div class="pic labs">
<img src="images/44.jpg">
</div>
<div class="pic labs">
<img src="images/45.jfif">
</div>
<div class="pic labs">
<img src="images/10.jpg">
</div>
<div class="pic facilities">
<img src="images/19.jpg">
</div>
<div class="pic facilities">
<img src="images/20.jpg">
</div>
<div class="pic facilities">
<img src="images/37.jfif">
</div>
<div class="pic facilities">
<img src="images/18.jpg">
</div>
</div>

[29]
 </div>
</body>
</html>
5.6 Blog
#blog.php
<html>
<head>
<meta name="viewport" contact="with=device-width, initial-scale=1.0">
<title> college website </title>
<link rel="stylesheet" href="style3.css">
<link rel="stylesheet" href="link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,600;0,700;1,100&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/3b1681023c.js" crossorigin="anonymous"></script>
</head>
<body>
<section class="sub-header">
<nav>
<a href="college.html"><img src="images/LOGO-2.png"
width="90" height="120" /></a>
<div class="nav-links">
<ul>
<li><a href="college.php">HOME</a></li>
<li><a href="about.php">ABOUT</a></li>
<li><a href="tempreg.php">REGISTER</a></li>
<li><a href="course.php">COURSE</a></li>
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="blog.php">BLOG</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>
</div>
</nav>
<h1>Our Certificate & Online Program For 2022</h1>
</section>
<section class="blog-content">
<div class="row">
<div class="blog-left">
<img src="images/26.webp">
<h2>Our Certificate & Online Program For 2022</h2>
<p><b>1. Check-ins From Summer and Semester Internships</b><br>
We all know going to college is about more than going to class. Talk to your career services office, get a few recommendations on students
with interesting internship placements, and then ask them to write about it, either periodically throughout the summer or semester, or
after the internship is over and they’ve had a chance to reflect.</p><br>
<p><b>2. Recaps of Student Events on Campus</b><br>
When I was considering colleges, I learned about our school’s “midnight madness” event,
a student event that started at – you guessed it – midnight, and helped kick-off the
start of basketball season. Don’t let these events go private. They’re excellent content opportunities.</p><br>
<p><b>3. Coolest Work-Study Jobs on Campus</b><br>
I have to give a shout-out to Princeton University for this idea. To many students, work-study jobs are a necessary part of campus life. I
love the concept of taking something that is not traditionally a selling point and making it one. Well done, Princeton.</p><br>
<p><b>4. Spotify Playlists</b><br>
This idea comes courtesy of Duke University, and what I love about this idea is how it expands the scope of what you consider “content.”
Spotify playlists are a trendy way to showcase what your students are into. If you’re looking to go down this road, consider making
different playlists for studying, homecoming, graduation, etc.</p>
<div class="comment-box">
<h3>Leave a comment</h3>
<form class="comment-form">
<input type="text" placeholder="Enter Name">
<input type="email" placeholder="Enter Email">
<textarea rows="5" placeholder="Your comment">
</textarea>
<button type="submit" class="hero-btn red-btn">POST COMMENT</button>
</form>
</div>
</div>
<div class="blog-right">
<h3>Under Categories</h3>
<div>
<span>CSE</span>

[30]
 <span>180</span>
</div>
<div>
<span>ECE</span>
<span>60</span>
</div>
<div>
<span>EEE</span>
<span>120</span>
</div>
<div>
<span>MECH</span>
<span>180</span>
</div>
<div>
<span>CIVIL</span>
<span>60</span>
</div>
<div>
<span>AUTO MOBILES</span>
<span>60</span>
</div>
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>SPC - The Sanketika Polytechnic College is one of the pioneer institutes of providing quality technical education to the
students<br> over a period of two decades. We feel proud to announce that around 10,000 students have passed through <br>the portals
of the Sanketika institutions.
We believe that productivity is never an<br> accident it's the regular efforts done by an individual to achieve their goals.</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
<marquee><p>Made with <i class="fa fa-heart-o"></i> By Eswar,Sohail,Abhiram,Roshan,Uday</p></marquee>
</section>
</body>
</html>
5.7 Contact
#contact.php
<html>
<head>
<meta name="viewport" contact="with=device-width, initial-scale=1.0">
<title> college website </title>
<link rel="stylesheet" href="style3.css">
<link rel="stylesheet" href="link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,300;0,600;0,700;1,100&display=swap"
rel="stylesheet">
<script src="https:/kit.fontawesome.com/3b1681023c.js" crossoigin="anonymous"></script>
</head>
<body>
<section class="sub-header">
<nav>
<a href="college.html"><img src="images/LOGO-2.png"
width="90" height="120" /></a>
<div class="nav-links">
<ul>
<li><a href="college.php">HOME</a></li>
<li><a href="about.php">ABOUT</a></li>
<li><a href="tempreg.php">REGISTER</a></li>
<li><a href="course.php">COURSE</a></li>
<li><a href="gallery.php">GALLERY</a></li>
<li><a href="blog.php">BLOG</a></li>
<li><a href="contact.php">CONTACT</a></li>
</ul>

[31]
 </div>
</nav>
<h1>Contact Us</h1>
</section>
<section class="location">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3798.876251689601!2d83.34494701441645!3d17.
797512087834022!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a395b9945e49aff%3A0x85a7e863c3581a54!2sSanketika%
20Polytechnic%20College!5e0!3m2!1sen!2sin!4v1662647116835!5m2!1sen!2sin" width="600"height="450" style="border:0;"
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</section>
<section class="contact-us">
<div class="row">
<div class="contact-col">
<div>
<i class="fa fa-home"></i>
<span>
<h5>Beside Stadium, PM Palem</h5>
<p>Visakhapatnam, Andhra Pradesh, INDIA</p>
</span>
</div>
<div>
<i class="fa fa-phone"></i>
<span>
<h5>+91 9505504221,+91 9948153640</h5>
<p>Monday to Saturday, 9AM to 5PM </p>
</span>
</div>
<div>
<i class="fa fa-envelope-o"></i>
<span>
<h5>[email protected]</h5>
<p>Email us your query </p>
</span>
</div>
</div>
<div class="contact-col">
<form action="form-handler.php" method="post">
<input type="text" name="name" placeholder="Enter your name" required>
<input type="email" name="email" placeholder="Enter email address" required>
<input type="text" name="subject" placeholder="Enter your subject" required>
<textarea rows="8" name="message" placeholder="Message" required></textarea>
<button type="submit" class="hero-btn red-btn">Send Message</button>
</form>
</div>
</div>
</div>
</section>
<section class="footer">
<h4>About Us</h4>
<p>SPC - The Sanketika Polytechnic College is one of the pioneer institutes of providing quality technical education to the
students<br> over a period of two decades. We feel proud to announce that around 10,000 students have passed through <br>the portals
of the Sanketika institutions.
We believe that productivity is never an<br> accident it's the regular efforts done by an individual to achieve their goals.</p>
<div class="icons">
<i class="fa fa-facebook"></i>
<i class="fa fa-twitter"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-linkedin"></i>
</div>
<p>Made with <i class="fa fa-heart-o"></i> By ESWAR, SOHAIL, ABHIRAM, UDAY, ROSHAN</p>
</section>
</body>
</html>

[32]
CHAPTER-6
Screen-Shots

[33]
 6. Screen Shots

6.1 Home Page

fig.1

fig.2

[34]
fig.3

fig.4

fig.5

[35]
6.2 About Us

fig.1

fig.2

[36]
6.3 Register

fig.1

Student Registration

fig.2

[37]
Faculty Registration

fig.3

fig.4

[38]
fig.5

fig.6

[39]
6.4 Courses

fig.7

fig,8

[40]
6.5 Gallery

fig.9

fig.10

[41]
6.6 Blog

fig.11

fig.12

[42]
6.7 Contact Us

fig.13

fig.14

[43]
CHAPTER-7
Conclusion

[44]
 7. Conclusion

Our project is only a humble venture to satisfy the needs to manage their project
work. Several user friendly coding have also adopted.The objective of software planning is
to provide a frame work that enables the manger to make reasonable estimates made
within a limited time frame at the beginning of the software project and should be updated
regularly as the project progresses.

At the end it is concluded that we have made effort on following points…

 A description of the background and context of the project and its relation to work
already done in the area.
 Made statement of the aims and objectives of the project.
 The description of Purpose, Scope, and applicability.
 We define the problem on which we are working in the project.
 We describe the requirement Specifications of the system and the actions that can
be done on these things.
 We understand the problem domain and produce a model of the system, which
describes operations that can be performed on the system.
 We included features and operations in detail, including screen layouts.
 We designed user interface and security issues related to system.
Finally the system is implemented and tested according to test cases.

[45]
CHAPTER-8
References & Bibliography

[46]
 8. References and Bibliography:

 Google for problem solving

 http://www.javaworld.com/javaworld/jw-01-1998/jw-01-Credentialreview.html
 Database Programming with JDBC and Java by O'Reilly
 Head First Java 2nd Edition
 http://www.jdbc-tutorial.com/
 Java and Software Design Concepts by Apress
 https://www.tutorialspoint.com/java/
 http://www.javatpoint.com/java-tutorial
 https://docs.oracle.com/javase/tutorial/
 http://www.wampserver.com/en/
 http://www.JSP.net/
 http://www.tutorialspoint.com/mysql/
 httpd.apache.org/docs/2.0/misc/tutorials.html

[47]