A PROJECT

REPORTON

Quiz Website
IN PARTIAL FULFILMENT OF THE
REQUIREMENT FOR THE AWARD OF THE
DEGREE
OF
BACHELOR OF TECHNOLOGY
IN
ELECTRONICS & INSTRUMENTATION ENGINEERING
Under the guidance
of
Divya Sharma and
Rahul
Electronics & Communication Engineering Dept. I.E.T. Lucknow

Submitted By:
PRIYANKA JAIN (2100520310048)

2022-2023

Institute of Engineering &

Page | 1
Technology
Lucknow

Page | 2
 CERTIFICATE

This is to certify that project report entitled “Basic Banking System” which is submitted by
Priyanka Jain in partial fulfilment required for the award of degree of Bachelor of Technology in
“Electronics & Instrumentation Engineering”, Dr. APJ Abdul Kalam Technical University,
Lucknow is a record of the candidate’s own work carried out by them under my supervision. The
matter embodied in this project report is original and has not been submitted for the award of any
other degree.

Er.
Date: ………………….
Vikrant
(Project
Guide)
Department of Electronics &
CommunicationEngineering, I.E.T.
Lucknow

Dr. Neelam
SrivastavaHead
of Department
Department of Electronics &
CommunicationEngineering, I.E.T.
Lucknow

Page | 3
 DECLARATIO
N

We hereby declare that the submission of project is our own work and to the best of our knowledge
and belief. It contains no material previously published or written by any other person nor material
which to a substantial extent has been accepted for award of any other degree or diploma of the
university or otherinstitute of higher learning except where due acknowledgement has been made
in the text.

Date:………………….

Signature:
Name: PRIYANKA
JAIN
Roll No: 2100520310048

Page | 4
 Table of contents
Page No.
ACKNOWLEDGEMENT VI
ABSTRACT V
LIST OF TABLES I
I
X

Chapter 1:
Introduction 10

Chapter 2:
HTML 11
2.1 HTML INTRODUCTION 12
2.1 HTML page structure 14
2.2 HTML tags 18
2.3 HTML attributes 20

Chapter 3:
CSS 21

3.1 CSS 23
3.2 CSS syntax 24
3.3 CSS selectors 25
3.4 The CSS id selectors 26
3.5 CSS color names 27
3.6 Border color 28
3.7 Background image 29
3.8 CSS border 30
3.9 Border width

Chapter 4:
JAVASCRIPT 31
4.1 JAVASCRIPT INTRODUCTION
4.2 JavaScript arithmetic operator
4.3 JavaScript assignment operator
4.4 JavaScript function syntax

Page | 5
BANKING SYSTEM CODE 38

Conclusion and future work 43

References 43

Page | 6
 Acknowledgeme
nt

We wish to express our profound gratitude and indebtedness to our project guide Er.
Vikrant, Department of Electronics Engineering, IET Lucknow for introducing the present
topic and for their inspiring guidance, constructive criticism and valuable suggestion
throughout the project work.

We deeply express sincere thanks to our Head of Department Dr. Neelam Srivastava for
encouraging and allowing us to present the project on the topic “Basic Banking System” at
our department premises for the partial fulfillment of the requirements leading to the award
of B.Tech. degree.

Last but not least, our sincere thanks to all our friends who have patiently extended all
sorts ofhelp for accomplishing this undertaking.
.

Priyanka Jain (2100520310048)

Page | 7
VI
 ABSTRACT

This project is aimed at developing an Online Banking for customer. The system is an online application
that can be accessed throughout the organization and outside as well with proper login provided.
The project has been planned to be having the view of distributed architecture, with centralized storage of
the database. The application for the storage of the data has been planned. Using the constructs of MySQL
DB and all the user interfaces have been designed using the JAVA. The database connectivity is planned
using the “Database” methodology. The standards of security and data protective mechanism have been
given a big choice for proper usage. The application takes care of different modules and their associated
reports, which are produced as per the applicable strategies and standards that are put forwarded by the
administrative staff.
The entire project has been developed keeping in view of the distributed client server computing
technology, in mind. The specification has been normalized up to 3NF to eliminate all the anomalies that
may arise due to the database transaction that are executed by the general users and the organizational
administration. The user interfaces are browser specific to give distributed accessibility for the overall
system. The internal database has been selected as Oracle 10g.The basic constructs of table spaces, clusters
and indexes have been exploited to provide higher consistency and reliability for the data storage. The
Oracle 10g was a choice as it provides the constructs of high-level reliability and security. The total front
end was dominated using the HTML 5. At all proper levels high care was taken to check that the system
manages the data consistency with proper business rules or validations. The database connectivity was
planned using the latest “ Database connection” technology provided by MySQL. The authentication and
authorization was crosschecked at all the relevant stages.

