Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 14 additions & 11 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,9 @@



<html>
<head>
<title> doctors </title>
<title> City Hospitals </title>
<link rel="stylesheet" type="text/css" href="indexcss.css">
</head>
<body>
Expand All @@ -9,11 +12,10 @@ <h1><u>City Hospital</u></h1>
<h1 align=center> Welcome to our online appointment scheduling services</h1>
</div>
<div class="header" id="head">
<div class="login">
<a href="login.html">
Login
</a>
</div>
<a href="login.php">
<input class="log" type="submit" value="Login">

</a>
</div>
<div class="dr_details">
<p style="font-family: "Trebuchet MS", Helvetica, sans-serif;font-size: 30px;color:ivory">
Expand Down Expand Up @@ -48,11 +50,11 @@ <h1 align=center> Welcome to our online appointment scheduling services</h1>
</div><br>
</center></div>
<center>
<div class="appointment">
<a href="registration.html">
Get Appointment

<a href="registration.php">
<input class="app" type="submit" value="Get Appointment">
</a>
</div>

</center>

</body>
Expand All @@ -72,4 +74,5 @@ <h1 align=center> Welcome to our online appointment scheduling services</h1>
}
</script>
</html>



31 changes: 23 additions & 8 deletions indexcss.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
background-color: rgb(100,150,250);
padding: 25px;
border-radius: 25px;
box-shadow: powderblue;
box-shadow: 2px 2px powderblue;
}
a{
font-size:35px;
Expand All @@ -13,20 +13,35 @@ a{
padding-top:25px;
padding-left: 25px;
}
.login{
.app{
font-size:25px;
color: ivory;
width:250px;
height:70px;
border-radius:20px;
background-color:teal;
text-align: center;
padding-top:10px;
padding-left: 10px;
}
.log{
font-size:25px;
color: ivory;
width:150px;
height:50px;
padding:10px;
height:70px;
border-radius:20px;
background-color:teal;
text-align: center;
padding-top:10px;
padding-left: 10px;
}
body{
background-image: url(img.jpg);
background-repeat:no-repeat;
background-position: center ;
background-attachment: scroll;
background-size: cover;
background-blend-mode: lighten;
background-blend-mode: lighten; //check this one and corrent it
}
p{
font-family: "Trebuchet MS", Helvetica, sans-serif;
Expand Down Expand Up @@ -56,7 +71,7 @@ h1{
text-align: center;
border-radius: 50px;
}
.login:hover{
.appointment:hover{
box-shadow: 5px 5px grey;
}
.appointment{
Expand All @@ -66,6 +81,6 @@ h1{
border-radius:20px;
background-color:teal;
}
.appointment:hover{
input:hover{
box-shadow: 5px 5px grey;
}
}
1 change: 1 addition & 0 deletions login.html
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@

<html>
<head><title>doctor login</title>
<style>
Expand Down
92 changes: 92 additions & 0 deletions registration.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@

<html>
<head>
<title>Registration Form</title>
<style>
body{
background-image: url(blur-clinic-health.jpg);
background-repeat: no-repeat;
background-size: cover;
}
h1{
color:blue;
font-size:60;

}
.table{
border-color: white;
}
input{
text-align:center;
background-color:teal;
color: white;
padding: 14px 20px;
margin: 8px 0;
border:none;
border-radius: 20px;
cursor: pointer;
font-size: 20px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif ;
}

th,td{
text-transform: uppercase;
font-size: 20px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif ;
}
select{
background-color:teal;
font-size: 20px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif ;
color:white;
border-radius: 10px;
}

</style>
</head>
<body>
<center>
<h1 align="center">REGISTRATION FORM </h1>
<form method="post" action="register.php">
<table class=table >
<tr>
<th>
Name:</th><td> <input type="text" name="name"></td>
</tr><br>
<tr>
<th>Age:</th> <td> <input type="number" name="age"></td>
</tr><br>
<tr>
<th> Gender:</th> <td><input type="radio" name="gender" value="M">M
<input type="radio" name="gender" value="F"> F
</td>
</tr><br>
<tr>
<th>Contact no:</th><td> <input type="number" name="contact" value="+91"><br><br></td>
</tr><br>
<tr>
<th>Choose your Doctor:</th><td><select name="doctors">
<option value="0">
---Select---
</option>
<option value="Dr.Kailash Bhatia">
Dr.Kailash Bhatia
</option>
<option value="Dr.Ajay Tiwari">
Dr.Ajay Tiwari
</option>
<option value="Dr.Narendra Gokhale">
Dr.Narendra Gokhale
</option>
<option value="Dr.Girish Kumar">
Dr.Girish Kumar
</option>
</select>
</td>
</tr>
</table><br><br><br>
<input type="submit" value="Submit" align="center">
</form>
</center>
</body>
</html>