CAPITAL HOSPITAL
A PROJECT REPORT SUBMITTED TO
GURU TEG BAHADUR KHALSA COLLEGE FOR
WOMEN DASUYA
(SESSION: 2024-25)
FOR THE PARTIAL FULFILLMENT OF THE
REQUIREMENT FOR THE AWARD BCA 6th SEMESTER
SUBMITTED TO: SUBMITTED BY:
ASST. PROF. PRATEEK MANYA INDERPREET KAUR
ASST. PROF. NAVDEEP KAUR 245322
1
INDEX
[Link] TITLE PAGE
1 ACKNOWLEDEMENT 3
2. PREFACE 4
3. CERTIFICATE 5
4. USED SPECIFICATIONS 6
5. INTRODUCTION TO HTML 7
6. INTRODUCTION TO CSS 8
7. INTRODUCTION TO PHP 9
8. CODING OF HTML PAGE 10-16
9. CODING OF CSS PAGE 17-31
10. CODING OF PHP PAGE 32
11. CODING OF DATABASE CREATION 33
12. CODING OF TABLE CREATION 34
13. OUTPUT 35-37
14. BIBLIOGRAPHY 38
2
ACKNOWLEDGEMENT
Nothing concrete can be achieved without a combination
of inspiration and perspiration. Although writing a few
words on a piece of paper is not a proper way of
acknowledge those people who has helped us in the
completion of this project, yet the words coming from our
heart and soul need no mode of communication.
We find it a matter of honor in showering our gratitude,
indebtness and thankfulness to our guide respected Asst.
Prof. PRATEEK MANYA and Asst. Prof. NAVDEEP
KAUR for their utmost interest, kind and invaluable
guidance and during the project supporting me, gently
coaxing us, giving us vital push and instilling sense of
urgency with led to successful completion of this.
3
PREFACE
As highlighted on our homepage, capital hospital is
committed to the principle that while “Medicines cure
diseases, doctors can cure patients .”This philosophy
drives our dedication to not only providing expert medical
treatment but also to fostering a supportive and
environment for every individual who entrusts us with
their care.
The purpose of hospital website is to automatic the
existing manual system by the help of computerized
equipments and full-fledged computer software, fulfilling
their requirements, so that their valuable data/information
can be stored for a longer period with easy accessing and
manipulation of the [Link] required software and
hardware are easily available and easy to work with.
4
CERTIFICATE
This is certify that the project entitled “CAPITAL
HOSPITAL” submitted to GTB KHALASA COLLEGE
FOR WOMEN DASUYA by students INDERPREET
KAUR of BCA(6TH SEM) in partial fulfillment of the
requirement for the award of bachelor computer
applications. The quality of work fulfills the necessary
requirement related to the said course.
To the best of our knowledge the matter presented in this
project has not been submitted for the awards of any other
diploma or degree certificate.
Dr. Varinder Kaur Asst. Prof. Gurbinder Kaur
PRINCIPAL HOD
Guided and Supervised By:
Asst. Prof. Prateek Manya
Asst. Prof. Navdeep Kaur
5
HARDWARE AND SOFTWARE USED
HARDWARE USED:
Processor: Intel(R) Core(TM)2 CPU
System Type: 64-bit Operating System
RAM: 3.00GB
SOFTWARE USED :
Windows 7 Ultimate
Dreamweaver
6
INTRODUCTION OF HTML
HTML stands for Hyper Text Markup Language. HTML is
the standard markup language for creating Web pages.
HTML describes the structure of a Web page. HTML
consists of a series of elements. HTML elements tell the
browser how to display the content. HTML elements label
pieces of content such as "this is a heading", "this is a
paragraph", "this is a link", etc.
HTML Element and HTML Tags are related but distinct.
An HTML element is the complete structure, including
the opening tag, content (if any), and the closing tag (if
applicable).
On the other hand, A tag is the actual keyword or name
enclosed in angle brackets (< >) that tells the browser
what kind of content to expect.
Important HTML Tags:
<!DOCTYPE html>
<html></html
<head></head>
<title></title
<body></body>
7
INTRODUCTION OF CSS
CSS (Cascading Style Sheets) is a language designed to
simplify the process of making web pages presentable. It
allows you to apply styles to HTML documents by
prescribing colors, fonts, spacing, and positioning. The
main advantages are the separation of content (in HTML)
and styling (in CSS) and the same CSS rules can be used
across all pages and not have to be [Link] uses
tags and CSS uses rule sets.
8
INTRODUCTION OF PHP
PHP is a server-side scripting language created primarily
for web development but it is also used as a general-
purpose programming language. Unlike client-side
languages like JavaScript, which are executed on the
user’s browser, PHP scripts run on the server. The results
are then sent to the client’s web browser as plain HTML.
A function is a block of code written in a program to
perform some specific task. We can relate functions in
programs to employees in a office in real life for a better
understanding of how functions work.
9
CODING OF HTML PAGE
<!DOCTYPE html>
<html>
<head>
<title>Hospital Website</title>
<link rel="stylesheet"
href="[Link]
awesome/5.15.4/css/[Link]" />
<link rel="stylesheet" href="[Link]" />
</head>
<body>
<header class="header">
<a href="#" class="logo">
<i class="fas fa-heartbeat"></i>Capital Hospital
</a>
<a href="#home">home</a>
<a href="#services">services</a>
<a href="#about">about</a>
<a href="#doctors">doctors</a><a
href="#book">book</a></nav>
<div id="menu-btn" class="fas fa-bars"></div>
</header>
<section class="home" id="home">
<div class="image">
<img src="[Link]"/>
10
</div>
<div class="content">
<h3>Medicines cure Diseases,But Doctors Can Cure
Patients</h3>
<p> Capital has set up a special cell for patients from
overseas seeking
treatment at its facilities. Now, it is looking forward to
extending
its surgical skills in different parts of the nation and the
globe by
the way of association with hospitals and institutes having
similar
kind of dedication and zeal towards 'Patient Care'.
</p>
</div>
</section>
<section class="services" id="services">
<h1 class="heading"><span>our services</span></h1>
<div class="box-container">
<div class="box">
<i class="fas fa-notes-medical"></i>
<h3>free checkups</h3>
</div>
<div class="box">
<i class="fas fa-ambulance"></i>
11
<h3>24/7 ambulance</h3>
</div>
<div class="box">
<i class="fas fa-user-md"></i>
<h3>expert doctors</h3>
</div>
<div class="box">
<i class="fas fa-pills"></i>
<h3>medicines</h3>
</div>
<div class="box">
<i class="fas fa-procedures"></i>
<h3>bed facility</h3>
</div>
<div class="box">
<i class="fas fa-heartbeat"></i>
<h3>total care</h3>
</div>
</div>
</section>
<section class="about" id="about">
<h1 class="heading"><span>about us</span> </h1>
<div class="row">
<div class="image">
<img src="[Link]"/>
12
</div>
<div class="content">
<h3>we take care of your healthy life to live long
ago..</h3>
<p>A doctor–patient relationship (DPR) is considered to
be the core
element in the ethical principles of medicine. DPR is
usually
developed when a physician tends to a patient’s medical
needs via
check-up, diagnosis, and treatment in an agreeable manner.
Due to
the relationship, the doctor owes a responsibility to the
patient to
proceed toward the ailment or conclude the relationship
successfully. In particular, it is essential that primary care
\physicians develop a satisfactory DPR in order to deliver
prime
\health care to patients
</p>
<p>Trust in doctors allows patients to effectively discuss
their health
issues. Development of trust enables the patient to comply
with the
13
doctor’s guidance, which consequently results in
improvement of
health.
</p>
</div>
</div>
</section>
<section class="doctors" id="doctors">
<h1 class="heading"><span>our doctors</span></h1>
<div class="box-container">
<div class="box">
<img src="[Link]"/>
<h3>Ayesha</h3>
<span>Orthopedics</span>
</div>
<div class="box">
<img src="[Link]"/>
<h3>sumit arora</h3>
<span>Orthopedics & Traumatology</span>
</div>
<div class="box">
<img src="[Link]"/>
<h3>rohit verma</h3>
<span>ENT doctor</span>
</div>
14
<div class="box">
<img src="[Link]"/>
<h3>Akhil</h3>
<span>Orthopedics & joint replacement</span>
</div>
<div class="box">
<img src="[Link] />
<h3>Arun Reddy</h3>
<span>Neurosurgery</span>
</div>
<div class="box">
<img src="[Link]" />
<h3>Aditya</h3>
<span>expert doctor</span>
</div>
</div>
</section>
<section class="book" id="book">
<h1 class="heading"><span>book now</span></h1>
<div class="row">
<div class="image">
<img src="[Link]"/>
</div>
<form action="[Link]" method="post">
<h3>book appointment</h3>
15
<input type="text" name="name" placeholder="your
name" class="box" />
<input type="email" name="email" placeholder="your
email" class="box" />
<input type="text" name="date" placeholder="Today's
Date" class="box"/>
<input type="text" name="gender" placeholder="Your
Gender" class="box" />
<input type="submit" value="book now" class="btn" />
</form>
</div>
</section>
<footer>
<div class="end">
copyrights © reserved by <span>Sandeep
Vaishya</span>
</div>
</footer>
</body>
</html>
16
CODING OF CSS
@import
url("[Link]
ht@100;200;300;400;500;600;700&display=swap");
:root {
--blue: #0000ff;
--black: #444;
--light-color: #777;
--box-shadow: 0.5rem 0.5rem 0 rgba(22, 160, 133, 0.2);
--text-shadow: 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.2);
--border: 0.2rem solid var(--blue);
}
*{
font-family: "Poppins", sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
outline: none;
border: none;
text-transform: capitalize;
transition: all 0.2s ease-out;
text-decoration: none;
}
html {
17
font-size: 62.5%;
overflow-x: hidden;
scroll-padding-top: 7rem;
scroll-behavior: smooth;
}
section {
padding: 2rem 9%;
}
section:nth-child(even) {
background: #fff;
}
body {
background-color: aqua;
color: white;
}
.heading {
text-align: center;
padding-bottom: 2rem;
text-shadow: var(--text-shadow);
text-transform: uppercase;
color: var(--black);
font-size: 5rem;
letter-spacing: 0.4rem;
}
.heading span {
18
text-transform: uppercase;
color: var(--blue);
}
.btn {
display: inline-block;
margin-top: 1rem;
padding: 0.5rem;
padding-left: 1rem;
border: var(--border);
border-radius: 0.5rem;
box-shadow: var(--box-shadow);
color: var(--blue);
cursor: pointer;
font-size: 1.7rem;
background: #fff;
}
.btn span {
padding: 0.7rem 1rem;
border-radius: 0.5rem;
background: var(--blue);
color: #fff;
margin-left: 0.5rem;
}
.btn:hover {
background: var(--blue);
19
color: #fff;
}
.btn:hover span {
color: var(--blue);
background: #fff;
margin-left: 1rem;
}
.header {
padding: 2rem 9%;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: space-between;
background: blue;
}
.header .logo {
font-size: 2.5rem;
color: aqua;
font-weight: bolder;
}
20
.header .logo i {
color: aqua;
padding: 8px;
}
.header .navbar a {
font-size: 1.7rem;
color: aqua;
font-weight: bolder;
margin-left: 2rem;
}
.header .navbar a:hover {
color: white;
border-bottom: 3px solid aqua;
}
#menu-btn {
font-size: 2.5rem;
border-radius: 0.5rem;
background: #eee;
color: var(--blue);
padding: 1rem 1.5rem;
cursor: pointer;
display: none;
}
.home {
display: flex;
21
align-items: center;
flex-wrap: wrap;
gap: 1.5rem;
padding-top: 10rem;
}
.home .image {
flex: 1 1 45rem;
flex-wrap: wrap;
padding-right: 33px;
}
.home .image img {
width: 100%;
border: 4px solid blue;
border-radius: 23px;
}
.home .content {
flex: 1 1 45rem;
}
.home .content h3 {
font-size: 4.5rem;
color: blue;
line-height: 1.8;
text-shadow: var(--text-shadow);
}
.home .content p {
22
font-size: 1.7rem;
color: var(--light-color);
line-height: 1.8;
padding: 1rem 0;
}
.services .box-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(27rem,
1fr));
gap: 2rem;
}
.services .box-container .box {
background: #fff;
border-radius: 0.5rem;
box-shadow: var(--box-shadow);
border: var(--border);
padding: 2.5rem;
}
.services .box-container .box i {
color: var(--blue);
font-size: 5rem;
padding-bottom: 0.5rem;
}
.services .box-container .box h3 {
color: var(--black);
23
font-size: 2.5rem;
padding: 1rem 0;
}
.services .box-container .box p {
color: var(--light-color);
font-size: 1.4rem;
line-height: 2;
}
.about .row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 2rem;
}
.about .row .image {
flex: 1 1 45rem;
padding-bottom: 11px;
padding-right: 82px;
}
.about .row .image img {
width: 100%;
border-radius: 57px;
border: 6px solid blue;
}
.about .row .content {
24
flex: 1 1 45rem;
}
.about .row .content h3 {
color: var(--black);
text-shadow: var(--text-shadow);
font-size: 4rem;
line-height: 1.8;
}
.about .row .content p {
color: var(--light-color);
padding: 1rem 0;
font-size: 1.5rem;
line-height: 1.8;
}
.doctors .box-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(30rem,
1fr));
gap: 2rem;
}
.doctors .box-container .box {
text-align: center;
background: #fff;
border-radius: 0.5rem;
border: var(--border);
25
box-shadow: var(--box-shadow);
padding: 2rem;
}
.doctors .box-container .box img {
height: 20rem;
border: var(--border);
border-radius: 0.5rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
.doctors .box-container .box h3 {
color: var(--black);
font-size: 2.5rem;
}
.doctors .box-container .box span {
color: var(--blue);
font-size: 1.5rem;
}
.book .row {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 2rem;
}
.book .row .image {
26
flex: 3 1 45rem;
}
.book .row .image img {
width: 100%;
border-radius: 10px;
border: 3px solid blue;
}
.book .row form {
flex: 1 1 45rem;
background: #fff;
border: var(--border);
box-shadow: var(--box-shadow);
text-align: center;
padding: 2rem;
border-radius: 0.5rem;
}
.book .row form h3 {
color: var(--black);
padding-bottom: 1rem;
font-size: 3rem;
}
.book .row form .box {
width: 100%;
margin: 0.7rem 0;
27
border-radius: 0.5rem;
border: var(--border);
font-size: 1.6rem;
color: var(--black);
text-transform: none;
padding: 1rem;
}
.book .row form .btn {
padding: 1rem 4rem;
}
.footer .box-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(22rem,
1fr));
gap: 2rem;
}
.footer .box-container .box h3 {
font-size: 2.5rem;
color: var(--black);
padding: 1rem 0;
}
.footer .box-container .box a {
display: block;
font-size: 1.5rem;
color: var(--light-color);
28
padding: 1rem 0;
}
.footer .box-container .box a i {
padding-right: 0.5rem;
color: var(--blue);
}
.footer .box-container .box a:hover i {
padding-right: 2rem;
}
footer {
background-color: blue;
color: white;
}
footer .end {
font-family: "Poppins", sans-serif;
text-align: center;
height: 14vh;
font-size: 20px;
padding-top: 30px;
background-color: blue;
}
footer span {
color: aqua;
font-weight: bolder;
}
29
@media (max-width: 991px) {
html {
font-size: 55%;
}
.header {
padding: 2rem;
}
section {
padding: 2rem;
}
}
@media (max-width: 768px) {
#menu-btn {
display: initial;
}
.header .navbar {
position: absolute;
top: 115%;
right: 2rem;
border-radius: 0.5rem;
box-shadow: var(--box-shadow);
width: 30rem;
border: var(--border);
background: #fff;
transform: scale(0);
30
opacity: 0;
transform-origin: top right;
transition: none;
}
.header .[Link] {
transform: scale(1);
opacity: 1;
transition: 0.2s ease-out;
background-color: blue;
}
.header .navbar a {
font-size: 2rem;
display: block;
margin: 2.5rem;
}
}
@media (max-width: 450px) {
html {
font-size: 55%;
}
}
31
CODING OF PHP PAGE
<?php
$conn=mysqli_connect("localhost","root","","hospital");
if(!$conn){
die('Connection Failed');
}
echo "Connected Successfully<br>";
$nm=$_REQUEST['name'];
$email=$_REQUEST['email'];
$date=$_REQUEST['date'];
$gender=$_REQUEST['gender'];
$sql_query="INSERT INTO
doc(name,email,date,gender)VALUES('$nm','$email','$dat
e','$gender')";
mysqli_query($conn,$sql_query);
echo "Appointment Booked";
mysqli_close($conn);
?>
32
CODING OF DATABASE
<?php
$connection=mysqli_connect("localhost","root","");
if(!$connection)
{
die("couldn't connect to server");
}
echo"Connected Successfully <br>";
$sql_query="create database hospital";
mysqli_query($connection,$sql_query);
mysqli_close($connection);
?>
33
CODING OF TABLE CREATION
?php
$connection=mysqli_connect("localhost","root","","hospit
al");
if(!$connection)
{
die("couldn't connect to server");
}
echo"Connected Successfully <br>";
$sql_query="CREATE TABLE doc(
name VARCHAR(20),
email VARCHAR(20),
date VARCHAR(20),
gender VARCHAR(20)
)";
mysqli_query($connection,$sql_query);
{
echo"Table Created Successfully";
}
mysqli_close($connection);
?>
34
OUTPUT
Home
Services
35
About
Doctors
36
Book
37
BIBLIOGRAPHY
Web Applications Using PHP by “Kalyani Publisher”
Fundamental of Web Programming by “Kalyani
Publisher”
[Link]
[Link]
38