FF Se Document - 15

SOFTWARE ENGINEERING PROJECT
on
COLLEGE MANAGEMENT SYSTEM

Submitted in partial fulfilment of requirements for the award of the degree of
Bachelor of Technology
In
Computer science and Engineering
By
JESSICA-O180736
LAKSHMAN-O180001
MAHESWARI-O180584
VENKATA LAKSHMI-O180386
NITHIN KUMAR REDDY-O180160
Under the guidance of
Mrs P.SINDHU
(Assistant Professor)
Department of Computer Science &Engineering
Department of ComputerScience &Engineering

(An Autonomous Institution, Approved by AICTE )
KurnoolRoad,Ongole,Prakasam(Dt.),AndhraPradesh –523225
Software Engineering
CERTIFICATE
This is to certify that the project entitled “COLLEGE MANAGEMENT SYSTEM” being
submitted by Jessica holding the id number O180736 and Lakshman holding the Id
number O180001 and Maheswari holding the Id number O180584 and Venkata Lakshmi
holding Id number O180368 and Nithin kumar reddy with Id O180160 are partial
fulfilment of the requirements for the award of the degree of the Bachelor of Technology
in Computer Science and Engineering to RGUKT Institutions ( Ongole an autonomous
college ) is a record of bonafide work carried out by them under my guidance and
supervision from September2022 to January 2023. The results presented in this
project have been verified and found to be satisfactory. The results embodied in this
project report have not been submitted to any other University for the award of any
other degree .
Internal Guide External Examiner

Mrs.P.Sindhu
(Ass.Professor,Dept of CSE)
ACKNOWLEDGEMENT
It is our privilege and pleasure to express a profound sense of respect,gratitude and

indebtedness to our guide Mrs P.Sindhu ,Assistant Professor, Dept. Of Computer
Science and Engineering, RGUKT (An autonomousCollege of Engineering), for his/her
indefatigable inspiration, guidance,cogent discussion, constructive criticisms and
encouragement throughout this dissertation work. We express our sincere gratitude to Mr
Buthapati Sampath,Assistant Professor,Department of Computer Science and
Engineering, RGUKT instistutions (An Autonomous college), for his suggestions ,
motivations and co-operation for the successful completion of the work .We extend
our sincere thanks to Mr.Suguna Rao, Dean of Academics RGUKT Institutions, for his
encouragement and constant help.
We extend our sincere thanks to Prof. B.Jayarami Reddy, Director, Rgukt Ongole for
his encouragement.
JESSICA(O180736)
LAKSHMAN(O180001)
MAHESWARI(O180584)
VENKATA LAKSHMI(O180386)
NITHIN KUMAR REDDY (O180160)
DECLARATION
We hereby declare that the project work entitled “COLLEGE MANAGEMENT

SYSTEM” submitted to the RGUKT. ONGOLE institutions(An Autonomous college of
Engineering) in partial fulfilment of the requirements for the award of the degree of
Bachelor of Technology (B.Tech) in Computer Science and Engineering is a record of
an original work done by us under the guidance Mrs P.Sindhu ,Assistant Professor and
this project work have not been submitted to any other university for the award of any
other degree or diploma.
JESSICA(O180386)
LAKSHMAN(O180001)
MAHESWARI(O180584)
VENKATA LAKSHMI(O180386)
NITHIN KUMAR REDDY (O180160)
ABSTRACT
This project is based on college management system.It manages the college information,student
information,placement information,various different types of events going on in our college.It also
keeps track record of all the information regarding students those who are placed in various
organisations.Main objective of this study is an important step towards streamlining this effort is to
develop a framework and identify necessary properties that a secure and trusted online department
working system must satisfy to reduce discovery redundancy.Such a framework will allow us to
evaluate as well as compare the merits of existing and future candidate in department.System
should support multi-user environment.System should be fully automated. System should provide
concrete security features like creating users and and assigning privileges to the users of the
system.System should be capable to keep track of all the detailed descriptions of the client and the
whole details of services.
Software Engineering Page 5

Table of Contents
1. Introduction
1.1 Motivation
1.2 Problem Definition
1.3 Objective of the Project
2. Literature Survey
3. Analysis
3.1 Existing System
3.2 Proposed System
3.3 Software Requirements Specification
3.3.1 Purpose
3.3.2 Scope
3.3.3 Overall Description
4. Design
4.1 UML diagrams
5. Implementation
5.1 Modules
5.2 Module description
5.3 Introduction of technologies used
5.4 Sample Code
6. Test cases
7. Screenshots
8. Conclusion
9. Future Enhancement
10. Bibliography
1.Introduction
The college management system is developed by using the Android. The main aim of this project is to
develop an android application which covers the all the details of college like student profile, teacher
profile, student progress, academic events, student attendance, Bus fees, College Fees, library,
sports. All the data related to college, staff and student is securely stored on firebase database which
is managed by the college administrator. The system utilizes the authentication, each subactivity has
authentication allowing the authorised users to login in the system to create or update information in
the particular activity. The staff can submit request for the leave thus reducing the processing time.
The application reduced the time needed to access and deliver the student records to users.
College Management System project is implemented in java platform.

College Management system is integrated android application that handles various academic or
nonacademic activities of college. The system can access by every students/faculties/employee of the
college through internet with help of android mobiles with their email id and password. Every users in
college management system has different home page with their respective levels like student has the
different level and teacher has the different level. Through that displayed menu user can access the
different option of the application assigned him. The system college management system can be used
to manage data of all type of education institute. It will support both stand alone and also networking
environment. The application reduces as much as possible to avoid error while entering the data. No
formal knowledge is needed for the user to use this application. Thus it provide userfriendly
environment for everyone.
1.1.Motivation
The software facilitates the administrators to know the present status of a student of college.We are
intended to create this college management system by attaining good motivation from our seniors
who had developed our college’s official nexus portal on their own.Our project adds some more
additional features to the existing system which thereby helps all the students and administrators of
college in proper retrieval and data entry.

1.2.Problem Definition
The problem is to provide the complete information about the college campus. In which the college
staff members, students and parents can access the information and will be familiar with college
campus. It will provide interactive environment for the staff, students and parents by getting
knowledge of student attendance, remarks, exams performances, grades, timetables, notices etc.
1.3.Objective of the Project

The main objective of the project is to make software fast in processing with good user interface so that This
is a web oriented application allows us to access the whole information about the college, staffs,
students, facilities etc. This application provides a virtual tour of Campus. Here we will get the latest
information about the students and staffs. This generic application designed for assisting the students
of an institute regarding information on the courses, subjects, classes, assignments, grades and
timetable. It also provides support that a faculty can also check about his daily schedule, can upload
assignments, and notices to the students. Here administrator will manage the accounts of the student
and faculties, makes the timetable, and upload the latest information about the campus.

2.Literature Survey
College management system assists in modifying the existing system to site based system.This is a
paperless work. It can be monitored and controlled remotely. It reduces the manpower required. It
provides accurate information always. Malpractice can be reduced. All gathered and extra
information can be saved and can be accessed at any time. The data which is stored in the project
helps in taking intelligent and quick decisions by the management. So it is better to have a WebBased
Information Management system. All the stakeholders,. staff members can get the desired
information without delay. This system is essential in the colleges/hostels and universities..
Online College Management System assists in automating the existing manual system. This is
a paperless work. It can be monitored and controlled remotely. It reduces the man power required. It
provides accurate information always. Malpractice can be reduced. All years together gathered
information can be saved and can be accessed at any time. The data which is stored in the repository
helps in taking intelligent decisions by the management. So it is better to have a Web Based
Information Management system. All the stakeholders, faculty and management can get the
required information without delay. This system is essential in the colleges/hostels and universities

3.Analysis
3.1 Exsisted System

Today in colleges student details are entered manually. The student details in separate records are
tedious task. Referring to all these records and updating is needed. There is a chance for more manual errors.
Problems in existing system:
• It was limited to a single system.

