PROJECT REPORT

ON
“Balls Of Fire”
(UNDER THE PARTIAL FULFILMENT OF
UNIVERSITY OF MUMBAI REQUIREMENTS
FOR THE COURCE OF T.Y.B.S.C (COMPUTER
SCIENCE))

SUBMITTED BY
ARTI RAMAN MISHRA
GUIDED BY
PROF. (Mrs.) ARTI DEBNATH
DEPARTMENT OF COMPUTER SCIENCE

NES RATNAM COLLEGE OF ARTS,

SCIENCE & COMMERCE BHANDUP (WEST)
UNIVERSITY OF MUMBAI
2018-2019

1
2
 Declaration

I declare that this written submission represents my own ideas in our own
words and where other’s ideas or words have been included, I have
adequately cited and referenced the original sources. I also declare that I
have adhered to all principles of academic honesty and integrity and have
not misrepresented or fabricated or falsified any idea/fact/data/source in our
submission. I understand that any violation of the above will be cause for
disciplinary action by the Institute and can also evoke penal action from the
sources which have thus not been properly cited or from whom proper
permission has not been taken when needed.

3
 INDEX
SR.NO. TITLE PAGE NO.
1. Acknowledgement 5
2. Introduction 6-11
2.1 Scope of The System 6
2.2 Feasibility Study 7
2.3 Existing System& It’s Disadvantages 9
2.4 Proposed System& It’s Advantages 10
3. Requirement Specification 11
3.1 Software and Hardware requirements 11
4. Gantt Chart 12
5. System Design 14-32
5.1 Spiral Model 14
5.2 UML Diagrams 16
5.2.1 Entity Relationship Diagram 16
5.2.3 Use Case Diagram 18
5.2.5 Activity Diagram 21
6. Source Code 24
7. Screen Shots 53
8. Conclusion and Future Scope 59
9. References 60

4
 ACKNOWLEDGEMENT
I have great pleasure for representing this project report & title
“Balls Of Fire”& I grab this opportunity to convey my immense regards
towards all the distinguish people who have the valuable contribution in
the hour of need.
I take this opportunity to thank “Dr. Mrs Mary Vimochana” our
Principle of “N.E.S Ratnam College Of Arts, Science & Commerce
Bhandup (West)” for giving me an opportunity to study in this institute &
the most needed guidance throughout the duration of the course.
I also like to extend my gratitude to “Dr Mrs Vinita Dhulia”
Head of the department for their timely & prestigious guidance.
I would also like to thank “Mrs Arti Debnath” provided the
guidance & necessary support during each phase of the project.
I also owe to my fellow friends who have been constant source of help
to solve the problem & also help during the project development process.

Thanking You.
ARTI RAMAN MISHRA

5
Introduction:

SCOPE OF THE SYSTEM:

My Website name is “Ball Of Fire”. In my website we have made
an easy way for students to view the events amount, timing and
register online. In my website, the first page includes the home
page. The page includes Event time and amount page, registration
page, About us, Contact us and Login page.
In Ball of fire website the user have to register first. After
registration then have to generate a unique ID using their Gmail
account. After the registration, Where the user will get the message
“Registration Successful”. The user can view the Events time and
amount online after clicking the Event and time under register from
navigation bar.
With the help of this software the new users can register
themselves providing their details such as name, email id, Age, city,
etc .The user can contact the volunteers under the contact us page
• The administrator can insert new events, timing and amount details
in database.
• Customer can View events, timing and amount and register
themselves from Balls of fire.

6
 FEASIBILITY STUDY
• Preliminary Investigation is the first phase in any system developing
life cycle. The Feasibility study is a major part of this phase.
• Feasibility study means selecting the best system that meet the
performance requirement.
• It is the measures of how beneficial or practical the development of an
Information system would be to the organization
• Our study of the feasible of development of the software is going to
be in terms of the following aspects

Time feasibility:-

As the registration, login options are given online so it will save

the time of the me
Operation Feasibility:-
Proposed System is beneficial only if it can be turned into
system that will meet the need of the client’s operating requirements. The
proposed system is operationally feasible due to the following reasons:
 It is easy to use and is very simple
 The proposed online website will cost no harm to the company;
instead it will enhance the result in a better respect and changes
of data can be done easily
 The new website will avoid confusion and resistance by
catching the user’s attention, as it is presentable.
 Economics Feasibility:-
1. Development Cost
 Equipment’s required for developing the software are easily
available.
 Equipment maintenance is also minimum.
 Saving of paper work and manpower reduced.
 Once the required hardware and software requirements get
fulfilled, there is no need for the user of our system to spend for
any additional overhead.

7
 2. Benefits which be measured
 Increased customer Loyalty.
 Increased customer satisfaction.

Technical Feasibility:-
At first it is necessary to check that the proposed system is
technically feasible or not and to determine the technology and skill
necessary to carry out the project. If they are not available then find out the
solution to obtain them.

Social Feasibility:-
Although generally there is always resistance, initially to any change in
the system is aimed at relieving the workload of the users to extent the
system is going to facilitate user to perform online viewing of images
which helps customers can view them online without having to visit the
shop physically. Thus there is no reason to make system socially
unfeasible.

8
 EXISTING SYSTEM
Features:
• The current system prevailing in the organization is manually based.
• The register book is use to maintain student record.
• The student can view the event details.
• As the amount of data increases maintaining such information for each
and every one student manually may become difficult.

Disadvantages of Existing System:

The existing system faces many problems in maintaining large amount of
data and retrieval of the data. These problems are,

Manual Errors:-
• The organization presently holds a manual system which is
unable to cope up with increasing structure of the gallery.
• Since the records are maintained manually, searching for a
particular record and maintaining all record is difficult.
• All records and details are maintained in register books.
• There is a large chance of Human error in calculations
maintenance.

Time Consuming:-
• A lot of paper work has to be done which is very time consuming.
• Searching records, details from register is very tedious job due to
excess paper work.

Risky:-
• There are no provisions for security.
• Due to this company’s confidential data at risk.

9
 PROPOSED SYSTEM

Features:-
• All the records and data have been computerized and are now
persistent.
• This system will reduce the complexity to store all the information
manually.
• It will also reduce the confusion created due to the improper manual
storage of the information.

Advantages:-
• This system is User-Friendly, interactive and easy to use.
• Time saving (Product at your door step).
• No complexities.
• Data security and backup facility.
• Created and manages new user easily.
• It is platform independent.

