Professional Documents
Culture Documents
Hospital Management System
Hospital Management System
B.Tech. (IT)
May 2022
CERTIFICATE
DECLARATION
We hereby declare that this submission is our own work and that, to the best of our
knowledge and belief. It contains no material previously published or written by
another person nor material which to a substantial extent has been accepted for the
award of any other degree or diploma of the university or other institute of higher
learning, except where due acknowledgement has been made in the text.
Signature:
Yogesh Kumar (ROLL NO-1903600139015)
ACKNOWLEDGEMENT
All praise is due to almighty of God which is the ultimate source of all knowledge
a part of
which the results was the tires and peace be upon all the true messenger (prophets)
sent by
him time to time all people though but the world for the guidance and success of
the
mankind, We are very much indebted to our guide Ms. Prachi Yadav (Assistant
Professor) dept.
Information Technology. Whose sincere cements, constant feedback,
constructively
suggestion and expert advice during various stages of this work helped me
immensely in
completing my dissertation work smoothly. I am also very much thankful, who
helped me
a lot in various stages of my work. I am sincerely thankful to (Head of Goel
Institute of
Technology & Management Lucknow, UP). Last but not the least we are thankful
to the
faculty members and staff of the Computer Science Department. Who have
consistently
supported us by pointing out the various shortcomings that felt plagued at various
point of
time and helped us directly or indirectly while completing the project.
Session (2021-2022)
Date :May-2022
Lucknow, UP
Presentation Outline
● Introduction
● Project Description
● System Requirements
● Technology Used
● Conclusion
INDEX
1. Introduction
1.1 Overview Of Organization
1.2 Existing System Description
1.3 Proposed System
1.4 Tools Used
2. System Analysis
2.1 SDLC Phases
2.1.1 Feasibility Study
2.1.2 Report Approval
2.1.3 System Analysis
2.1.4 System Design
2.1.5 Coding
2.1.6 Testing
2.1.7 Implementation
2.1.8 Maintenance
2.2 Process Description
2.3 Project Model Used
2.4 ER-Diagram
2.5 Data Flow Diagram
3. Software Requirement
Specification 3.1 Hardware
Requirement
3.2 Software Requirement
3.3 Support Maintenance
4. System Design
Approach…….
5
4.1 Top-Down Designing
4.2 Bottom-Up Designing
4.3 Following Approach
5. Low Level Design
5.1 Description of
classes and Methods
6. Data
Modeling
6.1 Lists of Tables
6.2 Structure of Tables
7. Testing
8. Input-
Output
Forms 8.1
Modularizati
on Details
8.2 User Screenshots
8.3 Admin Screenshots
9. Future Scope
10. Conclusion
Introduction
Hospital Management System is used to manage the functionality and events
in healthcare. It offers modules for new and existing doctors, maintaining
patients records appointments etc.
Super Admin can access all things inside the Hospital Management only
super admin can add any Hospital and inside any hospital there should be
added doctors, nurses and staff.
• Time Consuming
• Manual Errors
• Complexity
• Low Security
• Data Redundancy
• Portability
• No more helpful to improve business
Proposed System:
The proposed system of INDIATIMES NEWS can also be
known as the Nongovernmental Organization website, because
we will use the technology for managing the relationship with
users, like web technology. We proposed complete website
solution for the application
to create a “User Relationship Management” website. The
iterative, time bound approach adopted by us to address the
client requirements that are as follows:
SYSTEM ANALYSIS
Phases:
System Development Life Cycle (SDLC) mainly consists of
the following 7 phases which can be detailed:-
Preliminary Investigation:-
This is the first phase of the system development life cycle. In
this phase we tend to find out the needs of the client-what
exactly does the client want? Before the development of
any system the important point is to know the needs,
objectives and scope of the system
Feasibility Study:-
Feasibility study is the second step of the system development
life cycle. Things are always easy at the beginning in any
software process. In fact nothing is infeasible with
unlimited time and resources. But it is not the fact. So,
practically we have to do it with limited resources in a
restricted time margin. So for the system to be feasible,
following points we have to consider.
The feasibility study is conducted to check whether the
candidate system is feasible. The system which is selected
to be the best against the criteria is thereafter designed and
developed.
The feasibility study takes into consideration the risks
involved in the project development beforehand. Therefore
in this phase we have to do a feasibility study which tests
the website according to its work ability, impact on the
organization, ability to meet user needs and effective use of
resources. We do the feasibility study for the website to
analyze the risks, costs and benefits relating to economics,
technology and user organization. There are several types
of feasibility depending on the aspect cover. Import of
these includes.
10
Technical Feasibility:
This is an important outcome of the preliminary
investigation. It comprise of following questions:-
• Can the work of the project be one with current
equipment, existing software and available man
power resources?
• If technology is required, what are the
possibilities that it can be developed?
Economic Feasibility:
It deals with questions related to the economy. It
comprise of the following questions:-
• Are there sufficient benefits in creating the
system to make the cost acceptable?
• Are the costs of not creating the system so
great that the • project must be undertaken?
Legal Feasibility:
It deals with the question related to the legal issues. It
comprise of the following questions:- Contract
Signing.
• Software License agreement.
• Issues related to cyber laws.
• Legal issues relating to the man power contract.
Operational Feasibility:
The operational feasibility consists of the following
activity:- Will the system be useful if it is
developed & implemented? • Will there be
resistance from employees?
Social & Behavioral Feasibility:
Coding:-
Coding is the phase in which a developer codes using any
programming language. Coding constitutes only20% of the
whole project and which is easier to write. The coding
work is also done in the teams; development of the system
is usually done under the modular programming style,
which can be either top-down approach or bottom-up
approach.
Testing:-
Testing is the phase in which the system that has been
developed is tested. Testing comprises the 60%ft the
overall development of the system. Testing of the system
is important because testing techniques that can be used
for the testing of the system.
Implementation:-
Implementation process involved the installation of the
software on the user's side. Implementation process actually
depends on the type of a system & various. Opting for a
suitable conversion approach is step implementation. The
conversion processes are as follows:-
● Parallel Conversion
● Direct Conversion Approach
● Pilot Conversion Approach
● Phase In conversion Approach
Maintenance:-
Merely developing the system is not important but also
maintenance is important. The company that has built the
system provides for some time free of cost maintenance to
the client and after that period it is usually
Various stage in the System Development
Process Description:
Gantt charts are mainly used for activities. The resources
allocated to activities include staff hardware, and software.
Gantt charts (named after its developer Henry Gantt) are
useful for resource planning. A Gantt chart is a special type
of bar chart where each bar represents an activity. The bars
are drawn along a timeline. The length of each bar is
proportional to the duration of the time planned for the
corresponding activity.
Gantt chart is a project scheduling technique. Progress can
be represented easily in a Gantt chart, by coloring each
milestone when completed. The project will start in the
month of January and end after 4 months at the beginning
of April.
Project Description
1. Super Admin Login
2. Hospital SignUp/Login
3. Doctor SignUp/Login
5. Doctor Dashboard
System Requirements
Minimum Software/Hardware Required:-
Processor- Intel Core i3
RAM-2 GB
HDD-2 GB(For installing)
Operating System Windows 10
Microsoft Visual Studio 2019
SQL Server Management 2018
Technology Used
● Asp.Net Core
● Entity FrameWork
● HTML
● Bootstrap
● CSS
● SQL Server
● Asp.Net Core
ASP.NET Core is the open-source and cross-platform
version of ASP.NET, a popular web development
framework for building web apps on the .NET platform.
● Entity Framework
Entity Framework is an open-source ORM framework for .NET
applications supported by Microsoft. It enables developers to work
with data using objects of domain specific classes without focusing
on the underlying database tables and columns where this data is
stored. With the Entity Framework, developers can work at a
higher level of abstraction when they deal with data, and can create
and maintain data-oriented applications with less code compared
with traditional applications.
● HTML
Hypertext Markup Language, a standardized system for tagging
text files to achieve font, color, graphic, and hyperlink effects on
World Wide Web pages.
● Bootstrap
Responsive design makes it possible for a web page or app to
detect the visitor’s screen size and orientation and
automatically adapt the display accordingly; the mobile first
approach assumes that smartphones, tablets and task-specific
Mobile apps are employees' primary tools for getting work
done and addresses the requirements of those technologies in
design.
● CSS
Separation of formatting and content also makes it possible to
present the same markup page in different styles for different
rendering methods, such as on-screen, in print, by voice (via
speech-based browser or screen reader), and on Braille-based
tactile devices. CSS also has rules for alternate formatting if the
content is accessed on a mobile device.
● SQL Server
Microsoft SQL Server is a relational database management
system developed by Microsoft. As a database server, it is a
software product with the primary function of storing and
retrieving data as requested by other software applications—
which may run either on the same computer or on another
computer across a network (including the Internet).
SUPPORT AND MAINTENANCE:-
One year free support for rectifying system bugs including
front end back end will be provided. During the warranty
period Software Engineers will be responsible for
removing bugs and improving them. After one year support
can extend @ 20% of the total product deployment cost.
SYSTEM DESIGN APPROACH:-
Top-Down designing:
The top-down designing approach started with major
components of the system. It is a stepwise refinement
which starts from an abstract, in each step the design is
refined two or more create levels until we reach a level
where no - more refinements is possible or not needed.
DATA MODELING
LIST OF TABLES:
1. Tbl_Registration
2. Tbl_Login
3. Tbl_Enquiry
4. Tbl_Suggestion
5. Tbl_News
6. Tbl_News_Category
7. Tbl_Advertise
8. Tbl_Video
9. Tbl_Notification
A) Tbl_Registration
S.No. Column Name Data type Size Remark
1 Name Varchar 50
2 Gender Varchar 10
3 DOB Varchar 30
4 Mobile Varchar 30
6 City Varchar 50
9 Pwd Varchar 50
10 Reg_Date Varchar 30
B) Tbl_Login
S.No. Column Name Data Type Data Size Remarks
3 Utype varchar 30
C) Tbl_Enquiry
S.No. Column Name Data Type Data Size Remarks
1 EQ_Id int PK(Auto Inc.)
3 Mobileno varchar 12
6 EQ_Date varchar 30
D) Tbl_Suggestion
S.No. Column Name Data type Size Remark
1 F_Id int PK(Auto inc.)
3 Mobileno Varchar 12
6 F_Date Varchar 30
3 News_CatDt varchar 30
G) Tbl_Advertise
S.No. Column Name Data Type Data Size Remarks
1 A_Id int PK(Auto Inc.)
3 A_Link varchar 5
4 A_Date varchar 30
26
H) Tbl_Video
S.No. Column Name Data Type Data Size Remarks
4 V_Date varchar 30
I) Tbl_Notification
S.No. Column Name Data Type Data Size Remarks
1 N_Id int PK(Auto Inc.)
3 N_Date varchar 30
J) Tbl_Pdf
S.No. Column Name Data Type Data Size Remarks
1 Pdf_Id int PK(Auto Inc.)
2 Pdf_Name varchar 50
5 Pdf_DT varchar 30
27
Low Level Design
Description: Low Level Design creation is one of the
most important activities in the development of any
software product. The low level design document gives
the design of the actual software application. Low level
design documents are based on High Level Design
documents and will make the application very easy to
develop by the developer. An effective design document
results in very low efforts in developing a software
product.
Each project’s low level design document should provide a
complete and detailed specification of the design for the
software that will be developed in the project, including
the classes, member and non ─member functions, and
associations between classes that are involved. The low
level design document should contain a listing of the
declarations of all the classes, non─ member ─functions,
and classes member functions that will be defined during
the subsequent implementation stage, along with the
associations between those classes and any other details of
those classes (such as member variables) that are family
determined by the low level design stage. The low level
design document should also describe the classes, function
signatures, associations, and any other appropriate details,
which will be involved in testing and evaluations of the
project according to the evaluation plan defined in the
project’s requirements document.
TESTING
Testing is the integral part of any System Development
Life Cycle insufficient and applications tend to crash and
result in loss of economic and manpower investment
besides user’s dissatisfaction and downfall of reputation.
System Testing:
Entire system is tested as per the requirements. Black box
type test that is based on overall requirement
specifications covers all combined parts of a system.
End-to-End Testing:
Similar to system testing, it involves testing of a complete
application environment in a situation that mimics real-
world use, such as interacting with a database, using
network communications, or interacting with hardware,
applications, or system if appropriate.
Regression Testing:
Testing the application as a whole for the modification in
any modules or functionality. Difficult to cover all the
systems in regression testing so typically automation tools
are used for these testing types. Acceptance Testing:
Normally this type of testing is done to verify if the system
meets the customer specific requirements. Users or
customers do this testing to determine whether to accept
an application. Performance Testing: Team often used
interchangeably with “load” testing, To check whether
system meets performance requirements, User different
performance and load tools to do this.
Alpha testing:
In house virtual user environments can be created for this
type of testing. Testing is done at the end of development.
Still minor design changes may be made as a result of such
testing.
Beta Testing:
Testing typically done by end-users or others. This is final
testing before releasing the application for commercial
purpose.
namespace Hospital.Models
{
public class HMSContext : IdentityDbContext<ApplicationUser>
{
public HMSContext(DbContextOptions<HMSContext> options) : base(options)
{
Email Sender.cs
using Microsoft.AspNetCore.Identity.UI.Services;
using Microsoft.Extensions.Configuration;
using System;
using System.Collections.Generic;
using System.Net;
using System.Net.Mail;
using System.Text;
using System.Threading.Tasks;
namespace Services
{
public class EmailSender : IEmailSender
{
private readonly IConfiguration _configuration;
public EmailSender(IConfiguration configuration)
{
_configuration = configuration;
}
Login/SignUp Or Index
Page
Super Admin Dashboard
Add Doctor
Doctor Information
Nurses Details
Appointments
Hospital Dashboard
Doctor Dashboard
Forgot Password
Departments
Hospital Admin Dashboard
Home/Index
@using System.Collections.Generic
@using System.Linq
@using Microsoft.AspNetCore.Http
@using Microsoft.AspNetCore.Identity
@using Hospital.Models
@model Hospital.Models.AccountViewModels.LoginViewModel
<style>
.about-img {
width: 100%;
.icon_img {
height: 50.94px;
.servis {
width: 285px;
text-align: center;
background-color: aqua;
float: left;
margin: 20px;
.head {
height: 50px;
background-color: beige;
font-size: 35px;
}
.desc {
height: auto;
font-size: 20px;
.price {
background-color: azure;
/*plans tiles*/
.block.block-bordered {
.block-header {
font-weight: bold;
flex-direction: row;
justify-content: space-between;
align-items: center;
.bg-body-light {
.block-content {
width: 100%;
margin: 0 auto;
overflow-x: visible;
.bg-body-light {
background-color: #f9fafc;
padding-bottom: 20px;
.btn-hero-secondary.disabled, .btn-hero-secondary:disabled {
color: #fff;
background-color: #111;
.btn.disabled, .btn:disabled {
opacity: .65;
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
.text-center {
.col-md-6 {
width: 50%
.col-md-4 {
width: 33.33%;
float: left;
.col-md-6 {
width: 50%;
float: left;
.block-header h3 {
.btn_plan_box {
color: white;
.btn_plan_box a {
color: white;
.btn_plan_box .btn-price {
.content_block {
.about-content p {
text-align: center;
.location_content {
padding: 30px;
.city_block {
width: 100%;
padding: 20px;
.mobile_row {
display: none;
@@media(max-width:768px) {
.service-box {
.desktop_row {
.mobile_row {
display: block;
.service_row {
</style>
<script>
document.getElementById("registerAlert").onload = function () { myFunction() };
function myFunction() {
</script>
<header id="Home">
@Html.Partial("_HeaderPartial")
<div class="hero-text-box">
data-aos-easing="ease-in-sine">
</h1>
<br>
</div>
</header>
<!--about us block-->
<div class="row">
</div>
<div class="row">
</center>
</div>
<div class="works-step">
<div>1</div>
<p>Hopital Management System (HMS) is open to all patients every day and provides fundamental
medical care and cutting-edge medicine.</p>
</div>
<div class="works-step">
<div>2</div>
<p>We use our academic knowledge to treat a wide range of health issues, taking a personal touch and
utilizing highly specialized and up-to-date research.</p>
</div>
<div class="works-step">
<div>3</div>
<p>
We will innovate and define the future of health care for generations
</p>
</div>
</div>
</div>
</section>*@
<!--about us block-->
<div class="row">
<h2>Our Services</h2>
</div>
<div class="content_block">
<div class="about-content">
<p> Ambulance Services provides 24 hours ambulance service Lucknow to critically injured individuals.
Our ambulances provide emergency and medical transportation support.Ambulance Services support patients across
World. </p>
</div>
</div>
</div>
<div class="content_block">
<div class="about-content">
<p>Our Hospitals offers key & best orthopedic surgeries and procedures in India. We perform bone and
joint replacement surgeries which include the most current Arthroscopic and Reconstructive techniques. </p>
</div>
</div>
</div>
<div class="about-content">
<p>Our Hospitals provides comprehensive cancer care with best treatment facilities in India. Our expert
team of oncologists examines every case jointly and decides on the best line of cancer treatment for the patient.</p>
</div>
</div>
</div>
</div>
<div class="content_block">
<div class="about-content">
<p>The department of neurosurgery at our hospitals in India is well equipped to treat all the neurological
diseases including stroke, headache, epilepsy, coma, neuropathies, multiple sclerosis, myopathies, Parkinson’s disease,
Myasthenia Gravis and many more.</p>
</div>
</div>
</div>
<div class="content_block">
<div class="about-content">
<p>Gastroenterology essentially addresses diseases of the esophagus, stomach, small intestine, colon and
rectum, pancreas, gallbladder, bile ducts and liver. The Gastrointestinal surgeons manage major treatments related to
gastrointestinal surgical problems of the intestines.</p>
</div>
</div>
</div>
<div class="content_block">
<div class="about-content">
<p>The Pc Chart Institutes of Transplant program is one of the world’s largest and most comprehensive
solid multi-organ transplantation in India.An eminent pool of internationally renowned Transplant Surgeons,
Nephrologists, Gastroenterologists ,Surgeons.</p>
</div>
</div>
</div>
</div>
</section>
<div class="row">
<div class="img-block">
</div>
<div class="content-block">
<p class="location_content">
<h3 class="heading-1">LAHORE</h3>
Our Orthopedicians trained at the top centres worldwide, bring with them the latest and best techniques
and work in our facilities that have the latest cutting edge technology in terms of equipments, operating rooms, recovery
areas and advanced Physical therapy facilities.
We have dedicated & well equipped Orthopedic surgery complexes with laminar flow & various modern
equipment like image intensifier, operating microscope, computer navigation system, top of the line arthroscopy system
etc.
</p>
</div>
</div>
</div>
<div class="content-block">
<p class="location_content">
<h3 class="heading-1">GUJRANWALA</h3>
Our Orthopedicians trained at the top centres worldwide, bring with them the latest and best techniques
and work in our facilities that have the latest cutting edge technology in terms of equipments, operating rooms, recovery
areas and advanced Physical therapy facilities.
We have dedicated & well equipped Orthopedic surgery complexes with laminar flow & various modern
equipment like image intensifier, operating microscope, computer navigation system, top of the line arthroscopy system
etc.
</p>
</div>
</div>
<div class="img-block">
</div>
</div>
</div>
<div class="img-block">
</div>
</div>
<div class="content-block">
<p class="location_content">
<h3 class="heading-1">GUJRANWALA</h3>
Our Orthopedicians trained at the top centres worldwide, bring with them the latest and best techniques
and work in our facilities that have the latest cutting edge technology in terms of equipments, operating rooms, recovery
areas and advanced Physical therapy facilities.
We have dedicated & well equipped Orthopedic surgery complexes with laminar flow & various modern
equipment like image intensifier, operating microscope, computer navigation system, top of the line arthroscopy system
etc.
</p>
</div>
</div>
</div>
<div class="row">
<div class="img-block">
</div>
</div>
<div class="content-block">
<p class="location_content">
<h3 class="heading-1">FAISLABAD</h3>
Our Orthopedicians trained at the top centres worldwide, bring with them the latest and best techniques
and work in our facilities that have the latest cutting edge technology in terms of equipments, operating rooms, recovery
areas and advanced Physical therapy facilities.
We have dedicated & well equipped Orthopedic surgery complexes with laminar flow & various modern
equipment like image intensifier, operating microscope, computer navigation system, top of the line arthroscopy system
etc.
</p>
</div>
</div>
</div>
</section>
<div class="row">
</div>
<div class="row">
</div>
<blockquote>HMS is just awesome! I just launched a startup which leaves me with no time for Medicine, so
Omnifood is a life-saver. Now that I got used to it</blockquote>
</div>
<blockquote>HMS is just awesome! I just launched a startup which leaves me with no time for Medicine, so
Omnifood is a life-saver. Now that I got used to it</blockquote>
</div>
</div>
</section>
@section Scripts {
@await Html.PartialAsync("_ValidationScriptsPartial")
@Html.Partial("_FooterPartial")
@*<script>
$('.signin-btn').click(function () {
$('.nav-menu').slideup('slow');
});
</script>*@
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
if (data == "0") {
$("#id01").show();
});
</script>
ContactUs
@using Hospital.Models
@model Hospital.Models.Contactus
@{
ViewData["Title"] = "Register";
Layout = "~/Views/Shared/_Layout.cshtml";
<script>
AOS.init();
</script>
<style>
.error_msg {
font-size: smaller;
section {
/*plans tiles*/
.btn.disabled, .btn:disabled {
opacity: .65;
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
.text-center {
width: 50%;
float: left;
padding: 5px
padding: 5px
.contactlist {
list-style: none;
line-height: 60px;
margin-top: 20px;
.aboutcontact {
font-size: small;
color: whitesmoke;
font-family: system-ui;
@@media(min-width:768px){
.col-md-5 {
width: 50%;
float: left;
.contat_details {
background-color: #086972;
padding: 86px;
position: relative;
left: -70px;
margin: 24px;
.contact_us_form {
padding: 65px;
.main_block {
background-color: #d8d6d6;
.main_block label {
color: black;
}
@@media(max-width:768px){
.col-md-5{
width:100%!important;
float:none!important;
.main_block {
.main_row {
padding: 10px!important;
</style>
@Html.Raw(TempData["msg"])
<header id="Home">
@Html.Partial("_HeaderPartial")
<div class="row">
<h2>Contact-Us</h2>
</div>
<div class="contat_details">
<h3>Contact Information</h3>
<p class="aboutcontact">Fill up the form and our Team will get back to you within 24 hours.</p>
<ul class="contactlist">
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 col-xl-5">
<div class="contact_us_form">
<div class="row">
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="form-group">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
</div>
</div>
</div>
<!---test-->
</form>
</div>
</div>
</div>
</div>
</section>
@Html.Partial("_FooterPartial")
</header>
@section Scripts {
@await Html.PartialAsync("_ValidationScriptsPartial")
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
Register
@model Hospital.Models.AccountViewModels.RegisterViewModel
@{
ViewData["Title"] = "Register";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<style>
.error_msg {
font-size: smaller;
}
@@media(max-width:768px){
.modal-dialog {
width: 100%!important;
}
}
.modal-dialog {
width: 100%!important;
}
.servis {
width: 285px;
text-align: center;
box-shadow: 0px 0px 5px 5px;
background-color: aqua;
float: left;
margin: 20px;
}
.head {
height: 50px;
background-color: beige;
font-size: 35px;
}
.desc {
height: auto;
font-size: 20px;
}
.price {
background-color: azure;
}
/*plans tiles*/
.block.block-bordered {
border: 1px solid #e6ebf4;
box-shadow: none;
}
.block-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: .75rem 1.25rem;
transition: opacity .25s ease-out;
}
.bg-body-light {
background-color: #f9fafc !important;
padding-bottom: 20px;
}
.block-content {
transition: opacity .25s ease-out;
width: 100%;
margin: 0 auto;
padding: 1.25rem 1.25rem 1px;
overflow-x: visible;
}
.bg-body-light {
background-color: #f9fafc !important;
padding-bottom: 20px;
}
.btn-hero-secondary.disabled, .btn-hero-secondary:disabled {
color: #fff;
background-color: #111;
}
.btn.disabled, .btn:disabled {
opacity: .65;
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s
ease-in-out;
}
.text-center {
text-align: center !important;
}
<header id="Home">
@Html.Partial("_HeaderPartial")
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
<div class="form-group" data-aos="fade-left">
<label asp-for="LastName" class="control-label" style=" font-weight: inherit;"></label> <span
asp-validation-for="LastName" class="text-danger validate_text error_msg"></span>
<input asp-for="LastName" class="form-control" />
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="form-group" data-aos="fade-down" data-aos-easing="linear" data-aos-duration="1000">
<label asp-for="Email" class="control-label" style=" font-weight: inherit;"></label> <span asp-
validation-for="Email" class="text-danger validate_text error_msg"></span>
<input asp-for="Email" class="form-control" />
</div>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
<div class="form-group" data-aos="fade-right">
<label asp-for="Password" class="control-label" style=" font-weight: inherit; "></label> <span
asp-validation-for="Password" class="text-danger validate_text error_msg"></span>
<input asp-for="Password" class="form-control" />
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
<div class="form-group" data-aos="fade-left">
<label asp-for="ConfirmPassword" class="control-label" style=" font-weight: inherit;"></label>
<input asp-for="ConfirmPassword" class="form-control" />
</div>
<span asp-validation-for="ConfirmPassword" class="text-danger validate_text"></span>
</div>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12">
<div class="form-group">
<button type="submit" class="btn btn-success">Register</button>
</div>
</div>
</div>
</div>
<!---test-->
</form>
</div>
</div>
<hr /> <br />
</section>
@Html.Partial("_FooterPartial")
</header>
@section Scripts {
@await Html.PartialAsync("_ValidationScriptsPartial")
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function () {
</script>