• It was less user-friendly.
• It have a lots of manual work (Manual system does not mean that we are working with pen and
paper, it also include working on spread sheets and other simple software's)
• It requires more no of employees need to work.
• It was time consuming process.
• The present system was very less secure.
3.2. Proposed System

Solution to these problems:
The development of the new system contains the following activities, which try to automate the entire
process keeping in view of the database integration approach.
• User friendliness is provided in the application with various controls.

• The system makes the overall project management much easier and flexible.
• It can be accessed over the Internet.
• Various classes have been used to provide file upload and mail features.
• There is no risk of data mismanagement at any level while the project development is under
process.
• It provides high level of security using different protocols like https etc.

3.3 Software Requirment Specification
3.3.1PURPOSE:
. This was the phase that involved the actual realization of the system. It is at this stage that various
tools, languages and environments are used, say, MySQL and PHP languages used for database design
and connectivity, HTML, CSS, JavaScript,Bootstrap, was used access enabling, Vs Code and notepad
as text editors.These technologies are further defined as below, as adapted fromWikipedia, the online
free encyclopedia:
i. MySQL is an open source relational database management system (RDBMS) that we usedin
developing of e-notice board system database. It is Structured Query Language (SQL), themost
popular language for adding, accessing, and processing data in a database
ii. Hypertext Markup Language (HTML) Is a predominant markup language we used fordesigning
web pages, forms as well as enablingour system in creation of web pages.
iii. Cascading Style Sheets (CSS) style sheet language weused for describing the presentationof a
document written in a markup language. It is used for styling, making the system tolook nice and
pleasant to the user.
iv. PHP Server-side scripting language was used to enable the server side of system to connect to
the client side of the system.
v. Bootstrap, was used for designing an interface for the user, unlike the PHP server-side code which
resides on the "back end" server. Bootstrap included HTML and CSS based designs templates for
typography, forms, buttons, tables, nav-models, optional JavaScript plug-ins and many others.
Bootstrap enabled us to create responsive designs for both mobile and desktop screen sizes.
vi. Operating system- Windows 10 is used as the operating system as it is stable and supports more

features and is more user-friendly.
HARDWARE REQUIREMENTS
Intel core i3 4 is the generation is used as a processor because it is fast than other processors and provide
reliable and stable and we can run our pc for long time. By using this processor, we can keep on
developing our project without any worries.
3.3.2.Scope
• College information: Through this service one can access the complete information about the
college campus such as courses available, admission procedure, placements, college events,
achievements etc.
• Student tracking: Any company or any organization that want to check the summary about the
student of the college, so that they will be able to choose the particular students for their campus
placement And for that purpose they will be given a particular link through which they can access
the information required.
• Student attendance status: It gives the attendance status of students. Faculty will update the
attendance periodically and can be seen by students and parents.
• Student’s performance in exams: This facility provides the performance of the student in each
exam which is conducted by university or college such as midterm performance. Marks obtained
by students in exams will be updated by faculties that can be access by students and parents.
• Exam Notification: This facility notifies students and parents about examination schedule.
• Events: It will give information about different events that will be conducted by college time to
time. Information about these events will be updated by administrator.
• Online assignments: This service provides the facility to faculty to upload assignments and to
students to submit these assignments online.

• Information about staff: It will help in maintaining complete information about college faculty
members such as their department, cadre, date of joining, salary, etc. Administrator will register
new faculties and remove their account when they leave the college.

User requirements:
The following requirements are raised during the analysis of the needs of the users:
 A Person Should be able to login to the system through the first page of the Application.
 The Administrator can create users as per user requirement.
 Admin can upload the data for a particular Student. On successful completion of upload, user
(Student/Parent/Faculty) can view reports.
 A general user will have access to see the status of particular Student id number.
 Student (user) can use all the facilities, same as which are provided to him in the college.
 Student can see attendance, notices, grades, report and other facilities in updated manner.
 There will be a separate page for every student as his account in which he can get notices, attendance,
grades, assignments etc.
 Parent can just view the record of student with the username and password provided.
 Faculty can give the attendances and notices for the students.
 The administrator verifies all these reports and generates them for users to view them.
After analyzing the requirements of the task to be performed, the next step is to analyze the problem
and understand its context. The first activity in the phase is studying the existing system and other is to
understand the requirements and domain of the new system. Both the activities are equally important,
but the first activity serves as a basis of giving the functional specifications and then successful design
of the proposed system. Understanding the properties and requirements of a new system is more
difficult and requires creative thinking and understanding of existing.

4.Design
4.1.UML Diagrams
UML stands for Unified Modeling Language. It’s a rich language to model software solutions, application
structures, system behavior and business processes. There are 14 UML diagram types to help you model
these behaviors.
List of UML Diagram Types :
So what are the different UML diagram types? There are two main categories; structure diagrams and
behavioral diagrams. Click on the links to learn more about a specific diagram type.
Structure Diagrams
Class Diagram
Component Diagram
Deployment Diagram
Object Diagram
Package Diagram
Profile Diagram
Composite Structure Diagram
Behavioral Diagrams
Use Case Diagram
Activity Diagram
State Machine Diagram
Sequence Diagram
Communication Diagram
Interaction Overview Diagram
Timing Diagram

1.CLASS DIAGRAM
Class diagrams are the main building block of any object-oriented solution. It shows the classes in a system,
attributes, and operations of each class and the relationship between each class.

2.COMPONENT DIAGRAM:
A component diagram displays the structural relationship of components of a software system. These are
mostly used when working with complex systems with many components. Components communicate with
each other using interfaces. The interfaces are linked using connectors
3.DEPLOYMENT DIAGRAM
A deployment diagram shows the hardware of your system and the software in that hardware. Deployment
diagrams are useful when your software solution is deployed across multiple machines with each having a
unique configuration.

4.OBJECT DIAGRAM:
Object diagram, sometimes referred to as Instance diagrams are very similar to class diagram. Like class
diagrams, they also show the relationship between objects but they use real-world examples.
They show what a system will look like at a given time. Because there is data available in the objects, they
are used to explain complex relationships between objects.

5.PACKAGE DIAGRAM:
As the name suggests, a package diagram shows the dependencies between different packages in a system.

6.PROFILE DIAGRAM:
Profile diagram is a new diagram type introduced in UML 2. This is a diagram type that is very rarely used
in any specification.

7.COMPOSITE DIAGRAM:
Composite structure diagrams are used to show the internal structure of a class.
8.USE CASE DIAGRAM:
As the most known diagram type of the behavioral UML types, use case diagram give a graphic overview
of the actors involved in a system, different functions needed by those actors and how these different
functions interact.
It’s a great starting point for any project discussion because we can easily identify the main actors involved
and the main processes of the system.

9.ACTIVITY DIAGRAM:
Activity diagrams represent workflows in a graphical way. They can be used to describe the business
workflow or the operational workflow of any component in a system. Sometimes activity diagram are used
as an alternative to State machine diagrams.

10.STATE MACHINE DIAGRAM:
state machine diagrams are similar to activity diagrams, although notations and usage change a bit. They
are sometimes known as state diagrams or state chart diagrams as well. These are very useful to describe
the behavior of objects that act differently according to the state they are in at the moment.

11.SEQUENCE DIAGRAM:
Sequence diagram in uml show how objects interact with each other and the order those interactions occur.
It’s important to note that they show the interactions for a particular scenario. The processes are represented
vertically and interactions are shown as arrows.

12.COMMUNICATION DIAGRAM:
In UML 1 they were called collaboration diagrams. Communication diagrams are similar to sequence
diagrams, but the focus is on messages passed between objects. The same information can be represented
using a sequence diagram and different objects.

13.INTERACTION OVERVIEW DIAGRAM:
Interaction overview diagrams are very similar to activity diagrams. While activity diagrams show a
sequence of processes, Interaction overview diagrams show a sequence of interaction diagrams.They are a
collection of interaction diagrams and the order they happen.

14.TIMING DIAGRAM:
Timing diagrams are very similar to sequence diagrams. They represent the behavior of objects in a given
time frame. If it’s only one object, the diagram is straightforward. But, if there is more than one object is
involved, a Timing diagram is used to show interactions between objects during that time frame.

5.IMPLEMENTATION
5.1 MODULES ADMIN
SIDE:
 Secure Login and Logout  Manage Users

 Add New Notice
 List Notices
 Edit Notice USER SIDE:
 Secure Login and Registration
 Manage Personal Details
 List All Notice sent to him

5.2 MODULE DESCRIPTION
ADMIN SIDE:
1.Secure Login and Logout:
 A secure login is an account access process that uses more than one method to verify a user's
identity. Authenticating user identity with a higher degree of certainty reduces the risk of identity
theft.
 Loging out means to end access to a computer system or a website. Logging out informs the
computer or website that the current user wishes to end the login session. Log out is also known as
log off, sign off or sign out
2.Manage Users:
 User management describes the ability for administrators to manage devices, systems, applications,
storage systems, networks, SaaS services, and user access to other various IT resources.
 User management is a core part to any identity and access management (IAM) solution, in particular
directory services tools.
 User management is an organizational function that enables users to access and control digital
assets, such as applications, devices, networks, and cloud services. Organizations are now exploring
even more advanced solutions
3.Add New Notice:
An action is used to add update messages. This is ideal because plugin authors can overwrite default
behaviors. In some instances you may want to suppress some messages – actions give you the ability to
do so. The hook to use is admin_notices.
4.List Notices:
Notice List means the list of persons in a regulatory proceeding who will receive all Board opinions and
orders and all hearing officer orders. Persons on a notice list generally do not receive copies of motions,
public comments, or testimony.
5.Edit Notice:
You can edit a change notice in the following ways:
• Select Edit from the actions list on information pages of change notices.
• Select a change notice on the Change Notices table, available from Changes > Change Notices.
USER SIDE:
1.Secure Login and Registration:

 A secure login is an account access process that uses more than one method to verify a user's
identity. Authenticating user identity with a higher degree of certainty reduces the risk of identity
theft.
 A secure registration form is what your website's visitors can use to register their details, which
will subsequently be stored in a MySQL database.
2.Manage personal details:
Personal Information Management Systems (or PIMS) are systems that help give individuals more
control over their personal data. PIMS allow individuals to manage their personal data in secure, local
or online storage systems and share them when and with whom they choose. Providers of online
services and advertisers will need to interact with the PIMS if they plan to process individuals’ data.
This can enable a human centric approach to personal information and new business models.
3.List all notice sent to him:
After making all modifications, we intimate all the information to the corresponding handlers and the records
will be stored in our website.
5.3 INTRODUCTION OF TECHNOLOGIES USED:
FRONT END:
The front end is designed using of html, css, bootstrap.
1)HTML:
Html or hyper text markup language is the main markup language for creating web pages and other
information that can displayed in a web browser.Html allows images and objects to be embedded and
can be used to create interactive forms.It provides a means to create structural documents by denoting
structural semantics for text such as headings,paragraphs,lists,links,codes and other items.It can be
embedd scripts written in languages such as javascript which affect the behaviours of html,webpages.
Features of html:

 It is easy to learn and easy to use.
 It is platform-independent.
 Images ,videos and audio can added to a webpage.
 Hypertext can be added to the text.
 It is markup language. 2)CSS:
Cascading style sheets(CSS) is style sheet language used for describing the look and formatting of a
document written in a markup language.CSS specifies a priority scheme to determine which style rules
apply if more than one rule matches againsta particular element.In this so called cascade,priorites or
weights are calculated and assigned to rules, so that the results are predictable.
Features of CSS:
 CSS saves time.

 Pages load faster.
 Easy maintanence.
 Multiple device compatibility.
3)BOOTSTRAP:
Bootstrap is the most popular CSS framework ofr developing responsive and mobile-first websites.
Provides a clean and uniform solution for building an interface for developers.It contains beautiful and
functional built-in components which are easy to customize.It also provides web based customization
and best of all it is an opensource.
Features of Bootstrap:
 Easy to begin with.

 Less as well as CSS files.
 Easily customizable.
 Responsive uitlity classes.
4)PHP:
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
 PHP can generate dynamic page content.
Features of php:
• 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.
BACKEND:
Implementation of backend is generally done using popular backend scripting languages such as Mysql.
1)MYSQL:
MySQL is an Oracle-backed open source relational database management system (RDBMS) based on
Structured Query Language (SQL). MySQL runs on virtually all platforms, including Linux, UNIX and
Windows. Although it can be used in a wide range of applications, MySQL is most often associated with
web applications and online publishing.MySQL is an important component of an open source enterprise
stack called LAMP. LAMP is a web development platform that uses Linux as the operating system, Apache
as the web server, MySQL as the relational database management system and PHP as the objectoriented
scripting language. (Sometimes Perl or Python is used instead of PHP.)

SAMPLE CODE:

<html>
<head>
<link rel="stylesheet" type="text/css" href="SE_Project.css" />
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z"
crossorigin="anonymous"/>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"></script>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
integrity="sha384-
B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV"
crossorigin="anonymous"></script> <link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/6.2.1/css/all.min.css"
integrity="sha512-
MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w=
=" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" type="text/css"
href="/home/student/Downloads/SE_Project.css /">
<style> .rgukt-
logo{ height:50px;
width:50px;
}
.p::first-letter{
fontsize:50px;
} .p{ font-
size:30px; color:brown;
}
.hover{ font-
size: 20px;

font-weight: bold;
color:black
}
.dwitem:hover{
background-color: orangered;
} body {
background-color: white;
display: flex; flex-
direction: column; }
.student-portal,
.staff-portal,
.studentwelfare-portal, .placement-portal {
margin-bottom: 20px; background-color:
white; border-radius: 2px; borderwidth:
0.5px; box-shadow: 0 4px 8px 0 rgba(0, 0,
0, 0.2); text-align: center; cursor:
pointer; text-transform: capitalize;
height: 150px; width:
150px; padding-top: 30px;
}
.text {
fontsize: 15px;
color: black;
}
.student-popup-container,
.staff-popup-container,
.studentwelfare-popup-container
{ position: fixed; top:
20%; left: 50%;
transform: translate(-50%);
background-color: white;
display: flex;
justifycontent: center; z-
index: 30; flex-direction:
column; padding: 20px;
border: 4px;

box-shadow: 0 4px 8px rgba(0, 0, 0,
0.4); opacity: 1; transition: all
0.7s; text-align: center;
.active.student-popup-container,
.active.staff-popup-container,
.active.studentwelfare-popup-container
{ visibility: hidden; opacity:
0; top: 10%;
}
.modal-header { padding: 20px;

display: flex; justifycontent:
space-between; alignitems:
center;
}
.modal-header .title { fontsize:

2rem; font-weight:
bold; text-transform:
capitalize; }
.modal-header .close-button,
.studentwelfare-close-button,
.staff-close-button {
cursor: pointer;
fontweight: bold; border:
none; background-color:
white;
.modal-body {
padding: 20px;
}
.modal-body .modal-input {
display: flex; width:
100%; margin-bottom:
15px;

.modal-body .modal-input .icon
{ background-color: black;
padding: 10px; margin: 0;
color: white; text-align:
center;
}
.modal-body .login { background-

color: black; padding: 10px;
border-radius:
5px; text-transform:
capitalize; color: white; }
#overlay { position:
fixed; opacity: 0;
top: 0; right: 0;
left: 0; bottom: 0;
pointer-events: none;
#overlay.active { pointer-events:
all; opacity: 1; backgroundcolor:
rgba(0, 0, 0, 0.2);
} .class{ margin-
top:25px;
}
.chan{
background-color: aliceblue;
padding:10px;
} a{
text-decoration: none;
color:black
}
.body{
background-image: url("https://www.rguktong.ac.in/svgs/carosel/ssn.png");
height:100vh;

width:100vw; background-size: cover;
background-color:rgb(96,
229, 189) ;
}
</style>
</head>
<body>
<div class="body">
<nav class="navbar navbar-expand-lg navbar-light bg-light bg-transparent">
<a class="navbar-brand" href="#">
<div class="d-flex flex-row">
<img src="ongole.png" class="rgukt-logo"/>
<p class="p">Ongole</p>
</div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse"
datatarget="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup"
ariaexpanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav ml-auto">
<a class="nav-link hover" href="#">Home</a>
<div class="dropdown">
<a class="nav-link hover" href="#" id="dropdownMenuButton"
datatoggle="dropdown" aria-haspopup="true" aria-expanded="false">About
<ul class="dropdown-menu">
<li><a class="dropdown-item dwitem" href="#">At a Glance</a></li>
<li><a class="dropdown-item dwitem" href="#">Campus Life</a></li>
<li><a class="dropdown-item dwitem" href="#">Education System</a></li>
<li><a class="dropdown-item dwitem"
href="#achieve">Achievements&Awards</a></li>
<li><a class="dropdown-item dwitem" href="#">Governing
Council</a></li>
<li><a class="dropdown-item dwitem" href="#">Gallery</a></li>
</ul>
</a>
</div>
<div class="front">
</div>
<div class="dropdown" >

<a class="nav-link hover" href="#" id="dropdownMenuButton1"
datatoggle="dropdown" aria-haspopup="true" aria-expanded="false">Academics
<li><a class="dropdown-item dwitem" href="#">Programmes</a></li>
<li><a class="dropdown-item dwitem" href="#">Curricula</a></li>

<li><a class="dropdown-item dwitem" href="#">Academics
Regulations</a></li>
<li><a class="dropdown-item dwitem" href="#">Academic Calendar</a></li>
</ul>
</a>
</div>
<div class="dropdown" >
datatoggle="dropdown" aria-haspopup="true" aria-expanded="false">Portals
<li><a class="dropdown-item dwitem" href="#portals">Student
portal</a></li>
<li><a class="dropdown-item dwitem" href="#portals">Staff
portal</a></li>
<li><a class="dropdown-item dwitem" href="#portals">Student
welfare</a></li>
<li><a class="dropdown-item dwitem" href="#portals">placement
portal</a></li>
</ul>
</a>
</div>
<div class="dropdown">
datatoggle="dropdown" aria-haspopup="true" aria-expanded="false">Adminstration
<li><a class="dropdown-item dwitem"
href="#chancellor">Chancellor</a></li>
<li><a class="dropdown-item dwitem" href="#vice">Vice Chancellor</a></li>
<li><a class="dropdown-item dwitem" href="#director">Director</a></li>
<li><a class="dropdown-item dwitem" href="#dean">Dean Academics</a></li>
</ul>
</a>
</div>
</div>
</div>
</nav>
</div>
<div class="container class" id="portals">

<div class="row">
<div class="col-12">
<h2 style="margin-bottom:50px;">Portals</h2>
</div>
<div class="col-6 col-lg-3 col-xl-3">
<div class="student-portal">
<i class="fa-solid fa-graduation-cap fa-4x"></i>

<div class="text">Student portal</div>
</div>
</div>
<div class="staff-portal">
<i class="fa-solid fa-chalkboard-user fa-4x"></i>
<div class="text">staff portal</div>
</div>
</div>
<div class="studentwelfare-portal">
<i class="fa-solid fa-envelope fa-4x"></i>
<div class="text">student welfare</div>
</div>
</div>
<div class="placement-portal">
<i class="fa-solid fa-building fa-4x"></i>
<div class="text">placement portal</div>
</div>
</div>
</div>
</div>
<div class="student-popup-container active">

<div class="modal-header">
<div class="title">student login</div>
<button class="close-button">×</button>
</div>
<div class="modal-body">
<form action="login2.php" method="post">
<div class="modal-input">
<i class="fa-solid fa-id-card icon"></i>
<input type="text" name="username" placeholder="Enter Your Id" />
</div>
<i class="fa-solid fa-key icon"></i>
<input type="password" name="password" placeholder="Enter Your
Password" />
</div>
<a href="attendance_page_052624.html" type="button"
class="login">Login</a>
</form>
</div>
</div>

<div class="staff-popup-container active">
<div class="title">staff login</div>
<button class="staff-close-button">×</button> </div>
<form>
<i class="fa-sharp fa-solid fa-envelope icon"></i>
<input type="text" name="username" placeholder="Enter Your Email"
/>
</div>
<input type="password" name="password" placeholder="Enter Your Password" />
</div>
<a href="staff_page_052624.html" type="button" class="login">Login</a> </form>
</div>
</div>
<div class="studentwelfare-popup-container active">

<div class="title">SWO login</div>
<button class="studentwelfare-close-button">×</button> </div>
<form>
<input type="text" name="username" placeholder="University ID" /> </div>
<input type="password" name="password" placeholder="Password" /> </div>
<a href="attendance_page_052624.html" type="button" class="login">Login</a>
</form>
</div>
</div>
<div id="overlay"></div>
<div class="container" id="sectionad">

<div class="row">

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

</div>
<input type="text" name="username" placeholder="Enter Your Id" /> </div>
</div>
</form>
</div>
</div>

<div class="staff-popup-container active">
<div class="title">staff login</div>
<button class="staff-close-button">×</button>
</div>
<form>
<i class="fa-sharp fa-solid fa-envelope icon"></i>
<input type="text" name="username" placeholder="Enter Your Email"
/>
</div>
<input type="password" name="password" placeholder="Enter Your
Password" />
</div>
<a href="staff_page_052624.html" type="button" class="login">Login</a>
</form>
</div>
</div>
<div class="studentwelfare-popup-container active">

<div class="title">SWO login</div>
<button class="studentwelfare-close-button">×</button>
</div>
<form>
<input type="text" name="username" placeholder="University ID" />
</div>
<input type="password" name="password" placeholder="Password" />
</div>
<a href="attendance_page_052624.html" type="button"
class="login">Login</a>
</form>
</div>
</div>
<div id="overlay"></div>
<div class="container" id="sectionad">

<div class="row">

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

</div>
</div>
</form>
</div>
</div>

<h1 class="adminstration-section-heading"
style="margintop:70px;marginbottom:20px">Administration</h1>
</div>
<div class="col-12 col-md-6 col-lg-3 p-10 m-10">

<a href="ad.html">
<div class="ad-item-card shadow bg-white p-3 mb-3" id="chancellor">
<img
src="https://rguktn.ac.in/administration/images/kcreddy.jpg"class="menu-item-image w100
h-50"/>
<h5 class="ad-card-title p-1">Chancellor</h5>
<h6>K.C.Reddy</h6>
</div>
</a>
</div>

<a href="ad2.html">
<div class="ad-item-card shadow bg-white p-3 mb-3" id="vice">
<img
src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHC
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

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

</div>
</div>
</form>
</div>
</div>

IaLXsklgDboOo43u0rbkzlmM+sePjsuV+NAo6+hPTKjSRgsnaukpPIu2IFhGmB1qhqKjfWY3S9g6XtHiVEco0Bp
r0vaM+KapuLSKpjKdn9Io+0Z8VNTtLHcmox3Q9h8CmqbidJG4UrhUCST2USdEYJK9abiGty3es7xKYn1uW71neJ
TEvsnoUQgioHBFNTggSKCKCjliwitRewtDi5jg0HReIMT1rkGSsnva4kExMOZJaCQNcaQDqXbVzipZrloqgiA6q

53hMdcrqZdZTr2qmwVHm4wCmNZAVipm+ww6+68Lp4hxJbJDjM8bE4r3bNRB+RPPICtGzkCSAB6x9w965vJfx3OO
a8snWydDS5jACIaBqBMNbO0TqW1sFlb5HyZAALLpjDSIJVKkwETpjRAgA9HxXtWSmLq5yytaY4yMuzJri4TdL2g
sfIEkCAHHpiZG1XG2IB98sYT53FntOK9i0UAdLGu6QCq9m8k6Ya0FphwgSCFO1dTGKbqAvyGgCIgR1J7KMEnw1L
1RZ2bAq1oaACFLbpOs2z+VaH52jVjkOcCYmBEtPbPaoc58sVKNFj6NQsc97RIDTLbri4Yg4TC9KtTvgsmCYE7MR
iFjM+60Pp0gcGMnrOE9g711wztlJ8cc1mOFv1RdnXbTptNTqIHgFA/OC1O02mt7R48CvKSXv6z4+f2q4/KdZ3Kr
VD01HnxKhfXcdLiekk+KhQlXSbp5cjeTJSCIfeRDkwI77760Ho2HLFopGadZ7I1B5u9bTgesLoGaWezqr20bQG3
nkNZUaLsuOhr26JJwkRp0a1zAb776uq/kp0VWHRD2GdkOGPUuM8JY7xysr6GsPyur3pJWTS7q96Sxxnhrl7eXX5
TvWPiUxPr8p3rHxKYs77az0KKCIUUUQgiEBRCaEQgKxuc9C5Xa+MHyeacJ351sl4GdjAWMw+Xp/VIjfYucvTrG+
VKw2kYKDLNrc7itMSQJ6VVpU4xB6vBeHl/KRa8NxBEE9M/CO1TCW3Ud55zGbe/a8pOoMAaGuGsl4EDWThtK9ew5
fp3Bxm4DHEYdK5q2s+oAdJ0QTMCZXpWGxm64PMSHCBdxnnnpW1wkntnjnllfEat2X3F/FqsuEwRcJOzB17E9SZa
6lx/lqbwQYD2jX87pWObk6rIENIE6Hc2GjWjU8sx8BjySMQLw09UdqdMfyn9mU/HR7Pa7wmdSTpOk4Lxc12OuGZ
gEgSNi9t7tSwymrprjlbFZjON0rnOe4H5W8AzxWaNXEGG+1bvK1YspvcDBDHmdhDSRC5O95cSXEknEkkknnk79i
3/jY+bk8/8nLxMQlKUN99/BCd99+1et4yKSG+++1LfffYqHTvvvgiEzfffUiN999JQSA7779iO+/fuUwb776k8b
776BsQOG++/epQ4gE6wJ7FGN999B2KRgkd2+/goPo+xOmTtg9soKrm5aPKUKdTzqVN3a2SkvK9CrX5TvWd4pgT6
/Kd6x8SmLi+2k9CEUEQVFEIhAIhFEBFBFAlSyvZ79F7QMYvN6W8YeEdaupKDA06wI5lJa7LRrNBc1pcDpVbKdA0
Kz2fJmW+q7Fvdh0gplGrB5lzJY1vlZZkimMWNaw4aBAMe9XxRYGgOFM4YzBk9YwTrO0OAXoUabdgVmVWVUsdMHW
0asBo6FOKTRIAEaztVvybdIUVQABLdm1JlW5LdAT/AC+tU67wT0Jj6izs2mNVM4q8WeqdrC0fr8X3rmhO+++lb/
OdhFmY+eXWugbQxhLj2ub3rFV7POLez4b7V7uDHrj/AK8fPlvL/FUpu+++xOulAsOxbsAnfffShKRG+++CE7774
oHIgqNOBQStO+++hOB3+O+1RNKeDvvvpUEo3/fv5ylpnfffSq7TvvvpVim7fffSg7VwaWq/Y2icabnMPQCXN+q4
JLO8FlvcwWhsSJpOjYT5QGPojsSWXV32bKvy3es7xKYn1uU71neJTF577emehCSSKiiEUAigKKCICBJLz7flqzU
MKtZjD5pcC76Al3cszb+EazMwpU31DtMU298u7l1MMr6iXPGe69HPKxhzG1cAWm4ecO5PYZ7SsrRfIg6Uz/btbK
NopUy1tNjA991pJxDHcZ5OmNGAGkpzQUywuOtusM5lvS5ZreWYHRtV6nlpmtwC8lr9qY4sOlo7Fnp29k5daMAZ6
E7/AGg54wmNpXlU6rByQEX2wDGQBtS/8dSPSKsZLspr1LjdDYLz5oOgT5ztXWdAXjZLbVtlTydHitH/ABKxEhjf
mjW46gulZMyayz0xTYIAkknFznGbznn5RwIPM10aQtePht85MOXmk8Y+3O+Ey6x1mpNwaxj3R67mgH6ju1YgFan
hIq3rbHmUmN6yXOP+ILLtXt14ePaKvQDuY7VTfTLTC9OFHWZI5wmhBRcVPAOkA9ICgCka5BIKTPMb2JjrKw/Jjo
JUgTk0K/5E3USOwpGx/O7t9yVZCRCaFX8ldqIPX8d8SmwWmCI3371bpaz2dCFubxWu2GO3H3d6lg2fBocbR0Uft
ElHwXuxtPRR8aqSg6JX5bvWd4pifX5bvWd4leRnFlhtlol5F5xN2mzReedvMBif3rx6tuo9m9Tb1Qq9qt9KkJqV
GM9Z7QewmVyG2Zx2qqXX674J5LDcaBqADYwXlucSZOJ26+1azg+1leb5HWrTnpYmaKjnnYxjj3ugd68upwi0hya
FQ+s5jfCVzcoLScOLi8uTc2zhFqERToMZ857i/wCqA0LL2/OC01pv13keaHFrfoNgLzCmErqYYz1HNyyvukTsRa
1ENTl25avg6st+0P1fmnMnZfc1k95XpW+iadcsfhfL3MOoweMO8HtVTMa1ss1K02h4JAuMa0aXOIeQ0c8wegFez
nZamWqxstVLC5Ua4iZLCS5j2EjYSO4rPkx7Y13x5dco8+rSIVKrQlX8l2oVG7Ha1cfZebwXg7XG6r6Em2cqAt0J
ZOyPXtby1nJbF955LGnWccTGod2letUyeSdA7ltqNhZRs3k2xyXSYmXRLjhpMyBsAAwXo4Z2rHmy6xBmtb7HTa2
zU71NwOF+6HVHaL14EguMCBhiWxyVpqhgfDRq0c2AjmDdpXJqzBOGMnVAgnGZAEHngOw1romRraatnpveeNdh55
2mCeuJ641BeuzTxb25LnhaL9urnY8MH6jWtPeCvLY1MtVe+97z8t73/ScT70KblUWnNA0Yqu8p15RVXhuJ6hrKC
F7YdHWFI1qTAXGXdQ2fvTnqBNKmCgYp2hUEBNrmGnacB1qRV6pl4GzHtQTNbACktDb1Nw1gSP1cU0qG12m60jW4
R0TpKlWNVwXHG09FD7ZJLgqPGtXRQ8aySg6TX5bvWd4lcu4Q8oX7T5MHCiwAj57wHnuLB1FdPtLw0vcdDS4noEk
rhdvtRqvfUdpqPL+iSSB1DDqXn4cd5Wt+S6xkRhqDlImOC9TzhCEJ8IFBE5BjdaLhKdSOo6VA0oSpXMTLqDR5t3
X0arCJc17HjRoc0skYiSCBhzjRpFvNK0i/WsdQ/mrQXNbJwbUBF0j1tE7WtwxXlZpVSLSGYxUY+mRjjxS9uA08Z
g1Fejkiw+UquDtbn7eVFR4M7cB3K62bV2WepZ33Xgtc0wdhgxI5lq7BVvtCv5TyY2qYIxJOIAkOBLXR2SZwXl2e
zPoPuP14td8lw5ivDz8Vnl7uHllmv169iswNRk7SfoguHgvcylduPx5TO2fHBedk9uJdsEA85/cHKHLdoN26NGL
o9UFzh3Stf4uOsdsf5OW8pHgOEmYwJJ7C1pjqLvorRWOoaNhqudpYyq6OdrDe7Xtd269VbJVgl0kSGkgc5bemfW
b3qfOiu1lmtNIHFtFsjaHO8nejngk4a+30vO49djBSMCbVGKmY3BUJQ+R414mTz6hsCnKCgSgeUbS+62degKJpQ
T0grEwFHZ2qKs+XQEFhr5UFm4zi7ae7UlWdDcNJwUlBt1uCB736k2lZGVCPKVDTa2S54YXkDWAwESU24firFEQp
Vjp/B7aLBTZUZZi5xFw1HvYQ9xN+6SSIjB0AYDrSXg8HFCHWiNBFH7VJZ9HW2jzxr3LNaXTBLXMHS91z9pcaq6W
jZPwWrz8y0a9pfRYfzVJ7hA0PqAkOcdsYtHXtWUfyzzAK8ePWf6ueW6eCjCa0p60ZgU1xSeVESgkaxShsIhIIEA
mlqcUEE+S3XLRQfqFanMxF0vaHTOGgnSuh5Cydce8+Zfg89zA/WWAyfSvVGDa9viJXZWsAe9gAE3nNgRxXuYAOq
COxBFVeWkwZF50giRyqhPRyR2KC00W1G3XtJBIgjEg6o1ziBsx1q4/SZ0G+R0/n1NZ6AvwPnjoMkNPUWT1Ka2S6

QWGzXGBs3roEu1k63dHuAVe12Mk3o13T1Gow90LR2eytLHHQYf0NBbOjZjKpW48Q4ayfr1D7kx1PELu3dR2CgGN
w0COwQ4dweFznPt81HidBps6Q1jie/FdJoDiuGy73Xh7z2rmeedOCHTi6q+f1WMgfWKsGUcyUSigqGoFFJBTtJl
4b5onrKcwKFjpLnbT3BWGqCyww0nmVekNe1Tv5BUDnIA/jPA2K6BAVKy4klWy/UBKBwCQSaDpJQcittwdu41o6K

P2iSj4N242g7RR+0SXIxmUh/SbR/wC+v/mPVH5TurwCvZQP9JtP9Yr/AOY9UW6XdK6QGuxU6q1FJQqTggkIULgr
Ca5soDTMgJ6jonSNimhACgEikFR6eRGzXpj5/uK7FaRxQ/zHuJ52cSR3SuS5sU71pp8zge8N967BTOkHQb89ilF
aqJaCPNn+7qO/aU1B/Hn1u0Gs4juCrsaWl9M6WXwOcEBjfFS0hxwNRd2Xn1AT9EFB6mji/q97GfsuVTKDZY52xp
J+jUf+2FMHyJ2i92te7xe1PqNBDmnQb09F4g/VpqCrSMOI+cR2ErmWer4cGaw97vpR+5dDa8hzgdLC+efjPgrn2
f8ATisDtc/uLW+4qwZNwTVIU0quTCorQ+6xx5o7cFM5U7ceS3aZR0ipNgBWaaiKlpqCd/JK899TAr0iJaRzLxnl
KL9i5KuBefZH4QrjXoJ5UZbt7EmPQe+cG6dZ1Dr2oNpwcHG0dFH7RFDg2ibRGyjjt/4iSisNlV8Wq0f1iv8A5j1
WaeM7p+C6BlTg7Lq1V4tIF6rUdHkSYl5MT5THSq44OHST+VD2B/ERGHeFADBXQDwcu9KHsD+Io3cG7vSh7A/iIr
IMMhPAWypcHjh+lA/2J/EU3+78+kj2P8xVGD0P6R4KcrY1eDwkj+lAR/4f5il/3fn0kex/mJsYYpNW2OYB9JHsf
5iDcwD6SPY/zE2KOZTJtI5mtP8Ae011J+B6n97oWazZzSNnql3lg+WRHk7uhzTM3zsW2fYfnd3z3Halo8vKjIe2
oNF+6/oNTDwUbncW8NTQR0im9/i8L1xYbzS1zpB04bC923bHYqdlyabkF86RydUU27dg70EoInmmOq8P2afenMM
iNZEdZaJ76hThYidLtJ2bXXduxsdZUlKxkOBv6weTpJl+3aG9ig8a3uirOp4HaTPvWF4Q28eg7a189N+94OC6Rl
DJd4M48R82ZgRt5lm86s1zaDT/ADwZdD/+XemQz5wjQupU05YgQtqMwz6QPZfxoHMI+kD2X8aeDTEuVFwvPJ1DD
sXQX5gu9JHsf5iipcHRA/8A0g/2J/EU2rCPCfSW4fweH0oexP4iNPg6PpI9ifxFBkGiQvLtrIJ510lmYR9IHsv4
1WtXBwXfpQH9jP2iUc7oOKvMHWtg3gzI/Sh7A/iKxT4PSP0oexP4iKx9OmSpLk4aAtnTzAI/SR7H+NOOYZ9IHsv
40QuDpoBtEbKX2iS0maGaps5rfnr17yf/AC4iL/zztSRX/9k=" class="menu-item-
image w-100 h-50"
/>
<h5 class="ad-card-title p-2">Vice Chancellor</h5>
<h6>Prof.Hemachandra Reddy</h6>
</div>
</a>
</div>

<a href="ad3.html">
<div class="ad-item-card shadow bg-white p-3 mb-3" id="director">
<img src="https://www.rguktong.ac.in/images/jayaramdir.jpg"
class="menu-item-image w-100 h-50"
/>
<h5 class="ad-card-title p-1">Director</h5>
<h6>Prof.Jayarami Reddy</h6>
</div>
</a>
</div>
</div>
</div>
<div class="achievment-section pt-5 pb-5 mb-5" id="achieve">

<div class="container">
<div class="row">
<h1 class="achievment-section-heading">Our Achievments</h1>
</div>
<div class="col-12 col-md-6 col-lg-3">

<div class="achievment-item-card bg-white shadow p-3 mb-3"
datatoggle="modal" data-target="#graduationModal">
<img
src="https://ik.imagekit.io/m9l4ka7en/grad_jMet2vk0fU.jpg?ik-sdk-version=javascript-
1.4.3&updatedAt=1656237416028" class="achievment-item-image w-100" />
<h1 class="achievment-card-title">98% Graduation</h1>
<a href="" class="achievment-item-link" data-toggle="modal"
datatarget="#graduationModal"> View All
<svg width="16px" height="16px" viewBox="0 0 16 16" class="bi
bi-arrow-right-short" data-toggle="modal" data-target="#graduationModal" fill="#e80518"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" d="M4 8a.5.5 0 0 1 .5-
.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-
.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>


<div class="modal fade mt-5" id="graduationModal" tabindex="-
1" aria-labelledby="exampleModalLabel2" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<h5 class="modal-title" id="exampleModalLabel2">98%
Graduation</h5>
<button type="button" class="close"
datadismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body m-2 pt-3">
<img
src="https://ik.imagekit.io/m9l4ka7en/grad_jMet2vk0fU.jpg?ik-sdk-version=javascript-
1.4.3&updatedAt=1656237416028" class="achievment-item-modal-image " />
<p class="pt-2">Graduation isn't just the
education you acquire,it must be the knowledge you require. It is a form of celebration
when we laud all the hard work put in by our students and salute the efforts put in by
both our students and teachers – efforts that have helped our students emerge as
successful engineering graduates.</p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="shadow achievment-item-card bg-white p-3 mb-3"
datatoggle="modal" data-target="#ornateModal">
<img
src="https://res.cloudinary.com/dg0jofors/image/upload/v1657359968/IMG_20220709_150504_
k5j3xn.jpg" class="achievment-item-image w-100" data-toggle="modal"
datatarget="#dreamChasingModal" />
<h1 class="achievment-card-title">Ornate</h1>
datatarget="#ornateModal">
View All
bi-arrow-right-short" fill="#e80518" xmlns="http://www.w3.org/2000/svg">
.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-
.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>


<div class="modal fade mt-5" id="ornateModal" tabindex="-1"
arialabelledby="exampleModalLabel1" aria-hidden="true">
<h5 class="modal-title" id="exampleModalLabel1">ORNATE
evnets</h5>
</button>
</div>
<img
k5j3xn.jpg" class="achievment-item-ornate-image " data-toggle="modal"
<img
jmvpkp.jpg" class="achievment-item-ornate-image " data-toggle="modal"
<img
z9lof5.jpg" class="achievment-item-ornate-image " data-toggle="modal"
<p class="pt-2">As a engineering student you must
go through every phase of ENGINEERING.ENGINEERING isn't always about the academics ,
sometimes it is also about exploring new talents,culturals,science-fest as well.We the
IIIT-O's have our ORNASTIC & ORNATIOUS techo-fest namely ORNATE.</p>
</div>

</div>
</div>
</div>
</div>
<div class="achievment-item-card shadow bg-white p-3 mb-3" datatoggle="modal"
data-target="#careersModal">
<img
src="https://ik.imagekit.io/m9l4ka7en/king_KTYef2B5T.jpeg?ik-sdk-version=javascript-
<h1 class="achievment-card-title">Careers</h1>
datatarget="careersModal">
View All
<svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-
right-short" data-toggle="modal" data-target="#careersModal" fill="#e80518"
.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-
.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>


<div class="modal fade mt-5" id="careersModal" tabindex="-
1" aria-labelledby="exampleModalLabel4" aria-hidden="true"> <div
class="modal-dialog">
<h5 class="modal-title" id="exampleModalLabel4">Careers</h5>
</button>
</div>
<img
<p class="pt-2">A engineering student must succed in their
academic life and so as in their personal one.So they have to integrate their academic skills and
industrial needs to achieve a good CAREER .</p>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>
<div class="achievment-item-card shadow bg-white p-3 mb-3" datatoggle="modal"
data-target="#careersModal">
<img
View All
<svg width="16px" height="16px" viewBox="0 0 16 16" class="bi bi-arrow-
right-short" data-toggle="modal" data-target="#careersModal" fill="#e80518"
.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-
.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>


1" aria-labelledby="exampleModalLabel4" aria-hidden="true"> <div
class="modal-dialog">
</button>
</div>
<img
<p class="pt-2">A engineering student must succed in their
academic life and so as in their personal one.So they have to integrate their academic skills and
industrial needs to achieve a good CAREER .</p>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
<div class="achievment-item-card shadow bg-white p-3 mb-3"
datatoggle="modal" data-target="#careersModal">
<img
View All
bi-arrow-right-short" data-toggle="modal" data-target="#careersModal" fill="#e80518"
.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-
.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>


</button>
</div>
<img
<p class="pt-2">A engineering student must succed
in their academic life and so as in their personal one.So they have to integrate their
academic skills and industrial needs to achieve a good CAREER .</p>
</div>
</div>
</div>
</div>

.footer-top p{
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
font-family: courgette;
color: #fff;
letter-spacing: 3px;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
font-family: poppins;
text-transform: uppercase;
}
.segment-two h2:before{
content: '|';
color: #c65039;
padding-right: 10px;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
border-bottom: 1px solid rgba(255,255,255,0.3);
line-height: 40px;
}
.segment-two ul li a{
color: #999;
text-decoration: none ;
}
.segment-three h2{
color: #fff;
}
.segment-three h2:before{
content: '|';
color: #c65039;
}
.segment-three a{
background: #494848;
width: 40px;
height: 40px;
display: inline-block;
border-radius: 50%;
}
.segment-three a li{
font-size: 25px !important;
color: #fff;
padding: 8px 10px;
}
.footer-bottom-text{
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}
/* Responsive css */
@media only screen and (min-width: 768px) and (max-width: 991px){

.md-mb-30{
margin-bottom: 30px;
}
}
@media only screen and (max-width: 767px){
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}

.footer-top p{
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
color: #fff;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
line-height: 40px;
}
color: #999;
}
.segment-three h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-three a{
width: 40px;
height: 40px;
border-radius: 50%;
}
color: #fff;
padding: 8px 10px;
}
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}

