Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 93

R Q

PROJECT REPORT
ON
"Developing the Website's of Model Hospital
of Lalbandi Sarlahi"
(DIPLOMA IN COMPUTER ENGINEERING)
By
CHANDAN KUMAR CHAUDHARY
Symbol:09001910
UNDER THE GUIDANCE OF
Mr. BHARAT MAHATO

NAME OF THE SCHOOL: JANAJYOTI


SECONDARY SCHOOL LALBANDI SARLAHI

O P
CERTIFICATE

This is to certify that this project entitled (name of


project) “DEVELPING A WEBSITE” submitted by
(name of student) CHANDAN KUMAR
CHAUDHARY with registration no
DCOM-00637-019 (month/ year) 2022 to the SHREE
JANAJYOTI SECONDARY SCHOOL, in partial fulfillment of the
requirements for the award of DIPLOMA IN COMPUTER
ENGINEERRING, is a record of bonafied work undertaken by
him.

(STUDENT) (GUIDE)
Signature:
Signature/date:
Name:CHANDAN CHAUDHARY Designation:
Date: Designation:

(STUDY CENTRE)
Signature:
Name: JANAJYOTI MODEL SECONDARY SCHOOL
Date:
Seal of Study centre:

2
PROJECT REPORT ON DEVELOPING A WEBSITE

ACKNOWLEDGEMENT

We are highly indebted to the support and advice of our


dedicated teachers and our helpful friends collaborating with in the
preparation of the project report “Design web pages, Creating
databases and Coding using html, php, css etc.

Our advisor Associate Er Bharat Lal Mahato, Department of


Computer Engineering deserves our special acknowledgement for his
valuable guidance, supervision, expertise and devotion of time in
bringing out this report in this format in complete and concise
volume. He helped us to develop and cultivate our feelings.

He also helped to design web pages, creating databases and coding.

We also sincerely thank all the friends directly supporting us in


bringing out this project to its completion. A great support and help
given by Computer Engineering Department especially to respected
Er. Bharat Lal Mahato is highly impressible. A special works of
thanks to all teachers who supported in project.

Finally, we want to express our heartily thanks to all those


who directly or indirectly provided us their cooperation in the
completion of this project.

3
S.N Content Page No
1 CHAPTER 1: INTRODUCTION
1.1. Company Profile
1.2. Existing System and need for system
1.3. Scope of Work
1.4.Operationg Environment Hardware and
Software
1.5.Detail Description of Technology
2 CHAPTER2:PROPOSED SYSTEM
2.1 Proposed System
2.1.1 Fesibility Study
2.1.1.A Technical Feasibility
2.1.1.B Economical Feasibility
2.1.1.C Operational Feasibility
2.2 Objective of System
2.3 User Requirements
3 CHAPTER 3: ANALYSIS AND DESIGIN
3.1 Block Diagram
3.2 Site Map of Hospital
3.3 E R Diagram of Hospital
3.4 Logical Diagram
3.5 File/Database Diagram
4 CHAPTER4: USER MANUAL
4.1 User manual
4.2 Form and report
5 Drawback and limitations
6 Conclusion
7 ASSURE
7.1 Output Form and Coding

CHAPTER-1

4
INTRODUCTION:
1.1 Company profile:

Our project report is on designing a “HOSPITAL


WEBSITE”. The name of our hospital is “Model Hospital lalbandi
Sarlahi.org.np

1.3 Scope of Work:

This website gives a information about the model


hospital of lalbandi sarlahi's services. It also inform the patient about
the details of the specialist and the location of the hospital. With
the help of contactpage you should also contact though this
website.

1.4 Operating Environment -Hardware and software


Hardware:-There are no specific hardware requirements in
making a website. Almost any PC computer on which you can
connect to the internet, will be sufficient. Of course,
processes execution will be slower on the less powerful
computers. Therefore hardware requirements should be
dependent on the characteristics of processes execution.

Software:-Software requirements defines how the intended


software will interact with hardware, external interfaces,
speed of operation, response time of system, portability of
software across various platforms, maintainability, speed of
recovery after crashing, security, quality, and limitation. The
5
requirements received from client are written in natural
language. It is the responsibility of system analyst to
document the requirements in technical language so that
they can be comprehended and useful by the software
development team.

Logos Task
XAMMP is used to run and interprets
the scripts written in the PHP and Perl
programming languages. Version

phpMyAdmin is used to handle the


administration of MySQL with the use
of a Web browser. It will be the one
that creates, modifies, and deleting
databases, tables, fields or rows,
executing SQL statements or
managing users and permissions.
PHP is widely-used general-purpose
scripting language that is especially
suited for Web development and can
be embedded into HTML.
HyperText Markup Language is the
main markup language for displaying
web pages and other information that
can be displayed in a web browser.
Cascading Styling Sheets is used to
style web pages written in HTML.

6
Vscodeis a source code editor and
that supports several languages. We
used it in developing our website.

by Unknown Author
is licensed under

1.5 Description of technology used:-The technology is