10
 TECHNICAL REQUIREMENT:

Software Requirement :

 Operating System : Windows XP, Vista, Windows 7,8,10.

 Graphics : Screen Resolution 1024*768.
 Colour Quality : Highest 32 bits.
 Frontend : Microsoft Visual Studio 2015(ASP.NET C#)
 Backend : Microsoft SQL Server 2012 R2.

Hardware Requirement:
 Pentium® Dual-Core CPU E5700 @ 3.00GHz.
 1 GB DDR2 RAM.  160 GB Hard Disk.
 15”LG Colour Monitor or Higher.
 Logitech Mouse.
 LG Mm Keyboard.

11
 GANTT CHART

A Gantt chart is a type of bar chart that illustrates a project schedule.

Gantt chart illustrates the start and finish dates of the terminal elements
and summary elements of project. Terminal elements and summary
elements comprise the work breakdown structure of the project.
Gantt Charts are useful tools analyzing and planning more complex
projects.
They:
• Help you to plan out the tasks that need to be completed.
• Give you a basis for scheduling when these tasks will be carried out.
Help you to work out critical path for a project where you must be
complete it by a particular date.
When a project is under way, Gantt chart helps you to monitor whether
the project is on schedule. If it is not, it allows you to pinpoint the
remedial action necessary to put it back to schedule. This chart is also
used in information Technology to represent data that the has been
collected.

12
 Planning:

Execution:

13
 SYSTEM DESIGN &DETAILS

SPIRAL MODEL:
Spiral model is one of the most important Software Development Life Cycle
models, which provides support for Risk Handling. In its diagrammatic
representation, it looks like a spiral with many loops. The exact number of
loops of the spiral is unknown and can vary from project to project. Each
loop of the spiral is called a Phase of the software development process.
The exact number of phases needed to develop the product can be varied by
the project manager depending upon the project risks. As the project
manager dynamically determines the number of phases, so the project
manager has an important role to develop a product using spiral model. The
Radius of the spiral at any point represents the expenses(cost) of the project
so far, and the angular dimension represents the progress made so far in the
current phase.
Below diagram shows the different phases of the Spiral Model:

14
 UML DIAGRAMS:

ENTITY-RELATIONSHIP DIAGRAM

• This document is an entity-relationship diagram or “ERD”, for a

system to manage Inventory Management system.

• An ERD is a model that identifies the concepts or entities that exists

in a system and the relationship between those entities.

• An ERD is often used as a way to visualize a relational database:

each entity represents database table, and the relationship lines
represent the keys in one table that point to specific records in
related tables.

• ERD may also be more abstract, not necessarily capturing every

table needed within a database, but serving to diagram the major
concepts and relationships.

• It may assist the database design process for an e-resource

management system, but does not identify every table that would
be necessary for an electronic resource management database.

15
Symbols Shape Name Description
Entity An entity is
represented by a
rectangle which
contains the entity’s
name.
Attribute Each attribute is
represented by an
oval containing
attribute’s name in
diagram.
Relationship Actions, which are
represented by
diamond shapes, show
how two entities share
information in the
database.
Line Solid lines that
_________ connect attributes to
show relationship of
entities in diagram.

16
 E-R Diagram

Manage
Username
M 1

User Admin
Password
View M 1 1

Registration
form

Price

Register Description
M

Event name

manage

17
 USE CASE DIAGRAM:

A use Case diagram in the unified modelling language is a type of

behavioural diagram defined by and created from a Use-Case analysis. Its
purpose is to present a graphical overview of the functionality provided by
a system in terms of actors, their goals(represented as use cases), and any
dependencies between those use cases.

Symbols Shape Name Description

Actor In UML, the person involved
is called an Actor. An Actor is
always outside of the
Automation Boundary of the
System.
Use Case It describes an activity the
system carries out in
response to an event.
Connecting Line The arrow is used to show
which Actors participate in
which use cases.
Automation It is Boundary between use
Boundary cases and Actor.

18
 Login

User_Mang

Register_mang
Admin

Logout

19
 Signup

Register

View

User confirm

20
 Activity Diagram:

Activity diagrams are graphical representation of workflows of

stepwise activities and actions with support for choice, iteration and
concurrency. In the Unified Modelling language, activity diagrams can
be used to describe the business and operational step-by-step workflows
of control. An activity diagrams shows the overall flow of control.
Activity diagrams are constructed from a limited repertoire of shapes,
connected with arrows.

THE MOST IMPORTANT SHAPE TYPES:-

 Rounded rectangle represents activities.
 Diamonds represent decisions.
 Bars represent the start (split) or end (join) of concurrent
activities.
 A black circle represents the start (initial state) of the
workflow.
 An encircled black circle represents the end (final state)
 Arrows run from the start towards the end and represent the
order in which activities happen.

21
 Admin

LogIn
invalid

valid

Reg_mng Users_mng

LogOut

22
User

Invalid
Register
Register
Valid

Confirm Reg
Invalid
Valid

View Events Contact

Exit

23
 Source Code

Home.aspx

<html>
<head runat="server">

<meta charset="utf-8" />

<title>XYZ College of Arts, Science and Commerce</title>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=0.1" />
<link href="Styles/Custom.css" rel="stylesheet" />

<link href="Styles/StyleSheet.css" rel="stylesheet" />

<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-responsive.min.css">

<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-

awesome.min.css">

<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>

</head>

<body>

<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>

<form id="form1" runat="server">

<div>

<nav class="navbar navbar-inverse navbar-fixed-top" >

<div class="container-fluid">

<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-
target="#myNavbar">

<span class="icon-bar"></span>

<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<a class="navbar-brand" href="Home.aspx">Balls Of Fire</a>

24
 </div>
<div class="collapse navbar-collapse" id="myNavbar">

<ul class="nav navbar-nav">

<li class="active"><a href="Home.aspx">Home</a></li>

<li class="dropdown">

<a class="dropdown-toggle" data-toggle="dropdown"

href="#">Register<span class="caret"></span></a>

<ul class="dropdown-menu">

<li><a href="Events.aspx">Events And Timings</a></li>

<li><a href="Register.aspx">Online Registeration</a></li>

</ul>
</li>
<li><a href="ContactUs.aspx">Contact Us</a></li>

</ul>

<ul class="nav navbar-nav navbar-right">

<li><a href="LogIn.aspx"><span class="glyphicon glyphicon-log-in"></span>

Log In </a></li>

<li><a href="AboutUs.aspx"> About US </a></li>

</ul>

</div>

</div>

</nav>

</div>

<!--- Carousel -->

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

<!-- Indicators -->

<ol class="carousel-indicators">

<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

<li data-target="#carousel-example-generic" data-slide-to="1"></li>

<li data-target="#carousel-example-generic" data-slide-to="2"></li>

</ol>

<!-- Wrapper for slides -->

<div class="carousel-inner" role="listbox">

25
 <div class="item active">
<img src="Images/Pool.jpg" style="width: 100%; margin-top: 0px;"/>

<div class="carousel-caption">

<h3>POOL</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>

</div>
</div>

<div class="item">

<img src="Images/Carrom.jpg" style="width: 100%"/>

<div class="carousel-caption">

<h3>Carrom</h3>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>

</div>

</div>

<div class="item">

<img src="Images/Scavenger.jpg" style="width: 100%"/>

<div class="carousel-caption">

<h3>Scavenger</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit</p>

</div>
</div>

</div>

<!-- Controls -->

<a class="left carousel-control" href="#carousel-example-generic" role="button" data-
slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>

<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-
slide="next">

<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

<span class="sr-only">Next</span>
</a>

</div>

26
 <!--- Carousel -->

<!--- Main Content -->

<br />

<br />

<div class="container">
<img class="img-rounded" src="Images/Tug of war.jpg" width="500" height="250" />

<h2>Tug Of War</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p><a class="btn btn-info" href="Events.aspx" role="button">View &raquo;</a></p>

<br/>

</div>

<div class="container ">

<img class="img-rounded" src="Images/Cricket.jpg" width="500" height="250" />

<h2>Cricket</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<br/>

<p><a class="btn btn-info" href="Events.aspx" role="button">View &raquo;</a></p>

</div>

<div class="container ">

<img class="img-rounded" src="Images/Carrom.jpg" width="500" height="250" />

<h2>Carrom</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p><a class="btn btn-info" href="Events.aspx" role="button">View &raquo;</a></p>

27
 </div>
<!--- Main Content -->

<br />

<br />

<div class="container center">

<div class="row">
<div class="col-lg-4">

<img class="img-circle" src="Images/tennis.jpg" width="140" height="140" />

<h2>Tennis</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p><a class="btn btn-info" href="Events.aspx" role="button">View &raquo;</a></p>

</div>

<div class="col-lg-4">

<img class="img-circle" src="Images/Volleyball.jpg" width="140" height="140" />

<h2>Volleybal</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p><a class="btn btn-info" href="Events.aspx" role="button">View &raquo;</a></p>

</div>
<div class="col-lg-4">

<img class="img-circle" src="Images/Cricket.jpg" width="140" height="140" />

<h2>Cricket</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.</p>
<p><a class="btn btn-info" href="Events.aspx" role="button">View &raquo;</a></p>

</div>

</div>

28
 </div>
<!--- Main Content -->

<!--- Footer -->

<hr />

<footer>

<div class="container">
<p class="pull-right"><a href="https://www.facebook.com/" class="fa fa-
facebook"></a> <a href="https://twitter.com/" class="fa fa-twitter"></a> <a
href="https://www.snapchat.com/" class="fa fa-snapchat-ghost"></a><a
href="https://www.whatsapp.com/" class="fa fa-whatsapp"></a><a
href="https://www.pinterest.co.uk/" class="fa fa-pinterest"></a>

<p>&copy; 2018 &middot; XYZCollege.com &middot; <a

href="Home.aspx">Home</a> &middot; <a href="AboutUs.aspx">About Us</a> &middot; <a
href="ContactUs.aspx">Contact Us</a></p>

<p>Address: Some random shop number,

some random street name,

some random location name,

Mumbai: 400065.</p>

</div>
</footer>

<!--- Footer -->

<script>

// When the user scrolls down 20px from the top of the document, show the button

window.onscroll = function() {scrollFunction()};

function scrollFunction() {

if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {

document.getElementById("myBtn").style.display = "block";

} else {

document.getElementById("myBtn").style.display = "none";

// When the user clicks on the button, scroll to the top of the document

function topFunction() {

29
 document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;

</script>

</form>

</body>
</html>

LogIn.aspx
<html>
<head runat="server">
<meta charset="utf-8" />
<title>XYZ College Of Arets Science and Commerce</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.1" />
<link href="Styles/Custom.css" rel="stylesheet" />
<link href="Styles/StyleSheet.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-responsive.min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.aspx">Balls Of Fire</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="Home.aspx">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">Register<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Events.aspx">Events And Timings</a></li>
<li><a href="Register.aspx">Online Registeration</a></li>
</ul>
</li>
<li><a href="ContactUS.aspx">Contact Us</a></li>

30
 </ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="AboutUs.aspx"> About US </a></li>
</ul>
</div>
</div>
</nav>
</div>

<hr/>
<br/>

<!--LogIn Starts-->

<div class="container">
<div class="form-horizontal">
<h2>Log In</h2>
<h6>FOR ADMIN USE ONLY</h6>
<hr/>
<div class="form-group">
<asp:Label ID="Label1" runat="server" CssClass="col-md-2 control-label"
Text="Username"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="Username" CssClass="form-control" runat="server"
placeholder="Username"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidatorUsername"
CssClass="text-danger" runat="server" ErrorMessage="Username Field is Required!"
ControlToValidate="Username"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label2" runat="server" CssClass="col-md-2 control-label"
Text="Password"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="Password" CssClass="form-control" runat="server"
TextMode="Password" placeholder="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidatorPassword"
CssClass="text-danger" runat="server" ErrorMessage="The Password Field is Required!"
ControlToValidate="Password" ViewStateMode="Disabled"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<div class="col-md-2"></div>
<div class="col-md-6">
<asp:Button ID="Button1" runat="server" Text="LogIn" CssClass="btn
btn-info" OnClick="Button1_Click" />
</div>
</div>
<div class="form-group">
<div class="col-md-2"></div>
<div class="col-md-6">
<asp:Label ID="lblError" runat="server" CssClass="text-
danger"></asp:Label>
</div>
</div>
</div>
</div>

<<!--LogIn Ends-->

<!--- Footer -->

31
 <hr/>
<footer>
<div class="container">
<p class="pull-right"><a href="https://www.facebook.com/" class="fa fa-
facebook"></a> <a href="https://twitter.com/" class="fa fa-twitter"></a> <a
href="https://www.snapchat.com/" class="fa fa-snapchat-ghost"></a><a
href="https://www.whatsapp.com/" class="fa fa-whatsapp"></a><a
href="https://www.pinterest.co.uk/" class="fa fa-pinterest"></a>
<p>&copy; 2018 XYZCollege.com &middot; <a href="Home.aspx">Home</a>
&middot; <a href="AboutUs.aspx">About Us</a> &middot; <a href="ContactUs.aspx">Contact
Us</a></p>
<p>Address: Some random shop number,
some random street name,
some random location name,
Mumbai: 400065.</p>
</div>
</footer>

<!--- Footer -->

<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</form>
</body>
</html>

Events.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Events.aspx.cs"

Inherits="OnlineReg.Events" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta charset="utf-8" />
<title>XYZ College of Arts, Science and Commerce</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.1" />
<link href="Styles/Custom.css" rel="stylesheet" />
<link href="Styles/StyleSheet.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-responsive.min.css">

32
 <link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.aspx">Balls Of Fire</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="Home.aspx">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">Register<span class="caret"></span></a>
<ul class="dropdown-menu">
<li class="active"><a href="Events.aspx">Events And
Timings</a></li>
<li><a href="Register.aspx">Online
Registeration</a></li>
</ul>
</li>
<li><a href="ContactUs.aspx">Contact Us</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="LogIn.aspx"><span class="glyphicon glyphicon-log-
in"></span> Log In </a></li>
<li><a href="AboutUs.aspx"> About US </a></li>
</ul>
</div>
</div>
</nav>
</div>
<br>
<hr/>

<!--Events-->
<div class="container">
<h2>List Of Events and Timings</h2>
<hr/>
<h5>Get yourself registered to claim your victory ! !</h5>
<p>*Note: YOU WILL FIND THE REGISTERATION FORM INSIDE THE 'REGISTER'.
HURRY!!!!!</p>

<hr />
<div class="panel panel-default">
<!-- Default panel contents-->
<div class="panel-heading">Events And Amount</div>

33
 <asp:Repeater ID="rptrEvents" runat="server">
<HeaderTemplate>
<table class="table">
<thead>
<tr>
<th>#</th>
<th>EventName</th>
<th>Participants</th>
<th>Amount</th>
<th>Timings</th>
<th>Edit</th>
</tr>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr>
<th><%# Eval("EventID") %></th>
<th><%# Eval("EventName") %></th>
<th><%# Eval("Participants") %></th>
<th><%# Eval("Amount") %></th>
<th><%# Eval("Timings") %></th>
<th>Edit</th>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</div>
<!--- Footer -->

<hr />

<footer>
<div class="container">
<p class="pull-right"><a href="https://www.facebook.com/" class="fa fa-
facebook"></a> <a href="https://twitter.com/" class="fa fa-twitter"></a> <a
href="https://www.snapchat.com/" class="fa fa-snapchat-ghost"></a><a
href="https://www.whatsapp.com/" class="fa fa-whatsapp"></a><a
href="https://www.pinterest.co.uk/" class="fa fa-pinterest"></a>
<p>&copy; 2018 &middot; XYZCollege.com &middot; <a
href="Home.aspx">Home</a> &middot; <a href="AboutUs.aspx">About Us</a> &middot; <a
href="ContactUs.aspx">Contact Us</a></p>
<p>Address: Some random shop number,
some random street name,
some random location name,
Mumbai: 400065.</p>
</div>
</footer>

<!--- Footer -->

<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";

34
 }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</form>
</body>
</html>

Register.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Register.aspx.cs"
Inherits="OnlineReg.Register" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta charset="utf-8" />
<title>XYZ College of Arts, Science and Commerce</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.1" />
<link href="Styles/Custom.css" rel="stylesheet" />
<link href="Styles/StyleSheet.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-responsive.min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>

</head>
<body>
<form id="form1" runat="server">
<div>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.aspx">Balls Of Fire</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="Home.aspx">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">Register<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Events.aspx">Events And Timings</a></li>

35
 <li><a href="Register.aspx">Online
Registeration</a></li>
</ul>
</li>
<li><a href="ContactUs.aspx">Contact Us</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="LogIn.aspx"><span class="glyphicon glyphicon-log-
in"></span> Log In </a></li>
<li><a href="AboutUs.aspx"> About US </a></li>
</ul>
</div>
</div>
</nav>
</div>
<br>
<br>

<!--Register Form-->
<div class="container">
<div class="form-horizontal">
<h2>Register Now!</h2>
<hr />
<div class="form-group">
<asp:Label ID="Label1" runat="server" CssClass="col-md-2 control-label"
Text="Name"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="txtRName" CssClass="form-control" runat="server"
placeholder="Name"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtRName"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label9" runat="server" CssClass="col-md-2 control-label"
Text="Age"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="txtAge" CssClass="form-control" runat="server"
TextMode="Number" placeholder="Age"></asp:TextBox>
<asp:RangeValidator ID="RangeValidator1" runat="server"
ErrorMessage="You are not eligible try next year ! !" ControlToValidate="txtAge"
MaximumValue="30" MinimumValue="15"></asp:RangeValidator>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtAge"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label3" runat="server" CssClass="col-md-2 control-label"
Text="Email Address"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="txtEmail" CssClass="form-control" runat="server"
TextMode="Email" placeholder="Email Address"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator5"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtEmail"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label4" runat="server" CssClass="col-md-2 control-label"
Text="City"></asp:Label>
<div class="col-md-3">

36
 <asp:TextBox ID="txtCity" CssClass="form-control" runat="server"
placeholder="City"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator6"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtCity"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label5" runat="server" CssClass="col-md-2 control-label"
Text="College"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="txtCollege" CssClass="form-control" runat="server"
placeholder="College"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator7"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtCollege"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label6" runat="server" CssClass="col-md-2 control-label"
Text="Stream"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="txtStream" CssClass="form-control" runat="server"
placeholder="Stream"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator8"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtStream"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label7" runat="server" CssClass="col-md-2 control-label"
Text="Interested In"></asp:Label>
<div class="col-md-3">
<asp:DropDownList ID="ddlEvents" CssClass="form-control"
runat="server" ></asp:DropDownList>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
runat="server" ErrorMessage="This Field is Required!" ControlToValidate="ddlEvents"
InitialValue="0"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<div class="col-md-2"></div>
<div class="col-md-6">
<asp:Button ID="Button1" runat="server" Text="Register"
CssClass="btn btn-info" OnClick="Button1_Click1"/>
</div>
</div>
</div>
</div>

<!--Register Form-->
<!--- Footer -->

<hr />

<footer>
<div class="container">
<p class="pull-right"><a href="https://www.facebook.com/" class="fa fa-
facebook"></a> <a href="https://twitter.com/" class="fa fa-twitter"></a> <a
href="https://www.snapchat.com/" class="fa fa-snapchat-ghost"></a><a

37
href="https://www.whatsapp.com/" class="fa fa-whatsapp"></a><a
href="https://www.pinterest.co.uk/" class="fa fa-pinterest"></a>
<p>&copy; 2018 &middot; XYZCollege.com &middot; <a
href="Home.aspx">Home</a> &middot; <a href="AboutUs.aspx">About Us</a> &middot; <a
href="ContactUs.aspx">Contact Us</a></p>
<p>Address: Some random shop number,
some random street name,
some random location name,
Mumbai: 400065.</p>
</div>
</footer>

<!--- Footer -->

<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</form>
</body>
</html>

Contact.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ContactUs.aspx.cs"

Inherits="OnlineReg.ContactUs" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta charset="utf-8" />
<title>XYZ College of Arts, Science and Commerce</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.1" />
<link href="Styles/Custom.css" rel="stylesheet" />
<link href="Styles/StyleSheet.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-responsive.min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>

38
</head>
<body>
<form id="form1" runat="server">
<div>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.aspx">Balls Of Fire</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="Home.aspx">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">Register<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Events.aspx">Events And Timings</a></li>
<li><a href="Register.aspx">Online
Registeration</a></li>
</ul>
</li>
<li class="active"><a href="ContactUs.aspx">Contact Us</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="LogIn.aspx"><span class="glyphicon glyphicon-log-
in"></span> Log In </a></li>
<li><a href="AboutUs.aspx"> About US </a></li>
</ul>
</div>
</div>
</nav>
</div>
<br>
<br>
<br>
<div class="container center">
<h1>List Of Contact Person</h1>
</div>
<hr/>
<div class="container center">
<div class="row">
<div class="col-lg-4">
<img class="img-circle" src="Images/identity1.png" alt:"Glam&glow2(2)"
width="140" height="140" />
<h2>Aishwarya Nikam</h2>
<h5>General Secretary</h5>
<p>Phone No.:1234567890</p>
</div>
<div class="col-lg-4">
<img class="img-circle" src="Images/identity1.png" alt:"Glam&glow1" width="140"
height="140" />
<h2>Vedant Khatavkar</h2>
<h5>Ass. General Secretary</h5>
<p>Phone No.:1234122435</p>
</div>
<div class="col-lg-4">

39
 <img class="img-circle" src="Images/identity1.png" alt:"Glam&glow" width="140"
height="140" />
<h2>Pravin Shukla</h2>
<h5>Event Handeler</h5>
<p>Phone No.:23456789</p>
</div>
</div>
</div>
<hr/>
<br/>
<!--- Main Content -->
<!--- Main Content 1-->
<div class="container center">
<div class="row">
<div class="col-lg-4">
<img class="img-circle" src="Images/identity1.png" alt:"Glam&glow2(2)"
width="140" height="140" />
<h2>Nikita Bhagat</h2>
<h5>Cultural Secretary</h5>
<p>Phone No.:23456789</p>
</div>
<div class="col-lg-4">
<img class="img-circle" src="Images/identity1.png" alt:"Glam&glow1" width="140"
height="140" />
<h2>Mandar Bane</h2>
<h5>Ass. Cultural Secretary</h5>
<p>Phone No.:23456789</p>
</div>
<div class="col-lg-4">
<img class="img-circle" src="Images/identity1.png" alt:"Glam&glow" width="140"
height="140" />
<h2>Yash Ghadge</h2>
<h5>Student Incharge</h5>
<p>Phone No.:23456789</p>
</div>
</div>
</div>
<br>
<hr/>
<!--- Main Content 1-->
<!--- Main Content 2-->
<div class="container center">
<div class="row">
<div class="col-lg-4">
<img class="img-circle" src="Images/identity1.png" alt:"Glam&glow2(2)"
width="140" height="140" />
<h2>Anandita Bhandari</h2>
<h5>Student Incharge</h5>
<p>Phone No.:23456789</p>
</div>
<div class="col-lg-4">
<img class="img-circle" src="Images/identity1.png" alt:"Glam&glow1" width="140"
height="140" />
<h2>Mrunal ABC</h2>
<h5>Student Incharge</h5>
<p>Phone No.:23456789</p>
</div>
<div class="col-lg-4">
<img class="img-circle" src="Images/identity1.png" alt:"Glam&glow" width="140"
height="140" />
<h2>Akshita BCD</h2>
<h5>Student Incharge</h5>
<p>Phone No.:23456789</p>

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

<!--- Main Content 2-->

<hr />

<!--- Footer -->

<footer>
<div class="container">
<p class="pull-right"><a href="https://www.facebook.com/" class="fa fa-
facebook"></a> <a href="https://twitter.com/" class="fa fa-twitter"></a> <a
href="https://www.snapchat.com/" class="fa fa-snapchat-ghost"></a><a
href="https://www.whatsapp.com/" class="fa fa-whatsapp"></a><a
href="https://www.pinterest.co.uk/" class="fa fa-pinterest"></a>
<p>&copy; 2018 &middot; XYZCollege.com &middot; <a
href="Home.aspx">Home</a> &middot; <a href="AboutUs.aspx">About Us</a> &middot; <a
href="ContactUs.aspx">Contact Us</a></p>
<p>Address: Some random shop number,
some random street name,
some random location name,
Mumbai: 400065.</p>
</div>
</footer>
<!--- Footer -->
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</form>
</body>
</html>

AboutUs.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AboutUs.aspx.cs"
Inherits="OnlineReg.AboutUs" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta charset="utf-8" />
<title>XYZ College of Arts, Science and Commerce</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.1" />

41
 <link href="Styles/Custom.css" rel="stylesheet" />
<link href="Styles/StyleSheet.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-responsive.min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
</head>
<body>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<form id="form1" runat="server">
<div>
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.aspx">Balls Of Fire</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="Home.aspx">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">Register<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Events.aspx">Events And Timings</a></li>
<li><a href="Register.aspx">Online
Registeration</a></li>
</ul>
</li>
<li><a href="ContactUs.aspx">Contact Us</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="LogIn.aspx"><span class="glyphicon glyphicon-log-
in"></span> Log In </a></li>
<li class="active"><a href="AboutUs.aspx"> About US </a></li>
</ul>
</div>
</div>
</nav>
</div>
<br>
<br>
<br>
<!--Main Content-->
<div>
<div class="container center">
<hr/>
<h1>President Of XYZ College</h1>
<hr/>
<p class="pull-left"><img class="img-circle" src="Images/identity1.png"
width="250" height="250" />
<p style="color:black" class="bottom-left">Lorem ipsum dolor sit amet, at
duo probo putent iriure, per te tincidunt deseruisse.
Pro tibique vituperatoribus ne, nullam oblique no duo.</p>

42
 <p style="color:black" class="bottom-left">Doming suavitate te duo, velit
cetero ius ad. Illum utinam his ad.
Ei duis assum eum, eum omnesque incorrupte in.</p>
<p style="color:black" class="bottom-left">Te ignota maiorum nominati has.
Mucius audire persequeris cu nam, id erat viris sit.</p>
<p style="color:black" class="bottom-left">Qui in tamquam repudiandae, suas
nibh sed an, eu etiam audire meliore qui.</p>
<p style="color:black">Mollis consetetur mei te, dico adhuc mundi ex has. Nec
argumentum persequeris ut.</p>
<p style="color:black">Habemus eligendi sea ea. Vel postea nostrum eu, in
electram constituam definitiones ius.</p>
<p style="color:black" class="bottom-right">Qui erat neglegentur an. Meis
verear audire nam ut.</p>
<p style="color:black" class="bottom-left">Modo iuvaret eu eum. Ut delectus
urbanitas qui.
Idque saperet duo no, sea cu veri vivendo.</p>
<p style="color:black" class="bottom-left">Quem dolor ancillae pro ex.
Detraxit incorrupte at sed. Vis graeci indoctum volutpat</p>
<p style="color:black">Vis graeci indoctum volutpat ei, ei aperiri nostrum
disputando vis, eum justo labore invenire ut.</p>
<p style="color:black" class="bottom-left">Possim oportere ad ius, at eos
oratio pericula patrioque.
Noster neglegentur nam eu, brute ornatus vivendum at est.</p>
<p style="color:black" class="bottom-left">Ea qui possit omnium. Usu tota
hendrerit efficiantur eu.
Mei blandit probatus abhorreant ei, nec quando reprehendunt ut, sonet homero te
sed.</p>
<p style="color:black" class="bottom-left">Et inermis eleifend usu, id sea nisl
honestatis. Offendit antiopam ex ius, sed no tation
maluisset, inani sadipscing consequuntur ad his.</p>
<p style="color:black" class="bottom-left">Lorem ipsum dolor sit amet, at duo
probo putent iriure, per te tincidunt deseruisse.
Pro tibique vituperatoribus ne, nullam oblique no duo.</p>
<p style="color:black" class="bottom-left">Doming suavitate te duo, velit
cetero ius ad. Illum utinam his ad.
Ei duis assum eum, eum omnesque incorrupte in.</p>
<p style="color:black" class="bottom-left">Te ignota maiorum nominati has.
Mucius audire persequeris cu nam, id erat viris sit.</p>
<p style="color:black" class="bottom-left">Lorem ipsum dolor sit amet, at
duo probo putent iriure, per te tincidunt deseruisse.
Pro tibique vituperatoribus ne, nullam oblique no duo.</p>
<p style="color:black" class="bottom-left">Doming suavitate te duo, velit
cetero ius ad. Illum utinam his ad.
Ei duis assum eum, eum omnesque incorrupte in.</p>
<p style="color:black" class="bottom-left">Te ignota maiorum nominati has.
Mucius audire persequeris cu nam, id erat viris sit.</p>
<p style="color:black" class="bottom-left">Lorem ipsum dolor sit amet, at duo
probo putent iriure, per te tincidunt deseruisse.
Pro tibique vituperatoribus ne, nullam oblique no duo.</p>
<p style="color:black" class="bottom-left">Doming suavitate te duo, velit
cetero ius ad. Illum utinam his ad.
Ei duis assum eum, eum omnesque incorrupte in.</p>
<p style="color:black" class="bottom-left">Te ignota maiorum nominati has.
Mucius audire persequeris cu nam, id erat viris sit.</p>
</div>
<!--Main Content-->
<!--- Footer -->
</div>
<hr/>
<footer>
<div class="container">
<p class="pull-right"><a href="https://www.facebook.com/" class="fa fa-
facebook"></a> <a href="https://twitter.com/" class="fa fa-twitter"></a> <a

43
href="https://www.snapchat.com/" class="fa fa-snapchat-ghost"></a><a
href="https://www.whatsapp.com/" class="fa fa-whatsapp"></a><a
href="https://www.pinterest.co.uk/" class="fa fa-pinterest"></a>
<p>&copy; 2018 &middot; XYZCollege.com &middot; <a
href="Home.aspx">Home</a> &middot; <a href="AboutUs.aspx">About Us</a> &middot; <a
href="ContactUs.aspx">Contact Us</a></p>
<p>Address: Some random shop number,
some random street name,
some random location name,
Mumbai: 400065.</p>
</div>
</footer>
<!--- Footer -->
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</form>
</body>
</html>

Confirmation.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Confirmation.aspx.cs"
Inherits="OnlineReg.Confirmation" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta charset="utf-8" />
<title>XYZ College of Arts, Science and Commerce</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.1" />
<link href="Styles/Custom.css" rel="stylesheet" />
<link href="Styles/StyleSheet.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-responsive.min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
</head>
<body>

44
 <form id="form1" runat="server">
<div>
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.aspx">Balls Of Fire</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="Home.aspx">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">Register<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Events.aspx">Events And Timings</a></li>
<li><a href="Register.aspx">Online
Registeration</a></li>
</ul>
</li>
<li><a href="ContactUs.aspx">Contact Us</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="LogIn.aspx"><span class="glyphicon glyphicon-log-
in"></span> Log In </a></li>
<li><a href="AboutUs.aspx"> About US </a></li>
</ul>
</div>
</div>
</nav>
</div>

<div class="container">
<div class="form-horizontal">
<h2>Get Your Confirmation Done!</h2>
<hr />
<h4>Please enter your Email address, We will send you the Confirmation
mail.</h4>
<br />
<br />
<div class="from-group">
<asp:Label ID="lblEmail" runat="server" CssClass="col-md-2 control-label"
Text="Your Email" placeholder="Email Address"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="tbEmailId" CssClass="form-control" runat="server"
TextMode="Email"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidatorEmail"
CssClass="text-danger" runat="server" ErrorMessage="Please enter your Email address !"
ControlToValidate="tbEmailId"></asp:RequiredFieldValidator>
</div>
</div>
<br />
<br />
<br />
<div class="form-group">
<div class="col-md-2"></div>
<div class="col-md-6">

45
 <asp:Button ID="Button1" runat="server" Text="Send" CssClass="btn btn-
info" OnClick="Button1_Click" />
<asp:Label ID="lblConfirm" runat="server"></asp:Label>
</div>
</div>
</div>
</div>

<!--- Footer -->

<hr />

<footer>
<div class="container">
<p class="pull-right"><a href="https://www.facebook.com/" class="fa fa-
facebook"></a> <a href="https://twitter.com/" class="fa fa-twitter"></a> <a
href="https://www.snapchat.com/" class="fa fa-snapchat-ghost"></a><a
href="https://www.whatsapp.com/" class="fa fa-whatsapp"></a><a
href="https://www.pinterest.co.uk/" class="fa fa-pinterest"></a>
<p>&copy; 2018 &middot; XYZCollege.com &middot; <a
href="Home.aspx">Home</a> &middot; <a href="AboutUs.aspx">About Us</a> &middot; <a
href="ContactUs.aspx">Contact Us</a></p>
<p>Address: Some random shop number,
some random street name,
some random location name,
Mumbai: 400065.</p>
</div>
</footer>
<!--- Footer -->
</form>
</body>
</html>

SuccessfullyReg.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SucessReg.aspx.cs"

Inherits="OnlineReg.SucessReg" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta charset="utf-8" />
<title>XYZ College of Arts, Science and Commerce</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.1" />
<link href="Styles/Custom.css" rel="stylesheet" />
<link href="Styles/StyleSheet.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-responsive.min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
</head>

46
<body>
<form id="form1" runat="server">
<div>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.aspx">Balls Of Fire</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="Home.aspx">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">Register<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Events.aspx">Events And Timings</a></li>
<li><a href="Register.aspx">Online
Registeration</a></li>
</ul>
</li>
<li><a href="ContactUs.aspx">Contact Us</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="LogIn.aspx"><span class="glyphicon glyphicon-log-
in"></span> Log In </a></li>
<li><a href="About.aspx"> About US </a></li>
</ul>
</div>
</div>
</nav>
</div>
<div class="sucess">
<br>
<br>
<br>
<hr/>
<!--Main Content-->
<div class="container center">
<h1 style="color:black;">CONGRATULATIONS !</h1>
<br>
<br>
<br>
<br>
<h5 style="color:black;">Congratulations! You Have Completed the step 1 of
registeration Sucessfully.</h5>
<br>
<h5 style="color:black;">Note: PLEASE PROCEED THE SECOND STEP TO COMPLETE YOUR
REGISTERATION!</h5>
</div>
<!--Main Contet-->
<br>
<div>
<div class="container center">
<p style="color:black;">Thank You for registering with us.</p>
<p style="color:black;">Please kindly reach the venue half and hour before the
alloted time.</p>

47
 <p style="color:black;"> To check the complete events and timing of the fest
kindly go to "Events and Timings" under "Register"
</p>
<div class="form-group">
<div class="col-md-2"></div>
<div class="col-md-6">
<asp:Button ID="BtnCon" runat="server" Text="Confirm Your Registeration"
CssClass="btn btn-info" OnClick="BtnCon_Click" />
</div>
</div>
</div>
</div>
<!--- Footer -->

<hr />
</div>

<footer>
<div class="container">
<p class="pull-right"><a href="https://www.facebook.com/" class="fa fa-
facebook"></a> <a href="https://twitter.com/" class="fa fa-twitter"></a> <a
href="https://www.snapchat.com/" class="fa fa-snapchat-ghost"></a><a
href="https://www.whatsapp.com/" class="fa fa-whatsapp"></a><a
href="https://www.pinterest.co.uk/" class="fa fa-pinterest"></a>
<p>&copy; 2018 &middot; XYZCollege.com &middot; <a
href="Home.aspx">Home</a> &middot; <a href="AboutUs.aspx">About Us</a> &middot; <a
href="ContactUs.aspx">Contact Us</a></p>
<p>Address: Some random Area number,
some random street name,
some random location name,
Mumbai: 400065.</p>
</div>
</footer>

<!--- Footer -->

<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</form>
</body>
</html>

48
 Admin.Master
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Admin.master.cs"
Inherits="OnlineReg.Admin" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta charset="utf-8" />
<title>XYZ College of Arts, Science And Commerce</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=0.1" />
<link href="Styles/Custom.css" rel="stylesheet" />
<link href="Styles/StyleSheet.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="~/Content/bootstrap-responsive.min.css">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<script type="text/javascript" src="Scripts/jquery-3.3.1.min.js"></script>
</head>
<body>
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
<form id="form1" runat="server">
<div>
<nav class="navbar navbar-inverse navbar-fixed-top" >
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="Home.aspx">Balls Of Fire</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="AdminHome.aspx">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown"
href="#">Register<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="AdminEvents.aspx">Events And
Timings</a></li>
<li><a href="AdminRegister.aspx">Online
Registeration</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<asp:Button ID="BtnAdminLogout" runat="server" CssClass="btn
btn-default navbar-btn" Text="Logout" Onclick="BtnAdminLogout_Click"/>
</ul>
</div>

49
 </div>
</nav>
</div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
<!--- Footer -->

<hr />

<footer>
<div class="container">
<p class="pull-right"><a href="https://www.facebook.com/" class="fa fa-
facebook"></a> <a href="https://twitter.com/" class="fa fa-twitter"></a> <a
href="https://www.snapchat.com/" class="fa fa-snapchat-ghost"></a><a
href="https://www.whatsapp.com/" class="fa fa-whatsapp"></a><a
href="https://www.pinterest.co.uk/" class="fa fa-pinterest"></a>
<p>&copy; 2018 &middot; XYZCollege.com &middot; <a
href="Home.aspx">Home</a> &middot; <a href="AboutUs.aspx">About Us</a> &middot; <a
href="ContactUs.aspx">Contact Us</a></p>
<p>Address: Some random shop number,
some random street name,
some random location name,
Mumbai: 400065.</p>
</div>
</footer>
<!--- Footer -->
<script>
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
document.getElementById("myBtn").style.display = "block";
} else {
document.getElementById("myBtn").style.display = "none";
}
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
</script>
</form>
</body>
</html>

AdminHome.aspx
<%@ Page Title="" Language="C#" MasterPageFile="~/Admin.Master" AutoEventWireup="true"
CodeBehind="AdminHome.aspx.cs" Inherits="OnlineReg.AdminHome1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<br />
<br/>
<div>
<img src="Images/Admin.jpg" width="1550" height="750" />
<br>
<br>
<div class="center-page">
<h1 style="color: #000000">Welcome Admin !</h1>

50
 </div>
<br>
<br>
</div>
</asp:Content>

AdminEvent.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Admin.Master" AutoEventWireup="true"

CodeBehind="AdminEvents.aspx.cs" Inherits="OnlineReg.AdminEvents" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<br>
<br/>
<br/>
<!--Events-->
<div class="container">
<div class="form-horizontal">
<h2>List Of Events and Timings</h2>
<hr />
<div class="form-group">
<asp:Label ID="Label1" runat="server" CssClass="col-md-2 control-label"
Text="Event Name"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="txtEName" CssClass="form-control" runat="server"
placeholder="Event Name"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtEName"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label2" runat="server" CssClass="col-md-2 control-label"
Text="Participants"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="txtEParticipants" CssClass="form-control"
runat="server" TextMode="Number" placeholder="Participants"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtEParticipants"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label3" runat="server" CssClass="col-md-2 control-label"
Text="Amount"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="txtEAmount" CssClass="form-control" runat="server"
TextMode="Number" placeholder="Amount"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtEAmount"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<asp:Label ID="Label4" runat="server" CssClass="col-md-2 control-label"
Text="Timings"></asp:Label>
<div class="col-md-3">
<asp:TextBox ID="txtETimings" CssClass="form-control"
runat="server" TextMode="DateTime" placeholder="Timings"></asp:TextBox>

51
 <asp:RequiredFieldValidator ID="RequiredFieldValidator4"
runat="server" ErrorMessage="This Field is Required!"
ControlToValidate="txtETimings"></asp:RequiredFieldValidator>
</div>
</div>
<div class="form-group">
<div class="col-md-2"></div>
<div class="col-md-6">
<asp:Button ID="Button1" runat="server" Text="ADD" CssClass="btn
btn-success" OnClick="Button1_Click" />
</div>
</div>
</div>

<div class="panel panel-default">

<!-- Default panel contents-->
<div class="panel-heading">Events And Amount</div>

<asp:Repeater ID="rptrEvents" runat="server">

<HeaderTemplate>
<table class="table">
<thead>
<tr>
<th>#</th>
<th>EventName</th>
<th>Participants</th>
<th>Amount</th>
<th>Timings</th>
<th>Edit</th>
</tr>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr>
<th><%# Eval("EventID") %></th>
<th><%# Eval("EventName") %></th>
<th><%# Eval("Participants") %></th>
<th><%# Eval("Amount") %></th>
<th><%# Eval("Timings") %></th>
<th>Edit</th>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</div>
</asp:Content>

AdminRegister.aspx

<%@ Page Title="" Language="C#" MasterPageFile="~/Admin.Master" AutoEventWireup="true"

CodeBehind="AdminRegister.aspx.cs" Inherits="OnlineReg.AdminRegister" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<!--Events-->
<div class="container">

52
 <br>
<br>
<hr/>
<h2>List Of Registeration for the Event</h2>
<hr />
<div class="panel panel-default">
<!-- Default panel contents-->
<div class="panel-heading">Events And Amount</div>

<asp:Repeater ID="rptrReg" runat="server">

<HeaderTemplate>
<table class="table">
<thead>
<tr>
<th>#</th>
<th>RName</th>
<th>RAge</th>
<th>REmail</th>
<th>Rcity</th>
<th>RCollege</th>
<th>RStream</th>
<th>RInterest</th>
<th>Edit</th>
</tr>
</thead>
<tbody>
</HeaderTemplate>
<ItemTemplate>
<tr>
<th><%# Eval("RegisterID") %></th>
<th><%# Eval("RName") %></th>
<th><%# Eval("RAge") %></th>
<th><%# Eval("REmail") %></th>
<th><%# Eval("RCity") %></th>
<th><%# Eval("RCollege") %></th>
<th><%# Eval("RStream") %></th>
<th><%# Eval("RInterest") %></th>
<th>Edit</th>
</tr>
</ItemTemplate>
<FooterTemplate>
</tbody>
</table>
</FooterTemplate>
</asp:Repeater>
</div>
</div>
</asp:Content>

53
Screenshots

54
 Home.aspx

Event.aspx

55
Register.aspx

LogIn.aspx

56
AdminHome.aspx

AdminEvent.aspx

57
AdminRegister.aspx

ContactUs.aspx

58
AboutUs.aspx

59
CONCLUSION AND FUTURE SCOPE

This project would be updated in the near future to include

following things:

1. Detailed Categories: Future work could involve adding

more categories Which are more detailed and have additional items.
2. Watch/Wish list: Work can add an watch list or wish list so
that users can add an item to a list to watch for item prices to go
down or to see when there is a sale on any of those items.
3. Recommended Items: Add a bar that would display the most
recommended options which would depend on the number of events
that has been selected by the users.
4. Recent History: Displays the user’s recently browsed items in
the recent –history tab.

60
 REFERENCES

Books which I Referred for the reference:

1. Software Engineering, A Practitioner’s Approach,Roger
S,Pressman(2014)
2. Beginning ASP.NET 4.5 IN c# by Matthew MacDonald,Apress(2012)

Websites Referred:
https://www.youtube.com/results?search_query=hariti+study+
hub+asp.net

61