.md-mb-30{
}
}
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}

</div>
</div>
datatoggle="modal" data-target="#topPerformancesModal">
<img
src="https://res.cloudinary.com/dg0jofors/image/upload/v1657360242/placements_gswxpv.pn
g" class="achievment-item-image w-100" />
<h3 class="achievment-card-title">Top Performanes</h3>
datatarget="#topPerformancesModal5"> View All
bi-arrow-right-short" data-toggle="modal" data-target="#topPerformancesModal"
fill="#e80518" xmlns="http://www.w3.org/2000/svg">
.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-
.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>


<div class="modal fade mt-5" id="topPerformancesModal" tabindex="-
<h5 class="modal-title" id="exampleModalLabel5">Top
Performanes</h5>
</button>
</div>
<img
src="https://ik.imagekit.io/m9l4ka7en/graduation_I5xR2hew1a.jpg?ik-sdk-
version=javascript-1.4.3&updatedAt=1656237415879" class="achievment-item-image w-100"
/>
</div>
</div>
</div>
</div>

</div>
</div>
<div class="achievment-item-card bg-white shadow p-3 mb-3"
datatoggle="modal" data-target="#shapingTheMindModal">
<img
src="https://res.cloudinary.com/dg0jofors/image/upload/v1657360771/students_t5136n.jpg"
class="achievment-item-image w-100" />
<h1 class="achievment-card-title">Shaping the MINDS</h1>
datatarget="#shapingTheMindModal"> View All
bi-arrow-right-short" data-toggle="modal" data-target="#shapingTheMindModal"
fill="#e80518" xmlns="http://www.w3.org/2000/svg">
.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-
.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>