growing day by day most educators find it easy to have a
website As technology continues to advance, information’s
disseminates easily with no hassles and it has been a
common part of our everyday needs in this world. Rapid
advances in technology have helped to meet these demands
of the society.
The success of the school in carrying out its primary charge of
educating and socializing students is contingent on student’s
awareness in the schoolin their school not just because they
can access it through online but of course it promotes the
school and a strong home-school connection.

Chapter-2
PROPOSED SYSTEM

2.1 OBJECTIVES OF THE SYSTEM:


7
 To make the users aware about the various kinds of diseases
and their precautions.

 To make it user -friendly for the patients as they can go for


“online appointment” with the doctor and helps them to
communicate with the other departments of the hospital.

 To make people aware about the “specialist” doctors available


in our hospital and their timings.

 To get an online report with the help of username and


password.

 To introduce the patients to our hospital and its services and


infrastructure.

 It helps to obtain user- friendly feedback.

2.2. CONTRIBUTION OF TEAM MEMBERS IN WEBSITE


DEVELOPMENT:

NAME OF THE MEMBERS JOB DONE

CHANDAN KUMAR CHAUDHARY Database design, System


Analysis, Coding and
Implementation,

Table no.2.1: job done by chandan kumar chaudhary.

2.3 User Requirement:


8
 Responsive Website

 Online booking .

 secure website.

CHAPTER-3

SYSTEM ANALYSIS AND DESIGN


3.1 Block diagram:

Patient
Contacts
Receptionist Appointment
Books

Doctor
Visits Gives Charges
Treatment Fees

Time slots
Generates Bills

Figure 3.1: Block diagram of hospital

9
3.2 Sitemap

Figure 3.2:- Site Map Of Hospital

10
3.3 E-R diagram:

11
Figure 3.3:- ER Diagram of hospital

12
3.4.Logical design:

START

Hospital

Need
Need
No appointment?
report?

No

yes yes
Login
login

Search doctors Collect report

View doctor’s details Consult doctor

Got Found

Suitable Suitable
13
doctor?
doctor
No No
Search again Search again

Yes Yes

Fix appointment Fix


appointment

STOP

Figure 3.4:- Detailed Logical Design of hospital

3.5 Database/File Design:

File Name:post

Field Name Field Type Size Description

S.N Int 255 Serial number

Title Varchar 255 Title of Notice


post

Author Varchar 255 Author's name


14
Date Date - published date

Description Varchar 255 Description of


Notice

File_name Varchar 255 Img 's path

Table 3.5.1.A:- Database Description of post

File Name: galley

Field Name Field Type Size Description

gallery Varchar 255 Img's path

Table 3.5.1.B:- Database Description of galley

File Name: verification

Field Name Field Type Size Description

S.N Int 255 Serial number

Name Varchar 255 Name of Owner

Email Varchar 255 Email

password Varchar 255 Password

Table 3.5.1.C:- Database Description of verification

15
File Name: user

Field Name Field Type Size Description

S.N Int 255 Serial number

Username Varchar 255 Username's of


patient

Email Varchar 255 Email of patient

Subject Varchar 255 Subject

Message Varchar 255 Message

Table3.5.1.D:- Database Description of user

3.5.2 Webpage Form Design

INPUT NAME: CONTACT US FORM

NAME OF LABEL DESCRIPTION/PURPOSE VALIDATION


REQUIRED

Your Full name This tells the full name of the Alphabetic
patient

E-mail Address e-mail id of the patient Alphabetic


16
Subject Subjective of the patient Alphabetic

Message Message about your Alphabetic


personal health

Table 3.5.2.A:- Webpage description of contact us form

INPUT NAME: SIGN IN FORM

NAME OF THE DESCRIPTION/PURPOSE VALIDATION


LABEL REQUIRED

Username Username of control Alphabetic


pannel

Password password of control pannel Alphabetic

Table 3.5.2.B:- Webpage description of sign in form

INPUT NAME:Add your Notice FORM

NAME OF THE DESCRIPTION/PURPOSE VALIDATION


LABEL REQUIRED

Title _name Name of the Title Alphabetic

Author_name Name of the author Alphabetic

Date date Numeric

Description description about notice Alphabetic

Choose File choose a file Alphabetic

Table 3.5.2.C:- Webpage description Add you Notice form


17
INPUT NAME:Gallery FORM

NAME OF THE DESCRIPTION/PURPOSE VALIDATION


LABEL REQUIRED

Choose File choose a file Alphabetic

Table 3.5.2.D:- Webpage description gallery form

CHAPTER-04

4.1 User Manual:

CHAPTER-5

Drawback and Limitations


i. Lack of security:

Since data is stored in files that are freely available to anyone


so, information can fall into the wrong hands which can be
used negatively against the company.
18
ii. Too much paper work:

Records are maintained on papers and every detail is written


down manually and this leads too much of paper work.

iii. Space consuming:

Data on papers is stored in cabinets which require storage


space. So, as the amount of work done on paper increases, the
requirement of storage space in cabinets too increases.

iv. Data duplication:

The same data gets repeated over and over since the workers
find it hard to keep track of the documents, information and
transactions.

v. Slow retrieval of data:

a. The information of customers and other details are stored


in different places so, it

b. takes a long time to retrieve the data.

Chapter 06

CONCLUSION:

For the welfare of the people, the hospital website is


designed in a very user friendly way. The website intends to provide

19
a very dynamic and an interactive environment to all the visitors. The
cover page itself has the site map of the hospital, so that people can
get the exact location of the hospital, which would help them in
reaching the hospital in case of any emergency. The website provides
all the information regarding infrastructure, departments, the
management structure and the functioning of the hospital. The
website not only gives details about the hospital, but it also provides
the customers with the information and details of all our branches in
different cities. The facilities regarding the online registration are
also provided i.e. patient’s can register online and can keep a track
of their reports with the help of username and password. This helps
the customer to be in touch of our organisation and can be updated
about our new and improved services rendered.

CHAPTER: 7

SYSTEM CODING AND IMPLEMENTATION

7.1. HOME PAGE

20
Figure 7.1:- Homepage

Coding:-

<?php
include"header.html";

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
21
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-
scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="hospital.css">
    <script src="https://kit.fontawesome.com/75a8928cdd.js"
crossorigin="anonymous"></script>
</head>
<body>
 <div class="main">
    <div id="title">
         <h1>
         Sarlahi's  best Hospital
    </h1>
    <p1> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Enim
modi alias minima, fugiat ut rem quidem nobis iure, repellat
distinctio amet vero quasi doloremque laboriosam hic maiores, vel
repudiandae exercitationem!</p1>
    <div> <a href="" class="hero_btn"> Visit Us to know
More</a></div>
 </div>
</div>
<div class=" Responsible">
        <h2> Our Responsible Doctor</h2>
        <div class="service-container">
22
            <div class="service-box">
               <div class="service-img"><img src="download (1).jpg"
></div>
               <div class="service-title">
                  <h2>Dr. Dibas Khadka</h2>
               </div>
               <div class="service-desc">
                  <p>Internal Medicine, Gastroenterology, Hepatology , 11
Years of practice</p>
               </div>
               <div class="button"><button> <a href="">
<h>Readmore</h></a></button></div>
            </div>
            <div class="service-box">
               <div class="service-img"><img src="download
(3).jpg"></div>
               <div class="service-title">
                  <h2>Dr. Bibek Kumar Purbey</h2>
               </div>
               <div class="service-desc">
                  <p> Gastroenterology and Interventional Endoscopist , 10
Years of practice</p>
               </div>
               <div class="button"><button> <a href="">
<h>Readmore</h></a></button></div>
23
            </div>
            <div class="service-box">
               <div class="service-img"><img src="download (4).jpg"
></div>
               <div class="service-title">
                  <h2> Dr. Anil Baral</h2>
               </div>
               <div class="service-desc">
                  <p> Consultant Physician & Nephrologist</p>
               </div>
               <div class="button"><button> <a href="">
<h>Readmore</h></a></button></div>
            </div>
      
    </div>
    <div class="service-container">
        <div class="service-box">
           <div class="service-img"><img src="download (5).jpg" ></div>
           <div class="service-title">
              <h2>Dr. Aditya Mahaseth</h2>
           </div>
           <div class="service-desc">
              <p>Cardiology, Internal Medicine</p>
           </div>
24
           <div class="button"><button> <a href="">
<h>Readmore</h></a></button></div>
        </div>
        <div class="service-box">
           <div class="service-img"><img src="download (4).jpg" ></div>
           <div class="service-title">
              <h2>Dr. Jayendra Pradhananga</h2>
           </div>
           <div class="service-desc">
              <p> CLINICIAN (ENT)</p>
           </div>
           <div class="button"><button> <a href="">
<h>Readmore</h></a></button></div>
        </div>
        <div class="service-box">
           <div class="service-img"><img src="download (3).jpg"  ></div>
           <div class="service-title">
              <h2>Dr. Sudip Parajuli</h2>
           </div>
           <div class="service-desc">
              <p> Dermatologist, Venereologist, Leprologist &
Dermatosurgeon</p>
           </div>

25
           <div class="button"><button> <a href="">
<h>Readmore</h></a></button></div>
        </div>
    
</div>
  
</div>

     <div class="content">
        <p>Hamro Doctor is the First Online Healthcare Service Provider
from Nepal where patients can consult certified medical personnel
and get additional health related services along with other
information related to health online.</p>
        <p>We understand that getting medical information and health
advice from doctors should be easier and technology can bridge this
gap between doctors and patients in our country. Hamro doctor is
our attempt to change the face of healthcare in our country and
make health care less complicated and make it widely and easily
accessible.</p>
        <p>One can get detailed , personalized research based and
certified information along with expert opinions from qualified
doctors. This service is used commonly in order to understand
medical condition, diagnosis, treatment options or alternatives and
recommendations for future therapeutic conditions.</p>
       </div>
<div class="map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!
1m12!1m3!1d3553.2908396526095!2d85.63404031428527!
26
3d27.05256616056953!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!
3m3!1m2!1s0x39ec7e517a5a0419%3A0xe5a9b34eda3219e2!
2sLalbandi%20Model%20Hospital!5e0!3m2!1sen!2snp!
4v1659204542734!5m2!1sen!2snp" width="100%" height="450"
style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
 </body>