VII Page | 8
LIST OF TABLES

Table No: Name of Table Page No.

1 HTML attributes 23
2 CSS color names 26
3 JavaScript arithmetic operators 28

4 JavaScript assignment operators 34

5 Shift operators 35
36
6 Bitwise operators

Page | 8
 CHAPTER: 1
INTRODUCTION

9
 CHAPTER: 1
INTRODUCTION

Basic Banking System is a simple dynamic website which has the following specs. It has a dummy database for
upto 10 customers. Database options: My SQL, Mongo, Postgres etc.

Customer table will have basic fields such as name, email, current balance etc. Transfers table will record all
transfers happened.

Flow: home page>view all customers>select and view one customer>transfer money>select customer to transfer
to>view all customer. No login pages. No user creation. only transfer of money between multiple users.

It makes use of html (hypertext markup language), CSS (cascading style sheet), JavaScript and bootstrap file.
CSS includes various attributes like background color, border radius, classes, pointers, ids to give the website a
finished shade.

Database is random data of some people which include email ids and account details of them. Here you can transfer
money to any person via the option of transfer money.
You can get the whole detail of the transactions from there onwards.

Internet Banking is all about knowing our customer need and provide them with the right service at the right time
through right channel 24*7 day a week.
Being “electronic”, it not only provides its customers with faster and better facilities, it even reduces the manual
overhead of accounts maintenance.

It is a path breaker in the pursuit of excellence. Its endeavor of integrating quality with quantity is reflected in the
pivotal role. The Online Banking suite provides a global accounting foundation that provides the all private banks
with electronic banking facilities. It allows client of private banks to carry out their day to day banking transactions.

10
CHAPTER: 2

HTML(hyper
text markup
language)

11
 CHAPTER: 2

2.1 HTML

 HTML stands for Hyper Text Markup Language

 HTML is the standard markup language for creating Web pages
 HTML describes the structure of a Web page
 HTML consists of a series of elements
 HTML elements tell the browser how to display the content
 HTML elements label pieces of content such as "this is a heading", "this is a
paragraph", "this is a link", etc.
 The <!DOCTYPE html> declaration defines that this document is an HTML5 document
 The <html> element is the root element of an HTML page
 The <head> element contains meta information about the HTML page
 The <title> element specifies a title for the HTML page (which is shown in the
browser's title bar or in the page's tab)
 The <body> element defines the document's body, and is a container for all the
visible contents, such as headings, paragraphs, images, hyperlinks, tables, lists,
etc.
 The <h1> element defines a large heading
 The <p> element defines a paragraph

HTML Documents
All HTML documents must start with a document type declaration: <!DOCTYPE html>.

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>.

12
2.2 HTML Page Structure

Below is a visualization of an HTML page structure:

<html>

<head>

<title>Page title</title>

</head>

<body>

<h1>This is a heading</h1>

<p>This is a paragraph</p>

<p>This is another paragraph</p>

</body>

</html>

13
HTML Elements
An HTML element is defined by a start tag, some content, and an end tag.

The HTML element is everything from the start tag to the end tag:

<tag name>Content goes here...</tag name>

Examples of some HTML elements:

<h1>My First Heading</h1>

<p>My first paragraph</p>

Nested HTML Elements

HTML elements can be nested (this means that elements can contain other elements).

All HTML documents consist of nested HTML elements.

The following example contains four HTML elements ( <html>, <body>, <h1> and <p>):

Empty HTML Elements

HTML elements with no content are called empty elements.

The <br> tag defines a line break, and is an empty element without a closing tag:

2.3 HTML TAGS

14
Tag Description

<!--...--> Defines a comment

<!DOCTYPE> Defines the document type

<a> Defines a hyperlink

<abbr> Defines an abbreviation or an acronym

<acronym> Not supported in HTML5.

Defines an acronym