<div class="modal fade mt-5" id="shapingTheMindModal" tabindex="-
<h5 class="modal-title" id="exampleModalLabel6">Shaping the
MINDS</h5>
</button>
</div>
<img
src="https://ik.imagekit.io/m9l4ka7en/student_s_A-tSe4UJ.jpg?ik-sdk-version=javascript-
</div>
</div>
</div>
</div>
</div>
</div>

.footer-top p{
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
color: #fff;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
line-height: 40px;
}
color: #999;
}
.segment-three h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-three a{
width: 40px;
height: 40px;
border-radius: 50%;
}
color: #fff;
padding: 8px 10px;
}
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}

.md-mb-30{
}
}
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}

.footer-top p{
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
color: #fff;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
line-height: 40px;
}
color: #999;
}
.segment-three h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-three a{
width: 40px;
height: 40px;
border-radius: 50%;
}
color: #fff;
padding: 8px 10px;
}
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}

.md-mb-30{
}
}
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}

<div class="shadow achievment-item-card bg-white p-3 mb-3"
datatoggle="modal" data-target="#sportsMeetModal">
<img src="
https://res.cloudinary.com/dg0jofors/image/upload/v1657360772/sports_wcmmdm.jpg"
<h1 class="achievment-card-title">Sports Meet's</h1>
datatarget="#sportsMeetModal"> View All
bi-arrow-right-short" data-toggle="modal" data-target="#sportsMeetModal" fill="#e80518"
.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-
.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>