</html>
<?php
 include"footer.html";
 ?>

7.2. ABOUT US

Figure 7.2:- “About Us” Page

Coding :-

27
<?php

include"header.html";

?>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-


scale=1.0">

    <title>Document</title>

    <style>

        *{

            padding: 0;

            margin: 0;

            box-sizing:border-box;

      

    }

        .main{

28
            background-image: url("Dr-titles-1920-768x375.jpg");

            background-size: cover;

            height:400px;

            width:100%;

      

    }

        .aside p{

            transform:(-50);

    }

    

    

            .content{

                background-color: greenyellow;

                padding:0;

                margin: 0;

                height:800px;

      }

            p{
29
                padding:20px 50px 15px 50px;

               text-align: justify;

               color: black;

        

               font-size: 25px;

                margin:10px;

      }

    

    </style>

</head>

<body>

        <div class="main">

      

    </div>

  

    <div class="content">

        <p>Hamro Doctor is the First Online Healthcare Service Provider


from Nepal where patients can consult certified medical personnel
and get additional health related services along with other
information related to health online.</p>
30
        <p>We understand that getting medical information and health
advice from doctors should be easier and technology can bridge this
gap between doctors and patients in our country. Hamro doctor is
our attempt to change the face of healthcare in our country and
make health care less complicated and make it widely and easily
accessible.</p>

  </div>

    <div class="map">

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!
1m12!1m3!1d3553.2908396526095!2d85.63404031428527!
3d27.05256616056953!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!
3m3!1m2!1s0x39ec7e517a5a0419%3A0xe5a9b34eda3219e2!
2sLalbandi%20Model%20Hospital!5e0!3m2!1sen!2snp!
4v1659204542734!5m2!1sen!2snp" width="100%" height="450"
style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>

</div>

    </body>

</html>

<?php

 include"footer.html";

 ?>

7.3. CONTACT

31
Figure 7.3:- “CONTACT” Page

Coding:-

<?php

 include"header.html";

 if(isset($_POST['submit']))

   $usename=$_POST['username'];

$Email_Address=$_POST['Email Address'];

$Subject=$_POST['Subject'];
32
$message=$_POST['message'];

$con=mysqli_connect("localhost","root","","model_hospital_db");

$sql="INSERT INTO `user`( `Username`, `Email-Address`, `Subject`,


`Message`) VALUES
('username','$Email_Address','$Subject','$message')";

 $result=mysqli_query($con,$sql);

 if(isset($result))

 {

    echo"submit sucessfully";

 }

 else{

    echo"try again?";

 }

 mysqli_close($con,$sql);

 ?>

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">


33
    <meta name="viewport" content="width=device-width, initial-
scale=1.0">

    <title>Document</title>

    <style>

        *{

            padding:0;

            margin: 0;

            box-sizing: border-box;

      

     

    }

        .title1{

            background-color: bisque;

            height: 300px;

            width: 100%;

            padding-left:70px;

     

      

      

    }

        .contact

34
    {

      

            height: 550px;

            width: 40%;

            padding: auto;

           position: absolute;

            z-index: 1;

            top:250px;

            left:700px;

      

    }

        form{

            padding:30px;

            border-radius:10px;

            border: 1px solid black;

            box-sizing: border-box;

            background-color: yellowgreen;

      

    }

        input{

                width: 50%;
35
                background:none;

                border: 1px solid #fff;

                border-radius: 3px;

                padding:6px 15px;

                margin-bottom: 10px;

                box-sizing: border-box;

        

             }

             #main

             {

                padding-left: 50px;

               padding-top:50px;

                background-color: aquamarine;

                height: 500px;

        

             }

       

             #main ul{

                list-style: none;

             }

       
36
             #main ul li{

                padding-bottom:20px;

             }

             h1{

                padding-bottom: 40px;

             }

    

    </style>

</head>

<body>

    <div class="header">

        <div class="title1">

        <h1> Contact  Us</h1>

        <p1>Hamro Doctor is the First Online Healthcare Service


Provider from Nepal where patients can consult certified medical
personnel and get additional health related services along with other
information related to health online.</p1>

        </div>

        <div class="contact">

            <form  action="" method="post">

                <h1> Contact Us</h1>


37
                <label> Your Full Name </label> <br>

                <input type="text" name="username" placeholder="Your


Full Name"><br>

                <label> E-mail Address </label><br>

                <input type="text" name="Email Address"


placeholder="Email Address"><br>

                <label> Subject </label><br>

                <input type="text" name="Subject"


placeholder="Subject"><br>

                <label>Message</label><br>

                <textarea rows="20" cols="40"


name="message"></textarea><br>

                <label> Submit </label> <br>

                <input type="submit" name="submit"


placeholder="submit">

            </form>

        </div>

    

    </div>

    <div id="main">

        <h1> Contact Info</h1>