<address> Defines contact information for the author/owner of a document

<applet> Not supported in HTML5. Use <embe

Defines an embedded applet

<area> Defines an area inside an image map

<article> Defines an article

<aside> Defines content aside from the page content

<audio> Defines embedded sound content

15
<b> Defines bold text

<base> Specifies the base URL/target for all relative URLs in a document

<basefont> Not supported in HTML5. Use

Specifies a default color, size, and font for all text in a document

<bdi> Isolates a part of text that might be formatted in a different d

outside it

<bdo> Overrides the current text direction

<big> Not supported in HTML5. Use

Defines big text

<blockquote> Defines a section that is quoted from another source

<body> Defines the document's body

<br> Defines a single line break

<button> Defines a clickable button

<canvas> Used to draw graphics, on the fly, via scripting (usually JavaScrip

16
Tag Description

<html> Defines the root of an HTML document

<body> Defines the document's body

<h1> to <h6> Defines HTML headings

17
2.4 HTML Attributes
HTML attributes provide additional information about HTML elements.

HTML Attributes
 All HTML elements can have attributes
 Attributes provide additional information about elements
 Attributes are always specified in the start tag
 Attributes usually come in name/value pairs like: name="value"

The href Attribute

The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link
goes to:

Example
<a href="https://www.w3schools.com">Visit W3Schools</a>

The src Attribute

The <img> tag is used to embed an image in an HTML page. The src attribute specifies
the path to the image to be displayed:

Example
<img src="img_girl.jpg">

There are two ways to specify the URL in the src attribute:

1. Absolute URL - Links to an external image that is hosted on another website.

Example: src="https://www.w3schools.com/images/img_girl.jpg".

18
Notes: External images might be under copyright. If you do not get permission to use
it, you may be in violation of copyright laws. In addition, you cannot control external
images; it can suddenly be removed or changed.

2. Relative URL - Links to an image that is hosted within the website. Here, the URL
does not include the domain name. If the URL begins without a slash, it will be relative
to the current page. Example: src="img_girl.jpg". If the URL begins with a slash, it will
be relative to the domain. Example: src="/images/img_girl.jpg".

The width and height

Attributes
The <img> tag should also contain the width and height attributes, which specify the width
and height of the image (in pixels):

Example
<img src="img_girl.jpg" width="500" height="600">

The alt Attribute

The required alt attribute for the <img> tag specifies an alternate text for an image, if
the image for some reason cannot be displayed. This can be due to a slow connection,
or an error in the src attribute, or if the user uses a screen reader.

Example
<img src="img_girl.jpg" alt="Girl with a jacket">

The style Attribute

The style attribute is used to add styles to an element, such as color, font, size, and
more.

Example
<p style="color:red;">This is a red paragraph.</p>
19
The lang Attribute
You should always include the lang attribute inside the <html> tag, to declare the
language of the Web page. This is meant to assist search engines and browsers.

The following example specifies English as the language:

<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>

The title Attribute

The title attribute defines some extra information about an element.

The value of the title attribute will be displayed as a tooltip when you mouse over the
element:

Example
<p title="I'm a tooltip">This is a paragraph.</p>

 All HTML elements can have attributes

 The href attribute of <a> specifies the URL of the page the link goes to
 The src attribute of <img> specifies the path to the image to be displayed
 The width and height attributes of <img> provide size information for images
 The alt attribute of <img> provides an alternate text for an image
 The style attribute is used to add styles to an element, such as color, font, size,
and more
 The lang attribute of the <html> tag declares the language of the Web page

20
 CSS
(Cascading style sheet)
Chapter 3

21
3.1 CSS INTRODUCTION

 CSS stands for Cascading Style Sheets

 CSS describes how HTML elements are to be displayed on screen, paper, or in
other media
 CSS saves a lot of work. It can control the layout of multiple web pages all at once
 External stylesheets are stored in CSS files

CSS is used to define styles for your web pages, including the design, layout and
variations in display for different devices and screen sizes.

HTML was NEVER intended to contain tags for formatting a web page!

HTML was created to describe the content of a web page, like:

<h1>This is a heading</h1>

<p>This is a paragraph</p>

When tags like <font>, and color attributes were added to the HTML 3.2 specification,
it started a nightmare for web developers. Development of large websites, where fonts
and color information were added to every single page, became a long and expensive
process.

To solve this problem, the World Wide Web Consortium (W3C) created CSS.

CSS removed the style formatting from the HTML page!

3.2 CSS Syntax

The selector points to the HTML element you want to style.

The declaration block contains one or more declarations separated by semicolons.

22
Each declaration includes a CSS property name and a value, separated by a colon.

Multiple CSS declarations are separated with semicolons, and declaration blocks are
surrounded by curly braces.

 p is a selector in CSS (it points to the HTML element you want to style: <p>).
 color is a property, and red is the property value
 text-align is a property, and center is the property value

3.3 CSS Selectors

CSS selectors are used to "find" (or select) the HTML elements you want to style.

We can divide CSS selectors into five categories:

 Simple selectors (select elements based on name, id, class)

 Combinator selectors (select elements based on a specific relationship between
them)
 Pseudo-class selectors (select elements based on a certain state)
 Pseudo-elements selectors (select and style a part of an element)
 Attribute selectors (select elements based on an attribute or attribute value)

3.4 The CSS id Selector

The id selector uses the id attribute of an HTML element to select a specific element.

The id of an element is unique within a page, so the id selector is used to select one
unique element!

To select an element with a specific id, write a hash (#) character, followed by the id of
the element.

3.5 All CSS Simple

Selectors

23
 Selector Example Example description

#id #firstname Selects the element with id="firstname"

.class .intro Selects all elements with class="intro"

element.class p.intro Selects only <p> elements with class="intr

* * Selects all elements

element P Selects all <p> elements

element,element,.. div, p Selects all <div> elements and all <p> ele

Table 3.5.1

3.6 CSS Color Names

In CSS, a color can be specified by using a predefined color name:

Tomato

Orange

24
DodgerBlue

MediumSeaGreen

Gray

SlateBlue

Violet

LightGray

3.7 CSS Border Color

You can set the color of borders:

Hello World
Hello World
Hello World
Example
<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>

25
3.8 CSS background-
image
The background-image property specifies an image to use as the background of an element.

By default, the image is repeated so it covers the entire element.

Example
Set the background image for a page:

body {
background-image: url("paper.gif");
}

The background image can also be set for specific elements, like the <p> element:

p {
background-image: url("paper.gif");
}

3.9 The CSS Background

Image Property
Property Description

background-image Sets the background image for an element

3.10 CSS Borders

The border-style property specifies what kind of border to display.

26
The following values are allowed:

 dotted - Defines a dotted border

 dashed - Defines a dashed border
 solid - Defines a solid border
 double - Defines a double border
 groove - Defines a 3D grooved border. The effect depends on the border-color
value
 ridge - Defines a 3D ridged border. The effect depends on the border-color value
 inset - Defines a 3D inset border. The effect depends on the border-color value
 outset - Defines a 3D outset border. The effect depends on the border-color value
 none - Defines no border
 hidden - Defines a hidden border

The border-style property can have from one to four values (for the top border, right
border, bottom border, and the left border).

3.11 CSS Border Width

The border-width property specifies the width of the four borders.

The width can be set as a specific size (in px, pt, cm, em, etc) or by using one of the
three pre-defined values: thin, medium, or thick:

Example
Demonstration of the different border widths:

p.one {
border-style: solid;
border-width: 5px;
}

p.two {
border-style: solid;
border-width: medium;
}

p.three {
border-style: dotted;
border-width: 2px;
}

p.four {
border-style: dotted;
border-width: thick;
27
}

3.12 CSS Margins

The CSS margin properties are used to create space around elements, outside of any
defined borders.

With CSS, you have full control over the margins. There are properties for setting the
margin for each side of an element (top, right, bottom, and left).

3.13 Margin - Individual

Sides
CSS has properties for specifying the margin for each side of an element:

 margin-top
 margin-right
 margin-bottom
 margin-left

All the margin properties can have the following values:

 auto - the browser calculates the margin

 length - specifies a margin in px, pt, cm, etc.
 % - specifies a margin in % of the width of the containing element
 inherit - specifies that the margin should be inherited from the parent element

Tip: Negative values are allowed.

3.14 Margin - Shorthand

Property
To shorten the code, it is possible to specify all the margin properties in one property.

The margin property is a shorthand property for the following individual margin
properties:

 margin-top
 margin-right

28
  margin-bottom
 margin-left

So, here is how it works:

If the margin property has four values:

 margin: 25px 50px 75px 100px;

o top margin is 25px
o right margin is 50px
o bottom margin is 75px
o left margin is 100px

Example
Use the margin shorthand property with four values:

p {
margin: 25px 50px 75px 100px;
}

If the margin property has three values:

 margin: 25px 50px 75px;

o top margin is 25px
o right and left margins are 50px
o bottom margin is 75px

If the margin property has two values:

 margin: 25px 50px;

o top and bottom margins are 25px
o right and left margins are 50px

If the margin property has one value:

 margin: 25px;
o all four margins are 25px

29
 CHAPTER 4
JAVASCRIPT

30
4.1 JAVASCRIPT INTRODUCTION

One of many JavaScript HTML methods is getElementById().

The example below "finds" an HTML element (with id="demo"), and changes the
element content (innerHTML) to "Hello JavaScript":

document.getElementById("demo").innerHTML = "Hello JavaScript";

The <script> Tag

In HTML, JavaScript code is inserted between <script> and </script> tag

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>

JavaScript Functions and

Events
A JavaScript function is a block of JavaScript code, that can be executed when "called"
for.

For example, a function can be called when an event occurs, like when the user clicks
a button

JavaScript in <head> or
<body>
31
You can place any number of scripts in an HTML document.

Scripts can be placed in the <body>, or in the <head> section of an HTML page, or in both.

JavaScript in <head>
In this example, a JavaScript function is placed in the <head> section of an HTML page.

The function is invoked (called) when a button is clicked:

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>

<h2>Demo JavaScript in Head</h2>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

JavaScript in <body>
In this example, a JavaScript function is placed in the <body> section of an HTML page.

The function is invoked (called) when a button is clicked:

<!DOCTYPE html>
<html>
32
<body>

<h2>Demo JavaScript in Body</h2>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>

</body>
</html>

4.2 JavaScript
ArithmeticOperators

Arithmetic operators perform arithmetic on numbers (literals or variables).

Operator Description

+ Addition

- Subtraction

* Multiplication

** Exponentiation (ES2016)

33
 / Division

% Modulus (Remainder)

++ Increment

-- Decrement

Table 4.2.1

Arithmetic Operations
A typical arithmetic operation operates on two numbers.

The two numbers can be literals:

Operators and Operands

The numbers (in an arithmetic operation) are called operands.

The operation (to be performed between the two operands) is defined by an operator.

Operand Operator Opera

100 + 50

34
 4.3 JavaScript Assignment
Operators
Assignment operators assign values to JavaScript variables.

Operator Example Same As

= x=y x=y

+= x += y x=x+y

-= x -= y x=x-y

*= x *= y x=x*y

/= x /= y x=x/y

%= x %= y x=x%y

**= x **= y x = x ** y

Table 4.3.1
Shift Assignment Operators

35
Operator Example Same As

<<= x <<= y x = x << y

>>= x >>= y x = x >> y

>>>= x >>>= y x = x >>> y

Table 4.3.2

Bitwise Assignment
Operators
Operator Example Same As

&= x &= y x=x&y

^= x ^= y x=x^y

|= x |= y x=x|y

Table 4.3.3

36
4.4 JavaScript Function
Syntax
A JavaScript function is defined with the function keyword, followed by a name, followed
by parentheses ().

Function names can contain letters, digits, underscores, and dollar signs (same rules as
variables).

The parentheses may include parameter names separated by commas:

(parameter1, parameter2, ...)

The code to be executed, by the function, is placed inside curly brackets: {}

function name(parameter1, parameter2, parameter3) {

// code to be executed
}

Function parameters are listed inside the parentheses () in the function definition.

Function arguments are the values received by the function when it is invoked.

Inside the function, the arguments (the parameters) behave as local variables.

Function Invocation
The code inside the function will execute when "something" invokes (calls) the
function:

 When an event occurs (when a user clicks a button)

 When it is invoked (called) from JavaScript code
 Automatically (self invoked)

You will learn a lot more about function invocation later in this tutorial.

Function Return
When JavaScript reaches a return statement, the function will stop executing.

If the function was invoked from a statement, JavaScript will "return" to execute the
code after the invoking statement.
37
BANKING SYSTEM CODE:
html{
padding: 0;
margin: 0;
}

body{
font-family: 'Roboto', sans-serif;
background-color: #6d597a;
}

/* navbar css starts here */

.bg-light{
background-color: #f2e9e4!important;
}

.navbar-brand{
font-family: 'Sansita Swashed', cursive;
font-size: 1.5rem;
color: #5f6368!important;
}

.nav-link{
color: #5f6368!important;
font-family: 'Noto Sans JP', sans-serif;
}

.nav-link:hover{
background-color: #f3f1f1;
}
/* navbar css ends here */

/* here content css starts here */

.hero-content{
height: 100vh;
background-color: pink;
color: black;
padding: 2rem;
border-bottom-left-radius: 45rem;
border-bottom-right-radius: 45rem;
margin-bottom: 0.5vh;
}

38
.hero-img{
height: 68vh;
width: 83%;
}

@media only screen and (max-width: 766px) {

.hero-img {
display: none;
}
}

.get-started{
border-radius: 0.5rem;
padding: 1rem 2rem;
font-size: 162%;
background-color: #fff;
color: #039be5!important;
transition: 0.3s;
}

.get-started:hover{
text-decoration: none;
background-color: #bfdff0;

}
/* here content css starts here */

/* get-started-buttons css starts here*/

.get-started-content{
height: 60vh;
background-color: #ff8a65;
border-top-left-radius: 42rem;
border-top-right-radius: 42rem;
border-bottom-right-radius: 42rem;
border-bottom-left-radius: 42rem;
}

.get-started-content .row{
padding: 25vh 0;
}

.get-started-content a{
border-radius: 0.5rem;
padding: 1rem 2rem;
font-size: 162%;
background-color: #039be5;

39
 color: #fff!important;
transition: 0.3s;
}

.get-started-content a:hover{
background-color: #017ab6;
text-decoration: none;
}
/* get-started-buttons css end here*/

/* footer css starts here */

/* footer */
.fa:hover {
color: red;
transform:scale(1.3);

.fa-facebook {
background: #3B5998;
color: white;
}

.fa-twitter {
background: #55ACEE;
color: white;
}

.fa-google {
background: #dd4b39;
color: white;
}

.fa-linkedin {
background: #007bb5;
color: white;
}
.fa-youtube {
background: #bb0000;
color: white;
}

.fa-instagram {
background: #125688;
color: white;

40
}
.fa {
padding: 15px;
font-size: 12px;
width: 40px;
height: 40px;
text-align: center;
text-decoration: none;
margin: 5px 2px;
}
.footer{
background-color: black;
padding: 5px;

}
body{
font-family: 'Roboto', sans-serif;
background-color:aquamarine;
}

/* navbar css starts here */

.bg-light{
background-color: #f2e9e4!important;
}

.navbar-brand{
font-family: 'Sansita Swashed', cursive;
font-size: 1.5rem;
color: #5f6368!important;
}

.nav-link{
color: #5f6368!important;
font-family: 'Noto Sans JP', sans-serif;
}

.nav-link:hover{
background-color: aquamarine;
}
/* navbar css ends here */

.my-info{
padding: 2rem 5rem;
}

.btn-info{

41
 padding: 1rem 1.2rem;
background-color: rgb(78, 153, 223)!important;
color: #fff!important;
margin-left: 5px;
padding: 0.75rem;
transition: all 0.3s;
border-radius: 3.5rem;

.btn-info:hover{
background-color: rgb(67, 83, 230)!important;
}

42
CONCLUSIONS:
This project developed, incorporated all the activities involved in the browsing centre.
It provides all necessary information to the management as well as the customer with the use of this system;
the user can simply sit in front of the system and monitor all the activities without any physical movement
of the file. Management can service the customers request best in time.
The system provides quickly and valuable information. These modules have been integrated for effective
use of the management for future forecasting and for the current need.

SCOPE FOR FURTHER

DEVELOPMENT
The system can be designed for further enhancement. This could also be developed according to the growing needs
of the customer.

BIBLIOGRAPHY
 https://www.w3schools.com/js/js_functions.asp
 https://www.w3schools.com/css/default.asp
 https://in.search.yahoo.com/search?fr=mcafee&type=E210IN826G0&p=abstract+o
f+the+basic+banking+system

43
Page | 44