<div class="modal fade mt-5" id="sportsMeetModal" tabindex="-
<h5 class="modal-title" id="exampleModalLabel7">Sports meet</h5>
</button>
</div>
<img
src="https://res.cloudinary.com/dg0jofors/image/upload/v1657360772/sports_wcmmdm.jpg"
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 pb-5">
datatoggle="modal" data-target="#theBestModal">

.footer-top p{
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
color: #fff;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
line-height: 40px;
}
color: #999;
}
.segment-three h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-three a{
width: 40px;
height: 40px;
border-radius: 50%;
}
color: #fff;
padding: 8px 10px;
}
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}

.md-mb-30{
}
}
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
color: #fff;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
line-height: 40px;
}
color: #999;
}
.segment-three h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-three a{
width: 40px;
height: 40px;
border-radius: 50%;
}
color: #fff;
padding: 8px 10px;
}
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}

.md-mb-30{
}
}
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}

<img
src="https://ik.imagekit.io/m9l4ka7en/trophy_ffeJuzw_t.jpg?ik-
sdkversion=javascript1.4.3&updatedAt=1656237415962" class="achievment-item-image w-100"
/> <h1 class="achievment-card-title">The BEST</h1>
datatarget="#theBestModal">
View All
bi-arrow-right-short" data-toggle="modal" data-target="#theBestModal" fill="#e80518"
.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-
.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z" />
</svg>
</a>


<div class="modal fade mt-5" id="theBestModal" tabindex="-
<h5 class="modal-title" id="exampleModalLabel8">the BEST</h5>
</button>
</div>
<img
src="https://ik.imagekit.io/m9l4ka7en/trophy_ffeJuzw_t.jpg?ik-sdk-version=javascript-
</div>
</div>
</div>
</div>
</div>
</div>

.footer-top p{
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
color: #fff;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
line-height: 40px;
}
color: #999;
}
.segment-three h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-three a{
width: 40px;
height: 40px;
border-radius: 50%;
}
color: #fff;
padding: 8px 10px;
}
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}

.md-mb-30{
}
}
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}

<div class="follow-us-section pt-5 m-auto " id="contactUsSection">
<div class="container">
<div class="row">
<center><h1 class="follow-us-section-heading">Follow
Us</h1></center>
</div>
<div class="d-flex flex-row justify-content-center">
<div class="follow-us-icon-container">
<i class="fab fa-twitter icon"></i>
</div>
<i class="fab fa-telegram icon"></i>
</div>
<i class=" fab fa-instagram icon"></i>
</div>
<i class="fab fa-facebook icon"></i>
</div>
<i class="mr-2 fab fa-youtube icon"></i>
</div>
</div>
</div>
</div>

<div class="d-flex flex-column footer-section col-12 text-center pt-3 pb-

5">
<img
src="https://res.cloudinary.com/dg0jofors/image/upload/v1657386808/index_gouh5k.jpg"
class="university-logo m-auto" />
<h1 class="footer-section-mail-id">rguktiiitongole@gmail.com</h1>
<p class="footer-section-address">
Rao & Naidu college of Engineering , Ongole , A.P , India
</p>
</div>
</div>
</div>
</div>

.footer-top p{
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
color: #fff;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
line-height: 40px;
}
color: #999;
}
.segment-three h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-three a{
width: 40px;
height: 40px;
border-radius: 50%;
}
color: #fff;
padding: 8px 10px;
}
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}

.md-mb-30{
}
}
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}

.footer-top p{
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
color: #fff;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
line-height: 40px;
}
color: #999;
}
.segment-three h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-three a{
width: 40px;
height: 40px;
border-radius: 50%;
}
color: #fff;
padding: 8px 10px;
}
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}

.md-mb-30{
}
}
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}

</div>
</div>
</div>
<script> const button = document.querySelector(".student-

portal"); const popup =
document.querySelector(".student-popup-container"); const close3
= document.querySelector(".close-button"); const overlay =
document.getElementById('overlay');
button.addEventListener("click", () => {
popup.classList.remove("active");
overlay.classList.add('active');
}); close3.addEventListener("click",
() => {
popup.classList.add("active");
overlay.classList.remove('active');
}); const button1 = document.querySelector(".staff-portal");
const popup1 = document.querySelector(".staff-popupcontainer");
const close1 = document.querySelector(".staffclose-button");
button1.addEventListener("click", () => {
popup1.classList.remove("active");
overlay.classList.add('active');
});
close1.addEventListener("click", () => {
popup1.classList.add("active"); overlay.classList.remove('active');
});
const button2 = document.querySelector(".studentwelfare-portal"); const
popup2 = document.querySelector(".studentwelfare-popup-container");
const close2 = document.querySelector(".studentwelfare-close-button");
button2.addEventListener("click", () => {
popup2.classList.remove("active"); overlay.classList.add('active');
});
close2.addEventListener("click", () => {
popup2.classList.add("active");

/* heading font size goes here */
h1{
font-size: 35px;
}
h2{
font-size: 30px;
}
h3{
font-size: 25px;
}
h4{
font-size: 22px;
}
/* end heading style here */
/* header area goes here */
.header-back{
background: #5e0209;
}
.header-navbar-fonts{
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.header-navbar-fonts h3{
}
.active a:active{
transform: translateY(-1);
}
.header-navbar-fonts ul li a{

}
.active:hover{
border-bottom: 4px solid white !important;
transition: all .2s;
color: white;
}
/* header area go to end here */
/* sidebar area goes here */

.sidebar {
padding: 0;
margin-top: 1px;
height: 100%;
box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
background-color: #fff;
}
.sidebar-header{
background: #2c3e50;
}
.sidebar ul{
background-color: #ffffff;
}
.sidebar ul li{
border-bottom: 1px solid rgb(192, 190, 190);
}
.sidebar ul li a{
color: black;
}
.sidebar ul li a:hover{
padding-left: 15px;
font-size: 14px;
color: #ffffff;
}
/* sidebar hide and show toggle buttons */
.close-btn {
background-color: transparent;
color: white;
border: none;
}
.show-btn {
margin-top: 5px;
margin-bottom: 5px;
background-color: rgb(214, 209, 209);
width: 60px !important;
color: rgb(121, 117, 117);
border-radius: 5px;
border: 1px solid rgb(11, 132, 148);
}
.show-btn:hover{
background-color: #2c3e50;
color: white;
transition: all 1s;
border: 1px solid white;
}
.show-btn i{
width: 30px !important;
}
.show-sidebar{
transform: translate(0) !important;
}
/* sidebar hide and show toggle buttons */
/* sidebar area go to end here */
/* all page style goes here */
.home-div{
background-image: url(../Images/imperial-banner.png);
background-repeat: no-repeat;
background-size: cover;
background-position: fixed;
width: 100%;
height: 450px;
}
.in-ad-ap{
z-index: 10 !important;
height: 120px !important;
background-color: rgb(4, 76, 88);
}
.in-ad-ap h3{
margin-top: 25px;
padding-top: 2%;
border-style: solid;
height: 80%;
}
.paragraph{
height: 250px;
padding: 70px;
font-size: 25px;
background: rgb(196, 196, 196);
}
.faculty{
width:100%;
padding-right:15px;
padding-left:15px;
margin-right:auto;
margin-left:auto;
}
.academic-area-headings{
width: 100%;
background-color: #dad4d4ab;
}
.academic-area-headings h4{
font-family: sans-serif;
color: rgb(73, 71, 71);
font-size: 35px;
margin-left: 110px;
}
.dean-message-heading{
color: #5e0209;
font-size: 30px;
}
.admin-dashboard{
margin-top: 1px !important;
background: #2c3e50 !important;
border-radius: 3px;
}
/* all page style go to end here */
/* login page style goes here */
.login-background{
background-image: url('../images/login-background.jpeg');
background-size: cover;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.overlay{
background-color: #000000ab;
width: 100%;
background-attachment: fixed;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.login-div{
background: #5e020ade;
width: 400px;
margin: 0 auto;
border-radius: 100px 5px !important;
padding-bottom: 10px;
align-content: center;
}
.login-padding{
padding-top: 15px;
padding-left: 30px;
}
.logo-div{
padding-top: 15px;
border-bottom: 1px solid rgba(182, 178, 178, 0.363);
}
.login-padding h2{
margin-top: 5px;
}
.login-padding label{
color: white;
}
.btn-white{
margin-top: 5px;
border: 1px solid white;
color: white;
}
.btn-white:hover{
background: rgba(218, 11, 166, 0.253);
color: white;
}
/* login page style go to end here */
/* table style goes here */
.table-elements tr, td, th{

font-size: 13px;
border: 1px solid rgb(194, 193, 193);
padding-left: 10px !important;
}
.table-one{
background: #eb1811b6;
}
.table-one-tr tr:hover{
background: #eb3a34b6;
color: white;
}
.table-two{
background: #51b5e4;
}
.table-two-tr tr:hover{
background: #51b5e4;
color: white;
}
.table-three{
background: #2c3e50 !important;
}
.table-three-tr tr:hover{
color: white;
}
.table-four{
background: #e70db8b6;
}
.table-four-tr tr:hover{
background: #e238bdb6;
color: white;
}
.table-five{
background: #3e9225fd;
}
.table-five-tr tr:hover{
background: #3e9225e1;
color: white;
}
.table-six{
background: #5e020af5;
}
.table-six-tr tr:hover{
background: #5e020ae0;
color: white;
}
.table-tr-head{
padding: 10px !important;
}
.tr-height{
}
.table-font-for-transcript td, th{

}
/* table style goes here */
/* media query goes here */
@media (min-width: 768px){

.button-show {
display: none;
}
}
@media (max-width: 768px){

.sidebar{
transform: translate(-100%);
}
.show-sidebar{
position: sticky !important;
}
.page-content-index{
transition: .3s;
}
}
@media only screen and (max-width: 600px) {

.paragraph{
text-align: justify;
}
.in-ad-ap{
}
.card-margin{
margin-bottom: 15px !important;
}
}

.paragraph{
}
.in-ad-ap {
}
.card-margin{
}
}

.paragraph{
}
.in-ad-ap {
}
.card-margin{
}
}

.paragraph{
}
.in-ad-ap {
}
.in-ad-ap h3{
padding-top: 10px;
}
.card-margin{
}
}

.paragraph{
}
.in-ad-ap {
}
.in-ad-ap h3{
padding-top: 10px;
}
.card-margin{
}
}
/* media query goes here */

.footer-top p{
color: #999;
line-height: 25px;
}
.footer-top h2,h3{
color: #fff;
}
.footer-top h2{
font-size: 18px;
}
.footer-top{
background: #111;
padding: 80px 0;
}
.segment-one h3{
color: #fff;
margin: 10px 0;
}
.segment-two h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-two ul{
margin: 0;
padding: 0;
list-style: none;
}
.segment-two ul li{
line-height: 40px;
}
color: #999;
}
.segment-three h2{
color: #fff;
}
content: '|';
color: #c65039;
}
.segment-three a{
width: 40px;
height: 40px;
border-radius: 50%;
}
color: #fff;
padding: 8px 10px;
}
text-align: center;
background: #000;
line-height: 75px;
color: #999;
}