38
      <ul>

        <div id="link1">

            <h3>Address</h3>

            <li>Anamnagar-29, kathmandu Nepal</li>

        </div>

        <div id="link2">

            <h3> Phone Number</h3>

            <li>+977-9801887073 / +977-14102891</li>

        </div>

        <div id="link3">

            <h3> Email Address</h3>

            <li>info@hamrodoctor.com</li>

        </div>

      </ul>

    </div>

<div class="map">

    <iframe src="https://www.google.com/maps/embed?pb=!1m18!
1m12!1m3!1d3553.2908396526095!2d85.63404031428527!
3d27.05256616056953!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!
3m3!1m2!1s0x39ec7e517a5a0419%3A0xe5a9b34eda3219e2!
2sLalbandi%20Model%20Hospital!5e0!3m2!1sen!2snp!

39
4v1659204542734!5m2!1sen!2snp" width="100%" height="450"
style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>

</div>

</body>

</html>

<?php

 include"footer.html";

 ?>

7.4. NOTICE PAGE

Figure 7.4 :- “Notice” Page

CODING:-

<?php

include"header.html";

include"connection.php";

$sql="Select * from post";

40
$result=mysqli_query($con,$sql);

if(mysqli_num_rows($result)>0)

{ ?>

    <table cellpadding="5px"  border="1px" height="10px">

    <thead>

        <th>S.N.</th>

        <th>Author</th>

        <th>Date</th>

        <th>Description</th>

        <th>img </th>

    

    </thead>

    <tbody>

  

      <?php

  

      while($row = mysqli_fetch_assoc($result)) {?>

        <tr>

          <td ><?php echo $row['S.N']; ?></td>


41
            <td><?php echo $row['Author']; ?></td>

            <td><?php echo $row['Date']; ?></td>

            <td><?php echo $row['Description']; ?></td>

            <td><img src="<?php echo $row['file_name']; ?>"


height=100% width=100%></td>

      

        </tr>

        <?php

    

      } ?>

    </tbody>

</table>

<?php

}else {

echo "<h3>No Results Found.</h3>";

    include"footer.html";

?>

42
7.5. GALLERY PAGES

Figure 7.5:- “GALLERY” Page

CODING:-

<?php

include"header.html";

include"connection.php";

$sql="Select * from gallery";

43
$result=mysqli_query($con,$sql);

if(mysqli_num_rows($result)>0)

{ ?>

    <table cellpadding="5px"  height="10px">

    <thead>

    

        <th>Gallery </th>

    

    </thead>

    <tbody>

  

      <?php

  

      while($row = mysqli_fetch_assoc($result)) {?>

        <tr>

      

      

            <td><img src="<?php echo $row['gallery']; ?>"></td>

  
44
        </tr>

        <?php

    

      } ?>

    </tbody>

</table>

<?php

}else {

echo "<h3>No Results Found.</h3>";

include"footer.html";

  

?>

7.6 LOGIN PAGE

45
Figure 7.6:- “login.php” Page

Coding:-

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-


scale=1.0">

    <title>Document</title>

    <style>

        *{

            margin:0;

            padding:0;

46
             }

             body{

                background-color: #ecf1f4;

             }

             .Sign_in{

                width: 320px;

                background-color: #3e3d3d;

                padding: 40px 20px;

                box-sizing: border-box;

                position: fixed;

                left: 50%;

                top: 50%;

                transform: translate(-50%,-50%);

             }

             h1{

                text-align: center;

                color: white;

                font-weight: normal;

                margin-bottom: 20px;

             }

             input{
47
                width: 100%;

                background:none;

                border: 1px solid #fff;

                border-radius: 3px;

                padding:6px 15px;

                margin-bottom: 20px;

                box-sizing: border-box;

                margin-right:10px;

             }

             input[type="submit"]{

                background-color:rgb(104, 142, 29);

                border: 0;

              cursor: pointer;

              transition:1s;

             }

             input[type="submit"]:hover{

                background:yellowgreen;

             }

             p{

                color: white;

                padding:5px;
48
        

             }

             p a{

                color:burlywood;

             }

    </style>

</head>

<body>

<! login form ----------------------------------------------------->

    <div class="Sign_in">

        <form action="" method="post">

          <h1>Sign In</h1>

          <input type="text" name="username"


placeholder="Username">

            <input type="password" name="password"


placeholder="password">

           <input type="submit"  name="submit"value="Sign_in">

             <a href=""> <p> Not registered?</p></a>

        </form>

    </div>

  

</body>
49
</html>

<?php

$con=mysqli_connect("localhost","root","","model_hospital_db") ;

if(isset($_POST['submit']))

    $username=$_POST['username'];

    $password=$_POST['password'];

  $sql="SELECT`Username`,`Password` FROM `verification` WHERE


Username='$username' and Password='$password'";

$result=mysqli_query($con,$sql) ;

if(mysqli_num_rows($result) > 0){

    while($row = mysqli_fetch_assoc($result)){

      session_start();

      $_SESSION["User"] = $row['Username'];

      $_SESSION["Password"] = $row['Password'];

      header("location:post.php");

   

  }

50
  }else{

  echo"query failed";

mysqli_close($con);

?>

7.7. POST PAGE

Figure 7.7:- “post.php” Page

Coding:-

<!DOCTYPE html>

<html lang="en">
51
<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-


scale=1.0">

    <title> Control Pannel</title>

    <style>

    *{

        padding:0;

        margin:0;

        box-sizing: border-box;

  }

    a{

        text-decoration: none;

    

  }

    .header

  {

      display: flex;

      height:100px;

      background-color:orangered;

52
      justify-content: space-between;

  }

    .logo img{

        height: 100px;

        border-radius: 50%;

    

  }

    .title h1{

        padding-top: 20px;

  }

    .logout a h3{

        padding-top: 60px;

        padding-right:10px;

        color: white;

   

    

  }

    .menu {

         background-color: bisque;

         height:100px;

   
53
  }

    menu ul{

        list-style: none;

   

  }

    .menu ul li{

        display: inline-block;

        margin:20px;

     

  }

    .Add_post{

        margin-left:1150px;

        margin-bottom:5px;

  }

    thead{

        background-color: black;

        color: white;

  }

    table{

        background-color:palegoldenrod;

  }
54
  

    </style>

</head>

<body>

    <div class="header">

        <div class="logo"> <img src="..\download (2).jpg"></div>

        <div class="title"> <h1>  Welcome  to  Our Control


Pannel</h1></div>

        <div class="logout"><a href=""> <h3> logout</h3></div>

    

    </div>

    <div class="menu">

        <ul>

            <li><a href="notice.php"> <h1>Notice</h1></a></li>

            <li><a href="gallery.php"><h1>Gallery</h1></a></li>

     

        </ul>

    

    </div>

  

</body>

55
</html>

<?php

include"footer.html";

?>

7.8. NOTICE PAGE

Figure 7.8:- “notice.php” Page

Coding:-

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

56
    <meta name="viewport" content="width=device-width, initial-
scale=1.0">

    <title> Control Pannel</title>

    <style>

    *{

        padding:0;

        margin:0;

        box-sizing: border-box;

  }

    a{

        text-decoration: none;

    

  }

    .header

  {

      display: flex;

      height:100px;

      background-color:orangered;

      justify-content: space-between;

  }

    .logo img{

57
        height: 100px;

        border-radius: 50%;

    

  }

    .title h1{

        padding-top: 20px;

  }

    .logout a h3{

        padding-top: 60px;

        padding-right:10px;

        color: white;

   

    

  }

    .menu {

         background-color: bisque;

         height:100px;

   

  }

    menu ul{

        list-style: none;
58
   

  }

    .menu ul li{

        display: inline-block;

        margin:20px;

     

  }

    .Add_post{

        margin-left:1150px;

        margin-bottom:5px;

  }

    thead{

        background-color: black;

        color: white;

  }

    table{

        background-color:palegoldenrod;

  }

  

    </style>

</head>
59
<body>

    <div class="header">

        <div class="logo"> <img src="..\download (2).jpg"></div>

        <div class="title"> <h1>  Welcome  to  Our Control


Pannel</h1></div>

        <div class="logout"><a href=""> <h3> logout</h3></div>

    

    </div>

    <div class="menu">

        <ul>

            <li><a href="notice.php"> <h1>Notice</h1></a></li>

            <li><a href="gallery.php"><h1>Gallery</h1></a></li>

            <li><a href="addpost.php"><h1>Add Notice</h1></a></li>

      

     

        </ul>

    

    </div>

  

</body>

</html>

60
<?php

include"connection.php";

$sql="Select * from post";

$result=mysqli_query($con,$sql);

if(mysqli_num_rows($result)>0)

{ ?>

    <table cellpadding="5px"  border="1px" height="10px">

    <thead>

        <th>S.N.</th>

        <th>Title</th>

        <th>Author</th>

        <th>Date</th>

        <th>Description</th>

        <th>img </th>

        <th>Edit</th>

        <th>Delete</th>

    </thead>
61
    <tbody>

  

      <?php

  

      while($row = mysqli_fetch_assoc($result)) {?>

        <tr>

      

            <td ><?php echo $row['S.N']; ?></td>

            <td><?php echo $row['Title']; ?></td>

            <td><?php echo $row['Author']; ?></td>

            <td><?php echo $row['Date']; ?></td>

            <td><?php echo $row['Description']; ?></td>

            <td><?php echo $row['file_name']; ?></td>

            <td class='edit'><a href='update-post.php?id=<?php echo


$row['S.N']; ?>'><i class='fa fa-edit'></i></a></td>

            <td class='delete'><a href='delete-post.php?id=<?php echo


$row['S.N']; ?>&catid=<?php echo $row['category']; ?>'><i class='fa
fa-trash-o'></i></a></td>

        </tr>

        <?php

    

      } ?>
62
    </tbody>

</table>

<?php

}else {

echo "<h3>No Results Found.</h3>";

include"footer.html";

  

?>

7.9.ADD NOTICE PAGE

63
Figure 7.9:- “addpost.php” Page

Coding:-

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-


scale=1.0">

64
<title>Add post </title>

<style>

padding:0;

margin:0;

box-sizing: border-box;

form{

background-color:burlywood;

height: 300px;

width: 300px;

position: absolute;

top:200px;

left:500px;

input{

margin-left: 20px;

}
65
label{

margin-left: 30px;

input[type="submit"]{

background-color:rgb(104, 142, 29);

border: 0;

cursor: pointer;

transition:1s;

input[type="submit"]:hover{

background:yellowgreen;

h1{

text-align: center;

margin-top: 15px;

margin-bottom: 5px;

}
66
</style>

</head>

<body>

<form action="" method="post" enctype="multipart/form-data">

<h1> Add your Notice</h1>

<label>Title_name</label> <br>

<input type="text" name="title_name" placeholder="title_name">


<br>

<label>Author_name</label><br>

<input type="text" name="Author" placeholder="author"><br>

<label>Date</label><br>

<input type="text" name="date" placeholder="2078-01-11"><br>

<label>Description</label><br>

<input type="text" name="description"


placeholder="description"><br> <br>

<input type="file" name="file" placeholder="Only .jpg Extension


file"> <br> <br>

<input type="submit" name="submit">

</form>

</body>
67
</html>

<?php

error_reporting(0);

if(isset($_POST['submit']))

$title=$_POST['title_name'];

$author=$_POST['Author'];

$date=$_POST['date'];

$desc=$_POST['description'];

$file_name= $_FILES['file']['name'];

$file_tmp= $_FILES['file']['tmp_name'];

if(move_uploaded_file($file_tmp,"upload/".$file_name))

$sql="INSERT INTO `post`( `Title`, `Author`, `Date`, `Description`,


`file_name`) VALUES ('$title','$author','$date','$desc',' $file_name')";

else{

echo"could not uploaded ";

68
}

include"connection.php";

$res=mysqli_query($con,$sql);

if(isset($res))

echo"sucessfully";

?>

7.10:GALLERY PAGE

Figure 7.10 :- "gallery.php"

Coding:-
69
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-


scale=1.0">

    <title> Control Pannel</title>

    <style>

    *{

        padding:0;

        margin:0;

        box-sizing: border-box;

  }

    a{

        text-decoration: none;

    

  }

    .header

  {

      display: flex;

70
      height:100px;

      background-color:orangered;

      justify-content: space-between;

  }

    .logo img{

        height: 100px;

        border-radius: 50%;

    

  }

    .title h1{

        padding-top: 20px;

  }

    .logout a h3{

        padding-top: 60px;

        padding-right:10px;

        color: white;

   

    

  }

    .menu {

         background-color: bisque;
71
         height:100px;

   

  }

    menu ul{

        list-style: none;

   

  }

    .menu ul li{

        display: inline-block;

        margin:20px;

     

  }

    .Add_post{

        margin-left:1150px;

        margin-bottom:5px;

  }

    thead{

        background-color: black;

        color: white;

  }

    table{
72
        background-color:palegoldenrod;

  }

  

    </style>

</head>

<body>

    <div class="header">

        <div class="logo"> <img src="..\download (2).jpg"></div>

        <div class="title"> <h1>  Welcome  to  Our Control


Pannel</h1></div>

        <div class="logout"><a href=""> <h3> logout</h3></div>

    

    </div>

    <div class="menu">

        <ul>

            <li><a href="notice.php"> <h1>Notice</h1></a></li>

            <li><a href="gallery.php"><h1>Gallery</h1></a></li>

            <li><a href="addgallery.php"><h1>Add Gallery</h1></a></li>

      

     

        </ul>

73
    

    </div>

  

</body>

</html>

<?php

include"connection.php";

$sql="Select * from gallery";

$result=mysqli_query($con,$sql);

if(mysqli_num_rows($result)>0)

{ ?>

    <table cellpadding="5px"  height="10px">

    <thead>

    

        <th>Gallery </th>

    

    </thead>

    <tbody>

  
74
      <?php

  

      while($row = mysqli_fetch_assoc($result)) {?>

        <tr>

      

      

            <td><?php echo $row['gallery']; ?></td>

  

        </tr>

        <?php

    

      } ?>

    </tbody>

</table>

<?php

}else {

echo "<h3>No Results Found.</h3>";

include"footer.html";

  
75
?>

7.11.ADD GALLERY PAGES

Figure 7.11:- “addgallery.php” Page

Coding:-

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

76
    <meta name="viewport" content="width=device-width, initial-
scale=1.0">

    <title>Document</title>

    <style>

    *{

        padding:0;

        margin:0;

        box-sizing: border-box;

  }

    a{

        text-decoration: none;

    

  }

    .header

  {

      display: flex;

      height:100px;

      background-color:orangered;

      justify-content: space-between;

  }

    .logo img{

77
        height: 100px;

        border-radius: 50%;

    

  }

    .title h1{

        padding-top: 20px;

  }

    .logout a h3{

        padding-top: 60px;

        padding-right:10px;

        color: white;

   

    

  }

    .menu {

         background-color: bisque;

         height:100px;

   

  }

    menu ul{

        list-style: none;
78
   

  }

    .menu ul li{

        display: inline-block;

        margin:20px;

     

  }

    .Add_post{

        margin-left:1150px;

        margin-bottom:5px;

  }

    thead{

        background-color: black;

        color: white;

  }

    table{

        background-color:palegoldenrod;

  }

  

    </style>

</head>
79
<body>

    <div class="header">

        <div class="logo"> <img src="..\download (2).jpg"></div>

        <div class="title"> <h1>  Welcome  to  Our Control


Pannel</h1></div>

        <div class="logout"><a href=""> <h3> logout</h3></div>

    

    </div>

    <div class="menu">

        <ul>

            <li><a href="notice.php"> <h1>Notice</h1></a></li>

            <li><a href="gallery.php"><h1>Gallery</h1></a></li>

            <li><a href="addgallery.php"><h1>Add Gallery</h1></a></li>

      

     

        </ul>

    

    </div>

  

80
    <form action="" method="post" enctype="multipart/form-data">

    <input type="file" name="file" placeholder="Only .jpg Extension


file"> <br> <br>

        <input type="submit" name="submit">

</form>

  

</body>

</html>

<?php

error_reporting(0);

include"connection.php";

if(isset($_POST['submit']))

    $file_name= $_FILES['file']['name'];

    $file_tmp= $_FILES['file']['tmp_name'];

    $destination="gallery/".$file_name;

    if(move_uploaded_file($file_tmp,$destination))

  {

        $sq="INSERT INTO `gallery`(`gallery`) VALUES ('$file_name')";

    

81
    

    

  }

    else{

        echo"try again";

  }

  

$res=mysqli_query($con,$sq);

if(isset($res))

    {

            echo"sucessfully";

    }

?>

7.12.HEADER PAGE

82
Figure 7.12:- "header.html" Page

Coding:-

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-


scale=1.0">

    <title>Document</title>

    <link rel="stylesheet" href="hospital.css">

</head>

<body>

  

    <div class="header">

   <div class="logo"><a href="" ><img src="download


(2).jpg"></a></div>

   <div class="title"> <h2> Model Hospital lalbandi sarlahi</h2></div>

   <div class="menu">

   <ul>

    <li><a href="hospital.php">Home</a></li>
83
    <li><a href="about.php">About Us</a></li>

    <li><a href="contact.php">Contact</a></li>

    <li><a href="notice.php">Notice</a></li>

    <li><a href="dispgallery.php">Gallery</a></li>

   </ul>

   </div>

 </div>

 </body>

 </html>

7.13. FOOTER PAGE

Figure 7.13:- “footer.html” Page

Coding:-

<!DOCTYPE html>

<html lang="en">

<head>
84
    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-


scale=1.0">

    <title>Document</title>

    <style>

  *

  {

        padding: 0;

        margin: 0;

  }

    .footer{

    

        background-color: blueviolet;

        text-align: center;

        padding: 20px;

  }

  

        </style>

</head>

<body>

85
    <div class="footer">

        <h1>   Thanks for Visiting My Website </h1>

        <h> @copyright By: Chandan Chaudhary</h>

    </div>

  

</body>

</html>

6.14. CSS PAGES

Figure 7.14:- “hospital.css” Page

Coding:-

    padding:0;

    margin:0;

    box-sizing: border-box;

  

86
 .menu ul li a{

    text-decoration: none;

    color:whitesmoke;

    font-family: 'Courier New', Courier, monospace;

    font-weight: bold;

    transition:2s;

.menu ul li a:hover{

    background-color:blue;

  

.header{

    display: flex;

    justify-content:space-between;

    background-color: rgb(70, 189, 70);

.title{

    margin:25px;

    font-size:25px;

    color: red;
87
}

.logo a img{

    height:100px;

    width: 100%;

    border-radius:50%;

  

.menu ul{

    list-style: none;

    display: flex;

    margin: 25px;

  

  

.menu ul li{

  margin:15px;

.main{

    background-image: url('\LUJMedical02.jpg');
88
    background-size: cover;

   height:510px;

  }

#title{

    width: 90%;

    color: white;

    position: absolute;

    top: 70%;

    left:50%;

    transform: translate(-50%,-50%);

    text-align: center;

#title h1{

    font-size:62px;

#title p1{

    margin: 10px 0 40px;

    color: white;
89
    font-size: 20px;

.hero_btn{

    display: inline-block;

    text-decoration: none;

    color: white;

    border: 1px solid #fff;

    padding: 12px 34px;

     font-size: 13px;

     background: transparent;

     transition:2s;

   

.hero_btn:hover{

    background:orange;

.Responsible{

    text-align: center;

 }

.service-container{
90
    display: flex;

  

    justify-content: space-between;

 }

  .service-box{

    border:1px solid #eee;

    flex-basis:33%;

    max-width: 380px;

    padding:10px;

 }

  .service-box img{

    width:100%;

    height:300px;

    transition:1s;

 }

  .service-box img:hover{

  
91
    border-radius: 50%;

 }

  .content{

    background-color: rebeccapurple;

    color: #eee;

    height: 100px;

    width:100%;

 }

92
93

You might also like