.md-mb-30{
}
}
.sm-mb-30{
}
.footer-top{
padding: 50px 0;
}
}

overlay.classList.remove('active');
});
</script>
<script type="text/javascript"
src="https://d1tgh8fmlzexmh.cloudfront.net/ccbp-static-
website/js/ccbpuikit.js"></script>


<script>
// <![CDATA[ <-- For SVG support
if ('WebSocket' in window) {
(function () { function refreshCSS() { var
sheets = [].slice.call(document.getElementsByTagName("link")); var
head = document.getElementsByTagName("head")[0]; for (var i = 0; i
< sheets.length; ++i) { var elem = sheets[i];
var parent = elem.parentElement || head;
parent.removeChild(elem); var rel = elem.rel;
if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() ==
"stylesheet") { var url =
elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') +
'_cacheOverride=' + (new Date().valueOf());
}
parent.appendChild(elem);
}
} var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
var address = protocol + window.location.host + window.location.pathname +
'/ws';
var socket = new WebSocket(address);
socket.onmessage = function (msg) { if (msg.data
== 'reload') window.location.reload(); else if
(msg.data == 'refreshcss') refreshCSS();
}; if
(sessionStorage &&
!sessionStorage.getItem('IsThisFirstTime_Log_From_LiveServer')) {
console.log('Live reload enabled.');
sessionStorage.setItem('IsThisFirstTime_Log_From_LiveServer', true);
}
})();

} else { console.error('Upgrade your browser. This Browser is NOT
supported WebSocket for Live-Reloading.');
}
// ]]>
</script> </body>
</html>

SCREENSHOTS:

8.CONCLUSION
We delivered a dual portal interface for both student and staff.COLLEGE MANAGEMENT SYSTEM is
an online software designedto help colleges and higher education institutes to manage their day to day
activities efficiently.An ideal college management system should enable institutes to manage all of their
activities-from admission to report cards online without any hassle.
The system will greatly simplify and speed the management process.It will describe the paper
work.The admin ,faculty or the student will perform all the tasks very easily and in more convenient
way.
9.FUTURE ENHANCEMENT
1.Online examination modules would be introduced to conduct online exams

2.Further,the faculty can upload the videos of their lectures on this site and the students who have missed the
classes can view those videos.

10.BIBILOGRAPHY
• http://www.developerfusion.com/code/4673/programatically-load-user-controls/
• http://www.developerfusion.com/code/4596/how-to-access-a-mysql-databasewith- net/
• http://www.developerfusion.com/code/3826/adding-controls-to-placeholdersdynamically/
• http://aspalliance.com/1125_Dynamically_Templated_GridView_with_Edit_Delete_a
nd_Insert_Options
• http://www.developerfusion.com/code/3826/adding-controls-to-placeholdersdynamically/
• http://aspalliance.com/1125_Dynamically_Templated_GridView_with_Edit_Delete_a
nd_Insert_Options
REFERENCES
• Ajinkya, G. Tej, K. Manan, L. Deepak, K. (2013). “Wireless Electronic Notice Board”.

• ISSN, Volume: 02, Issue: 03
Anushree, S. P., Divyashree, V. B., Moonisha, G. A. and Venkatesh, U. C. (2014). Electronic
• Notice Board for Professional College, International Journal of Science, Engineering and
• Technology Research (IJSETR), Volume 3, Issue 6, June
• Arulmurugan, S., Anitha, A. P. and Sangeethapriya. S. (2016). “Smart Electronics Notice
• Board Using Wi-Fi” JISET, Volume: 03, Issue: 03
• Baruch, F. (2011). Communicating Risks and Benefits: An evidence-based Users Guide.
• Dowling, S., Jendli. A., Coombe, C. and Troudi, S. (2008). Teaching Writing Skills: Theory,
• Research and Pedagogy, T.A. Publications, Dubai
Books:
1. STEVE HARRIS AND ROBMACDONALD,
“WEB DEVELOPMENT WITH VB.NET”
-APRES
2. MATTHEW MACDONALD ,
“MICROSOFT VISUAL BASIC.NET PROGRAMMER’S COOKBOOK”
-TATA McGraw HILL EDITION
3. CHRIS GOODE, JOHN KAUFFMAN
“BEGINNING ASP.NET 1.0 WITH VISUAL BASIC.NET”

FF Se Document - 15

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

FF Se Document - 15

Uploaded by

Copyright:

Available Formats

SOFTWARE ENGINEERING PROJECT

COLLEGE MANAGEMENT SYSTEM

Under the guidance of

Department of ComputerScience &Engineering

Internal Guide External Examiner

It is our privilege and pleasure to express a profound sense of respect,gratitude and

NITHIN KUMAR REDDY (O180160)

We hereby declare that the project work entitled “COLLEGE MANAGEMENT

NITHIN KUMAR REDDY (O180160)

Software Engineering Page 5

1.2 Problem Definition

1.3 Objective of the Project

3.1 Existing System

3.2 Proposed System

3.3 Software Requirements Specification

3.3.3 Overall Description

4.1 UML diagrams

5.2 Module description

5.3 Introduction of technologies used

5.4 Sample Code

College Management System project is implemented in java platform.

Software Engineering Page 7

1.3.Objective of the Project

Software Engineering Page 8

Software Engineering Page 9

3.1 Exsisted System

• It was limited to a single system.

3.2. Proposed System

• User friendliness is provided in the application with various controls.

Software Engineering Page 10

Software Engineering Page 11

Software Engineering Page 12

Software Engineering Page 13

Software Engineering Page 14

List of UML Diagram Types :

Composite Structure Diagram

Use Case Diagram

State Machine Diagram

Interaction Overview Diagram

Software Engineering Page 15

Software Engineering Page 16

Software Engineering Page 17

Software Engineering Page 18

Software Engineering Page 19

Software Engineering Page 20

8.USE CASE DIAGRAM:

Software Engineering Page 21

Software Engineering Page 22

Software Engineering Page 23

Software Engineering Page 24

Software Engineering Page 25

Software Engineering Page 26

Software Engineering Page 27

5.1 MODULES ADMIN

 Secure Login and Logout  Manage Users

 Edit Notice USER SIDE:

 Secure Login and Registration

 Manage Personal Details

 List All Notice sent to him

3.Add New Notice:

do so. The hook to use is admin_notices.

public comments, or testimony.

You can edit a change notice in the following ways: