Intrship Code

About.
html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1, m
inimum-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>About Us</title>
<link rel="shortcut icon" href="img/icon.png" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="libs/css/swiper.min.css"
>
<link rel="stylesheet" href="libs/css/about.css">
<link rel="stylesheet" href="head-foot.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/f
ont-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<header>
<div class="container">
<nav>
<img src="img/logo.png" alt="logo" style="hei
ght: 15%; width: 30%">
<ul>
<li><a style="text-decoration: none;" hre
f="index1.html">Home</a></li>
f="about.html">About</a></li>
f="Gallery1.html">Gallery</a></li>
f="awareness.html">Awareness</a></li>
f="login.html">LogIn</a></li>
f="contact1.html">Contact-Us</a></li>
</ul>
</nav>
</div>
</header>
<div class="heading"><h1>OUR TEAM</h1></div>
<div class="border"></div>
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="imgBx">
<img src="img/aanam2.jpg" alt="">
</div>
<div class="details">
<h3>Aanam Fathima<br><span>CS Engineering</span><
/h3>
</div>
</div>
<div class="imgBx">
<img src="img/Akshatha.jpg" alt="">
</div>
<h3>Akshatha.B.L<br><span>CS Engineering</spa
n></h3>
</div>
</div>
<div class="imgBx">
<img src="img/Faiza.jpg" alt="">
</div>
<h3>Faiza Banu<br><span>CS Engineering</s
pan></h3>
</div>
</div>
<div class="imgBx">
<img src="img/Kavana.jpg" alt="">
</div>
<h3>Kavana.H.B<br><span>CS Engineerin
g</span></h3>
</div>
</div>
<div class="imgBx">
<img src="img/Suhas.jpg" alt="">
</div>
<h3>Suhas.K<br><span>CS Engineeri
ng</span></h3>
</div>
</div>
</div>

<div class="swiper-pagination"></div>
</div>
<script type="text/javascript" src="libs/js/swiper.min.js"></script>
<script>
var swiper = new Swiper('.swiper-container', {
effect: 'coverflow',
grabCursor: true,
centeredSlides: true,
slidesPerView: 'auto',
coverflowEffect: {
rotate: 0,
stretch: 0,
depth: 80,
modifier: 5,
slideShadows : true,
},
// pagination: {
// el: '.swiper-pagination',
// },
});
</script>
<div class="ourvision"><h1>OUR VISION</h1></div>
<div class="border1"></div>
<div class="vision">
<p>"HEALTH CARE" management system is designed to represent
data that accurately captures the state of the patient at all times. It a
llows for an entire patient history to be viewed without the need to trac
k down the patient's previous medical record and assist in ensuring data
is accurate, appropriate and legible. The main intension of introducing t
he system is to reduce the manual work at Health center countries. Every
sort of task is performed by the system, such as registering different ty
pes of persons, enquiries and complaints etc,, also the latest informatio
n is right available for the officials and executives wherever they requi
re. The system also facilitates the pharmacist to enquire about the stock
to be ordered and about the expiry date...</p>
</div>
<br>
<br>

<div class="footer">
<div class="footer-content">
<div class="footer-section about">
<h1 class="logo-text"><span>Med</span>@Net</h1>
<p>"HEALTH CARE" management system is designed to represent d
ata that accurately captures the state of the patient at all times. It al
lows for an entire patient history to be viewed without the need to track
down the patient's previous medical record and assist in ensuring data is
accurate, appropriate and legible. The main intension of introducing the
system is to reduce the manual work at Health center countries. Every sor
t of task is performed by the system, such as registering different types
of persons, enquiries and complaints etc,, also the latest information is
right available for the officials and executives wherever they require. T
he system also facilitates the pharmacist to enquire about the stock to b
e ordered and about the expiry date..</p>
</div>
<div class="footer-section address">
<h1 class="logo-text"><span>Address</span></h1>
<p>NIIT, VijayaNagar<br>Bengaluru, Karnataka</p>
<div class="contact">
<span><i class="fa fa-phone"></i> 123-456-
7890</span>
<span><i class="fa fa-envelope"></i> info@MedatNet
.com</span>
</div>
<div class="socials">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-instagram"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-youtube"></i></a>
</div>
</div>

</div>

<div class="footer-bottom">
© Med@Net.com | India | Karnataka
</div>
</div>


</body>
</html>
Awarnss.html
<!DOCTYPE html>
<html lang="en">
<head>
scale=1.0">
<title>Awareness</title>
<link rel="stylesheet" href="awareness.css">
<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.m
in.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.m
in.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"
></script>
</head>
<body>
<header>
<nav>
ght: 15%; width: 30%">
<ul>
</ul>
</nav>
</div>
</header>
<center> <h1>AWARENESS</h1></center>
</div>
<div class="how-section1">
<div class="row">
<div class="col-md-6 how-img">
<img src="dengue" class="rounded-circle img-fluid" a
lt=""/>
</div>
<div class="col-md-6">
<h4>DENGUE FEVER</h4>
<p>Dengue fever is a mosquito borne disease transmitt
ed by the Aedes mosquito. This disease is known to
be worldwide problem, affecting the tropical
and sub-tropical regions. One third of the world’s population is at risk
of
transmission of disease. So, creating awarene
ss is an effective way of preventing Dengue Fever. The objective of the
study was to create awareness on Dengue Fever
among adults residing in an Urban Slum area.
Not only is the number of cases increasing as
the disease
spreads to new areas, but explosive outbreaks
are
occurring. This disease presents with mild fe
ver, which
would reach higher temperature, severe headac
he pain
behind the eyes, muscles and joint pain and r
ashes.
Annually, 100 million cases of dengue fever a
nd half a
million cases of DHF occur worldwide. Ninety
percent of
DHF subjects are children less than 15 years
of age. At
present, dengue is endemic in 112 countries i
n the world.
Symptoms of Dengue Fever
Sudden, high fever.
Severe headaches.
Pain behind the eyes.
Severe joint and muscle pain.
Fatigue.
Nausea.
Vomiting.
Skin rash, which appears two to five days aft
er the onset of fever.
here is no specific medicine to treat dengue
infection. If you think you may have dengue fever, you should use pain re
lievers with acetaminophen and avoid medicines with aspirin, which could
worsen bleeding. You should also rest, drink plenty of fluids, and see yo
ur doctor</p>
</div>
</div>

<div class="row">
<h4>OVER WEIGHT AND OBESITY</h4>
<h4 class="subheading"></h4>
<p>Overweight and obesity are defined
as abnormal or excessive fat accumulation that may impair health.
Body mass index (BMI) is a si
mple index of weight-for-height that is commonly used to classify overwei
ght and obesity in adults. It is defined as a person's weight in kilogram
s divided by the square of his height in meters (kg/m2).
In 2016, an estimated 41 mill
ion children under the age of 5 years were overweight or obese.

Obesity can sometimes be trac
ed to a medical cause, such as Prader-Willi syndrome, Cushing's syndrome,
and other diseases and conditions. However, these disorders are rare and,
in general, the principal causes of obesity are:

Inactivity. If you're not ver
y active, you don't burn as many calories. With a sedentary lifestyle, yo
u can easily take in more calories every day than you use through exercis
e and normal daily activities.
Unhealthy diet and eating hab
its. Weight gain is inevitable if you regularly eat more calories than yo
u burn. And most Americans' diets are too high in calories and are full o
f fast food and high-calorie beverages.
Whether you're at risk of bec
oming obese, currently overweight or at a healthy weight, you can take st
eps to prevent unhealthy weight gain and related health problems. Not sur
prisingly, the steps to prevent weight gain are the same as the steps to
lose weight: daily exercise, a healthy diet, and a long-term commitment t
o watch what you eat and drink.

Exercise regularly. You need
to get 150 to 300 minutes of moderate-intensity activity a week to preven
t weight gain. Moderately intense physical activities include fast walkin
g and swimming.
Follow a healthy eating plan.
Focus on low-calorie, nutrient-dense foods, such as fruits, vegetables an
d whole grains. Avoid saturated fat and limit sweets and alcohol. Eat thr
ee regular meals a day with limited snacking. You can still enjoy small a
mounts of high-fat, high-calorie foods as an infrequent treat. Just be su
re to choose foods that promote a healthy weight and good health most of
the time.</p>
</div>
<img src="obesity" class="rounded-circle img-
fluid" alt=""/>
</div>
</div>
<div class="row">
<img src="diabetes" class="rounded-circle img-
fluid" alt=""/>
</div>
<h4>DIABETES</h4>
<p>Diabetes mellitus, commonly known
as diabetes, is a metabolic disease that causes high blood sugar. The hor
mone insulin moves sugar from the blood into your cells to be stored or u
sed for energy. With diabetes, your body either doesn’t make enough insul
in or can’t effectively use the insulin it does make.
Untreated high blood sugar fr
om diabetes can damage your nerves, eyes, kidneys, and other organs.
The general symptoms of diabe
tes include:

increased hunger
increased thirst
weight loss
frequent urination
blurry vision
extreme fatigue
sores that don’t heal
Doctors treat diabetes with a
few different medications. Some of these drugs are taken by mouth, while
others are available as injections.

Insulin is the main treatment
for diabetes. It replaces the hormone your body isn’t able to produce.

There are four types of insul
in that are most commonly used. They’re differentiated by how quickly the
y start to work, and how long their effects last:

Rapid-acting insulin starts t
o work within 15 minutes and its effects last for 3 to 4 hours.
Short-acting insulin starts t
o work within 30 minutes and lasts 6 to 8 hours.
Intermediate-acting insulin s
tarts to work within 1 to 2 hours and lasts 12 to 18 hours.
Long-acting insulin starts to
work a few hours after injection and lasts 24 hours or longer.</p>
</div>
</div>
<div class="row">
<h4>ASTHMA</h4>
<p>Asthma is a condition in which you
r airways narrow and swell and produce extra mucus. This can make breathi
ng difficult and trigger coughing, wheezing and shortness of breath.
For some people, asthma is a
minor nuisance. For others, it can be a major problem that interferes wit
h daily activities and may lead to a life-threatening asthma attack.

Asthma can't be cured, but it
s symptoms can be controlled. Because asthma often changes over time, it'
s important that you work with your doctor to track your signs and sympto
ms and adjust treatment as needed.
Asthma signs and symptoms inc
lude:

Shortness of breath
Chest tightness or pain
Trouble sleeping caused by sh
ortness of breath, coughing or wheezing
A whistling or wheezing sound
when exhaling (wheezing is a common sign of asthma in children)
Coughing or wheezing attacks
that are worsened by a respiratory virus, such as a cold or the flu
See your doctor:

If you think you have asthma.
If you have frequent coughing or wheezing that lasts more than a few days
or any other signs or symptoms of asthma, see your doctor. Treating asthm
a early may prevent long-term lung damage and help keep the condition fro
m worsening over time.
To monitor your asthma after
diagnosis. If you know you have asthma, work with your doctor to keep it
under control. Good long-term control helps you feel better from day to d
ay and can prevent a life-threatening asthma attack.
If your asthma symptoms get w
orse. Contact your doctor right away if your medication doesn't seem to e
ase your symptoms or if you need to use your quick-relief inhaler more of
ten. Don't try to solve the problem by taking more medication without con
sulting your doctor. Overusing asthma medication can cause side effects a
nd may make your asthma worse.</p>
</div>
<img src="asthma" class="rounded-circle img-
fluid" alt=""/>
</div>
</div>
</div>

</div>
7890</span>
.com</span>
</div>
</div>
</div>

</div>

</div>
</div>


</body>
</html>
Awarnss.Css
body{
margin: 0;
padding: 0;
font-family: sans-serif;
background: url(doctor6) no-repeat;
background-attachment: fixed;
background-size: cover;
color: white;
}
.how-section1{
margin-top:-15%;
padding: 10%;
}
.how-section1 h4{
color: #ffa500;
font-weight: bold;
font-size: 30px;
}
.how-section1 .subheading{
color: #3931af;
font-size: 20px;
}
.how-section1 .row
{
margin-top: 10%;
}
.how-img
{
text-align: center;
}
.how-img img{
width: 70%;
}
.how-section1 p{
color: white;
}
.container h1{
color: white;
font-family: 'Times New Roman', Times, serif;
}
a:hover{
color:white !important;
}
.col-md-6{
background-color: #ae7c207d;

}
Bookappointmnt.html
<!DOCTYPE html>
<html lang="en">
<head>
scale=1.0">
<title>Book appointment</title>
<link rel="stylesheet" href="libs/css/bootstrap.min.css">
<link rel="stylesheet" href="bookappointment.css">
<link rel="stylesheet" href="libs/css/datepicker.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquer
y.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></s
cript>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/an
gular.min.js"></script>
<script src="libs/js/typer.min.js"></script>
</head>
<body ng-app="">
<header>
<nav>
ght: 15%; width: 30%">
<ul>
</ul>
</nav>
</div>
</header>
<center>
<div class="inner-layer">
<div class="row no-margin"></div>
<div class="col-sm-5">
<form name="frm">
<div class="form-data">
<div class="form-head">
<h2>Book Appointment</h2>
</div>
<div class="form-body">
<div class="row form-row">
<label for="name"></label>
<input type="text" name="name" id="name"
class="form-control" placeholder="Fullname" ng-model="name" required>
<span style="color:white;" ng-
show="frm.name.$error.required">*</span>
</div>
<label for="phone"></label>
<input type="number" id="phone" place
holder="Mobile number" class="form-control" name="phone" ng-model="phone"
ng-maxlength="10" required>
show="frm.phone.$error.required">*</span>
show="frm.phone.$error.maxlength">too long</span>
</div>
<label for="mail"></label>
<input type="email" id="mail
" placeholder="Email" class="form-control" name="mail" ng-model="mail" re
quired>
<span style="color:white;" n
g-show="frm.mail.$error.required">*</span>
<span style="color:white;" n
g-show="frm.mail.$error.email">Not a Mail</span>

</div>

<div class="doctordetails">
<h3>Doctor details</h3>
</div>

<select id="doctor">
<option value="doctor">Doctor
</option>
<option value="aanam">Dr.Aana
m(Cardiologist)</option>
<option value="aksthatha">Dr.
Akshatha(Dermatologist)</option>
<option value="faiza">Dr.Faiz
a(Pediatrician)</option>
<option value="kavana">Dr.Kav
ana(Gynecologist)</option>
<option value="suhas">Dr.Suha
s(physiotherapist)</option>

</select>
</div>

</div>

<select id="time">
<option value="ti
me">Timing</option>
<option value="">
10:00-10:30</option>
<option value="">
10:30-11:00</option>
<option value="">
11:00-11:30</option>
<option value="">
11:30-12:00</option>
<option value="">
12:00-12:30</option>
<option value="">
12:30-01:00</option>
<option value="">
02:00-02:30</option>
<option value="">
02:30-03:00</option>
<option value="">
03:30-04:00</option>
<option value="">
04:00-04:30</option>
<option value="">
04:30-05:00</option>
</select>
</div>
</div>
<input id="dat" type="date" placeholder="
Appointment date" class="form-control">
</div>
<button onclick="submit()" type="butto
n" class="btn btn-success btn-appointment">
Book Appointment
</button>

</div>

</div>
</div>
</form>
</div>
</div>
</div>
</div>
</center>
<script src="libs/js/bootstrap-datepicker.js"></script>
<script src="libs/js/bootstrap.min.js"></script>
</body>
<script>
function submit()
{
Swal("Good job!", "You clicked the button!", "success");
}
</script>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><
br><br><br><br><br><br><br><br><br><br><br><br><br>

</div>
7890</span>
.com</span>
</div>
</div>
</div>

</div>

</div>
</div>


</html>
Bookappointmnt.(ss
body{
image-resolution:100%;
margin:0;
padding:0;
background-image:url("heart-health-surgery-puzzle-
stethscopeiStock_000063142605_Medium.jpg");
background-size:cover;

}
.inner-layer{
position: absolute;
width: 100%;
height: 100%;
background:transparent;
}
.form-data{
margin-top: 15%;
background-color:transparent;
}
.form-body{
padding:20px;
.form-head{
padding: 20px;
font-style: italic;
color: #f7f7ff;
}
.no-margin{
margin:0%;
}
.form-row{
margin-bottom: 15px;
}
.form-control{
background-color:#f7f7ff;
}
.form-control:focus{
box-shadow: none;
border:3px solid brown;
}
.btn-appointment{
background-color:brown;
border-color:brown;
width:50%;
position: relative;
}
.doctordetails{
font-style: italic;
font-weight: bolder;
color:white;
}
.avatar{
width: 20%;
height:25%;
position:absolute;
top:50px;
left:120px;
}
.anime{
position: absolute;
bottom: 5%;
left:35%;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', san
s-serif;
color:#f7f7ff;
}
#doctor{
width:400px;
height:-120px;
margin-bottom:15px;
padding:8px;
text-align: center;
color:black;
border-radius: 5px;

}
#time{
width:400px;
height:-120px;
margin-bottom:15px;
padding:8px;
text-align: center;
border: 3px ;
border-radius: 5px;
}
#doctor:focus{
box-shadow: none;
}
#time:focus{
box-shadow: none;
}
a:hover{
}
(onta(t.html
<!DOCTYPE html>
<html lang="en">
<head>
scale=1.0">
<title>Contact Us</title>
<link rel="stylesheet" href="libs/css/contact.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.
6.3/css/all.css">
</head>
<body>
<header>
<nav>
ght: 15%; width: 30%">
<ul>
<li><a href="index1.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="Gallery1.html">Gallery</a></li>
<li><a href="#">Awareness</a></li>
<li><a href="#">LogIn</a></li>
<li><a href="contact1.html">Contact-
Us</a></li>
</ul>
</nav>
</div>
</header>
<div class="container1">
<div class="contact-method">
<i class="fas fa-envelope"></i>
<span>info@MedatNet.com</span>
</div>
<i class="fas fa-mobile-alt"></i>
<span>123-456-7890</span>
</div>
<i class="fas fa-map-marker-alt"></i>
<span>NIIT, VijayaNagar<br>Bengaluru, Karnataka</span
>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><
br><br><br>

e ordered and about the expiry date...</p>
</div>
<p>NIIT, VijayaNagar<br>Bengaluru, Karnatak</p>
7890</span>
.com</span>
</div>
</div>
</div>

</div>

</div>
</div>


</body>
</html>
CReate .css
body{
image-resolution:100%;
margin:0;
padding:0;
background-image:url("ekg-electrocardiogram-pulse-trace-
red_41m3q8kmx__F0005\ $1$.png");

}
.inner-layer{
position: absolute;
width: 100%;
height:100%;
background:transparent;
}
.form-data{
margin-top: 15%;
background-color:transparent;
}
.form-body{
padding: 20px;
}
.form-head{
padding: 20px;
font-style: italic;
color: #f7f7ff;

}
.no-margin{
margin:0%;
}
.form-row{
}
.form-control{
background-color:#f7f7ff;
}
.form-control:focus{
box-shadow: none;
border:3px solid black;
}
.btn-appointment{
background-color:brown;
border-color:brown;
width:100%;
}
.address{
font-style: italic;
color:white;
}
.avatar{
width:20%;
height:30%;
position:absolute;
top:30px;
left:120px;
}
.btn-success {
color: #fff;
/* background-color: #28a745; */
/* border-color: #28a745; */
box-shadow: 0 0 18px black;
}
a:hover{
}
Create.html
<!DOCTYPE html>
<html lang="en">
<head>
scale=1.0">
<title>Create an account</title>
<link rel="stylesheet" href="libs/css/bootstrap.min.css">
<link rel="stylesheet" href="create.css">
<link rel="stylesheet" href="header-footer.css">
<link rel="stylesheet" href="libs/css/datepicker.css">
y.min.js"></script>
</head>
<body ng-app="">
<header>
<nav>
ght: 15%; width: 30%">
<ul>
f= "login.html">LogIn</a></li>
<li><a style="text-decoration: none;" hr
ef="contact1.html">Contact-Us</a></li>
</ul>
</nav>
</div>
</header>
<center>
<div class="inner-layer">
<div class="row no-margin"></div>
<form name="frm">
<div class="form-data">
<div class="form-head">
<h2>Create an account</h2>
</div>
<div class="form-body">
<input type="text" name="name" id="name"
class="form-control" placeholder="Fullname" ng-model="name" required>
show="frm.name.$error.required">*</span>

</div>
<label for="phone"></label>
<input type="number" name="phone" id=
"phone" class="form-control" placeholder="Mobile number" ng-
model="phone" ng-maxlength="10" required>
</div>
<label for="mail"></label>

<input type="email" name="mail" id="mail" c
lass="form-control" placeholder="Email" ng-model="mail" required>
show="frm.mail.$error.required">*</span>
show="frm.mail.$error.email">Not a Mail</span>

</div>
<label for="password"></label>
<input type="password" name="password
" id="password" class="form-control" placeholder="Password" ng-
model="password" required>
show="frm.password.$error.required">*</span>
</div>
<label for="cpass"></label>
<input type="password" name="cpass" i
d="cpass" class="form-control" placeholder="Confirm password" ng-
model="cpass" required>
show="frm.cpass.$error.required">*</span>
</div>
<input id="dat" type="date" placehold
er="Appointment date" class="form-control">
</div>
<div class="address">
<h4>Address Details</h4>
</div>

<input type="text" placeholder="E
nter Area" class="form-control">
</div>
<input type="text" placeholder="E
nter City" class="form-control">
</div>
</div>
<input type="text" placeholde
r="Enter state" class="form-control">
</div>
<input type="text" placeholde
r="Postal code" class="form-control">
</div>
</div>
<button type="submit" onclick="submit(
)" class="btn btn-success btn-appointment">
Sign up
</button>

</div>

</div>
</div>
</form>
</div>
</div>
<script>
function submit()
{
Swal("Good job!", "You clicked the button!", "succes
s");
}
</script>
</div>
</div>
</center>
<script src="libs/js/bootstrap-datepicker.js"></script>
<script src="libs/js/bootstrap.min.js"></script>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><
br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b
r><br>

</div>
7890</span>
.com</span>
</div>
</div>
</div>

</div>

</div>
</div>


</body>
</html>
Doctors .html
<!DOCTYPE html>
<html lang="en">
<head>
scale=1.0">
<title>Edit profile</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.
3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angula
r.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.mi
n.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/
popper.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap
.min.js"></script>
<link rel="stylesheet" href="doctor.css">
cript>
</head>
<header>
<nav>
<img src="img/logo.png" alt="logo" style="height:
15%; width: 30%">
<ul>
<li><a style="text-decoration: none;
"href="about.html">About</a></li>
</ul>
</nav>
</div>
</header>

<body ng-app="">
<body style="padding-left: 20px" >

<div class="consult-box">
<h1>EDIT PROFILE</h1>
<div class="text-box">
<input type="text" placeholder="Patient Id" name="" value="">

<button>Get Older Credentials</button>
</div>
<form>
<div class="forminput">
<form name="frm">

<input type="email" name="mail" id="mail" pla
ceholder="Enter email" ng-model="mail" required>
<span style="color: white;" ng-
show="form.mail.$error.required">*</span>
show="frm.mail.$error.email">Not a Mail</span>
</div>
<input type="number" id="phone" placeholder="
Mobile number" class="form-control" name="phone" ng-model="phone" ng-
maxlength="10" required>
</div>
<label for="pass"></label>
<input type="password" name="pass" id="pass
" placeholder="Enter new password" >
</div>
<label for="pass"></label>
<input type="password" name="cpass" id="cpa
ss" placeholder="confirm password" >

</div>

<div class="btn">
<center> <button onclick="update()">update</button> </center> </div>
</form>
</div>
<script>
function update(){
var pass=document.getElementById("pass").value;
var cpass=document.getElementById("cpass").value;
if(pass!=c pass){
swal("Invalid","Warning!");
}
else
swal("update successfull","success");
}</script>
</form>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
br>

<p>"HEALTH CARE" management system is designed to represent dat
a that accurately captures the state of the patient at all times. It allo
ws for an entire patient history to be viewed without the need to track d
own the patient's previous medical record and assist in ensuring data is
</div>
7890</span>
<span><i class="fa fa-envelope"></i> info@MedatNet.c
om</span>
</div>
</div>
</div>

</div>

</div>
</div>


</body></body>
</html>
Doctor .css
body{
margin: 0;
padding: 0;
background: url(doctor8) no-repeat;
color: white;
}
.logo{
top:0%;
left: 0%;
right: 60%;
}
.consult-box{
width: 280px;
position: absolute;
top: 48%;
left: 60%;
transform: translate(-50%,-50%);
color: white;
}
.consult-box h1{
float: left;
font-size: 40px;
border-bottom: 6px solid #F30E0E;
padding: 13px 0;
color: white;
margin-left: -10px;
}
.text-box{
width: 100%;
overflow: hidden;
font-size: 20px;
padding: 8px 0;
margin: 8px 0;
border-bottom: 1px solid #F30E0E;
margin-left: 80px;
color: white;
background: none;

cursor: pointer;
}
.text-box input{
border: none;
outline: none;
background: none;
color: white;
font-size: 18px;
width: 80%;
float: left;
margin: 0 10px;
right: 50%;
}
.btn{
width: 100%;
background: none;

color: white;
padding: 0;
font-size: 10px;
cursor: pointer;
margin: 0;
margin-left: 180px;
padding: 10%;
}
.radioContainer{
display: inline-block;
position: relative;
cursor: pointer;
font-size: 22px;
user-select: none;
padding-left: 30px;
}
.radioContainer input{
display: none;
}
.radioContainer .circle{
width: 25px;
height: 25px;
background-color: #eee;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}
.radioContainer:hover .circle{
background-color: #ccc;
}
.radioContainer input:checked + .circle{
background-color: #2196fc;
}
.radioContainer input :checked + .circle:after{
content: "";
height: 10px;
width: 10px;
background-color: white;
position: absolute;
border-radius: 50%;

}

a:hover{
}
Feedback .html
<!DOCTYPE html>
<html lang="en">
<head>
scale=1.0">
<title>Feedback</title>
<link rel="stylesheet" href="feedback.css">
</head>
<body>
<header>
<nav>
ght: 15%; width: 30%">
<ul>
<li><a href="awareness.html">Awareness</a></l
i>
<li><a href="login.html">LogIn</a></li>
Us</a></li>
</ul>
</nav>
</div>
</header>
<div class="feedback-section">
<h1>Feedback</h1>
<div class="border"></div>
<form class="feedback-form" action="index1.html" method="POST">
<input type="text" class="feedback-form-text" placeholde
r="Your Name">
<input type="email" class="feedback-form-text" placeholde
r="Your e-mail" required>
<textarea class="feedback-form-text" placeholder="Your Messag
e"></textarea>
<input type="submit" class="feedback-form-btn" value="Send">
</form>
</div>

</div>
<p>NIIT, Vijayanagara<br>Bengaluru, Karnataka</p>
7890</span>
.com</span>
</div>
</div>
</div>

</div>

</div>
</div>


</body>
</html
>
Feedback .css
*{
margin: 0;
padding: 0;
font-family: "montserrat",sans-serif;
}
.feedback-section{
background: url(img/computer-1149148_960_720.jpg);
height: 617px;
padding: 40px 0;
}
.feedback-section h1{
text-align: center;
color: black;
}
.border{
width: 250px;
height: 5px;
background: #e95858;
margin: 40px auto;
}
.feedback-form{
max-width: 600px;
margin: auto;
padding: 0 10px;
overflow: hidden;
}
.feedback-form-text{
display: block;
width: 100%;
box-sizing: border-box;
margin: 16px 0;
border: 0;
border-radius: 5px;
background: #111;
padding: 20px 40px;
outline: none;
color: #ddd;
transition: 0.5s;
}
.feedback-form-text:focus{
box-shadow: 0 0 10px 4px rgb(231, 107, 107);
}
textarea.feedback-form-text{
resize: none;
height: 130px;
border-radius: 5px;
}
.feedback-form-btn{
float: right;
border: 0;
background: rgb(168, 28, 28);
color: #fff;
padding: 12px 50px;
border-radius: 10px;
cursor: pointer;
transition: 0.5s;
}
.feedback-form-btn:hover{
background: red;
}
Gallery.html
<!DOCTYPE html>
<html lang="en">
<head>
scale=1.0">
<title>Gallery</title>
<link rel="stylesheet" href="libs/css/Gallery.css">
</head>
<body>
<header>
<nav>
ght: 15%; width: 30%">
<ul>
<li><a href="awareness.html">Awareness</a></l
i>
<li><a href="#">LogIn</a></li>
Us</a></li>

</ul>
</nav>
</div>
</header>

<main class="main">
<section class="info1">
<h2>Med@Net</h2>
<p>these are the pictures of "G Madegowda Super Speciality Ho
spital"</p>
<a href="#" class="info-link">Learn More...</a>
</section>
<figure class="figure1">
<img src="img/mg1.jpg" class="figure-img">
</figure>
</figure>
</figure>
</figure>
</figure>
</figure>
<section class="info2">
<h2>Med@Net</h2>
<p>these are the pictures of "G Madegowda Super Specialit
y Hospital"</p>
<a href="#" class="info-link">Learn More...</a>
</section>
</figure>
<img src="img/mg8.jpeg" class="figure-img">
</figure>
<img src="img/mg10.jpeg" class="figure-img">
</figure>
</main>

</div>
<p>NIIT, Vijayanagara<br>Bengaluru, Karnataka</p>
7890</span>
.com</span>
</div>
</div>
</div>

</div>

</div>
</div>


</body>
</html>
Header_footer.css
*{
margin: 0;
padding: 0;
}
html{
font-size: 15px;
font-family: "Roboto Cn", sans-serif;
}
body{
overflow-x: hidden;
}
a{
text-decoration: none;
color: white;
}
header{
width: 100%;
height: 20vh;
background:linear-gradient(to left,rgba(0,0,0, 0.8), rgba(0,0,0,.5)),
url(img/WIKTdZ.jpg) center no-repeat;
}
.container{
max-width: 120rem;
width: 90%;
margin: 0 auto;
}
nav{
padding-top: .1rem;
display: flex;
justify-content: space-between;
align-items: center;
text-transform: uppercase;
font-size: 1.6 rem
}
nav ul{
display: flex;
}
nav ul li{
list-style: none;
transform: translateX(100rem);
animation: slideIn .5s forwards;
}
nav ul li:nth-child(1){
animation-delay: 0s;
}
animation-delay: .2s;
}
}
}
}
animation-delay: 1s;
}
nav ul li a{
padding: 1rem 0;
margin: 0 2rem;
position: relative;
letter-spacing: 5px;
}
nav ul li a:last-child{
margin-right: 0;
}
nav ul li a::before,
nav ul li a::after{
content: '';
position: absolute;
width: 100%;
height: 2px;
background-color: crimson;
left: 0;
transform: scaleX(0);
transition: all .5s;
}
nav ul li a::before{
top: 0;
transform-origin: right;
}
nav ul li a::after{
bottom: 0;
transform-origin: left;
}
nav ul li a:hover::before,
nav ul li a:hover::after{
transform: scaleX(1);
}
@keyframes slideIn{
from{
}
to{
transform: translateX(0);
}
}
/* FOOTER */
.footer{
background-image: url(img/black.jpg);
color: #d3d3d3;
height: 290px;
position: relative;
}

.footer .footer-content {
height: 225px;
display: flex;
}

.footer .footer-content .footer-section {
flex: 1;
padding: 25px;
}

.footer .footer-content h1,
.footer .footer-content h2 {
color: white;
}

.footer .footer-content .about h1 span {
color: #bb0000;
}

.footer .footer-content .address .contact span {
display: block;
font-size: 1.1em;
margin-bottom: 8px;
}

.footer .footer-content .address .socials a{
width: 45px;
height: 41px;
padding-top: 5px;
margin-right: 5px;
text-align: center;
font-size: 1.3em;
border-radius: 5px;
}

.footer .footer-bottom {
background:#fd2424;
font-size: 15px;
color: #acabab;
height: 30px;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
padding-top: 05px;
width: 100%;
}

/* Style all font awesome icons */
.fa {
padding: 10px;
font-size: 15px;
width: 40px;
text-align: center;
border-radius: 10%
}

/* Add a hover effect if you want */
.fa:hover {
opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
background: #3B5998;
color: white;
}

/* Twitter */
.fa-twitter {
background: #55ACEE;
color: white;
}

.fa-youtube {
background: #bb0000;
color: white;
}

.fa-instagram {
background: #dd00cb;
color: white;
}
home.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Med@Net</title>
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fon
t-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="libs/css/animate.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="typer.min.js"></script>
<link rel="stylesheet" href="libs/css/style.css">
</head>
<body>

<img src="img/PicsArt_07-12-05.04.48.jpg" alt="doc" styl
e="width:100%;">
<div class="top">
<img class="animated swing" src="img/logo.png" alt="logo" style="he
ight: 20%; width: 50%">
</div>
<div class="top-left">

<div id="myNav" class="overlay">

<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&tim
es;</a>

<div class="overlay-content">
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Clients</a>
<a href="#">Contact</a>
</div>
</div>

<span onclick="openNav()">
<button style="height: 50px; width:100px"><i class="fa fa-
bars"></i></button>
</span>
<script>
/* Open when someone clicks on the span element */
function openNav() {
document.getElementById("myNav").style.width = "100%";
}
/* Close when someone clicks on the "x" symbol inside the overlay */
function closeNav() {
}
</script>
</div>

<div class="bottom">
<div class="loader">
<div class="outer"></div>
<div class="middle"></div>
<div class="inner"></div>
</div>

</div>
</div>
<div class="center">
<h1 id="example">We provide
</h1>
</div>
<script>
$("#example").typer({
strings: [
"Care",
"Treatement",
"awareness",
"Health Benifits"
]
});
</script>

<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Evenie
t quos a recusandae asperiores vel, modi est iste consequuntur doloribus
quo illum sunt natus, autem neque vitae quaerat fuga. Rem ipsa dignissimo
s maiores, voluptas quidem asperiores mollitia optio, repellendus repudia
ndae cumque libero reiciendis, inventore quod modi consequatur ipsam volu
ptate tempore suscipit assumenda perspiciatis qui laboriosam debitis dele
ctus quis? Nemo, nihil. Facere perspiciatis ducimus reprehenderit illo te
mpore porro dolor repellat quasi corporis impedit! Qui dolor adipisci est
architecto sit corporis facere aliquid excepturi non labore quaerat deser
unt, sequi quia earum? Ab aspernatur fugit consequatur ducimus eos qui la
boriosam laborum blanditiis. Nostrum, tempora.</p>
</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudia
ndae aperiam consectetur magni necessitatibus delectus accusamus corporis
sint ut dolorem magnam.</p>
<span><i class="fa fa-phone"></i> 123-456-7890</span>
<span><i class="fa fa-envelope"></i> info@MedatNet.co
m</span>
</div>
</div>
</div>
<div class="footer-section feedback">
<h1 class="logo-text"><span>Feedback</span></h1>
<form action="index1.html" method="post">
<input type="email" name="e-mail" class="text-input contact-
input" placeholder="your E-mail Address..."><br>
<textarea name="Message" class="text-input contact-input" placeho
lder="Your Feedback..."></textarea><br>
<button type="submit" class="button btn-big">
<i class="fa fa-envelope"></i>
Send
</button>
</form>
</div>
</div>

</div>
</div>


</body>
</html>
home.css
/* The Overlay (background) */
.overlay {
/* Height & width depends on how you want to reveal the overlay (see
JS below) */
height: 100%;
width: 0;
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
background-color: rgb(233, 131, 131); /* red fallback color */
background-color: rgba(224, 104, 104, 0.767); /* red w/opacity */
overflow-x: hidden; /* Disable horizontal scroll */
transition: 0.5s; /* 0.5 second transition effect to slide in or slid
e down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
position: relative;
top: 25%; /* 25% from the top */
width: 100%; /* 100% width */
text-align: center; /* Centered text/links */
margin-top: 30px; /* 30px top margin to avoid conflict with the close
button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
padding: 8px;
font-size: 36px;
color: #000000;
display: block; /* Display block instead of inline */
transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the fo
nt-size of the links and position the close button again, so they don't o
verlap */
@media screen and (max-height: 450px) {
.overlay a {font-size: 20px}
.overlay .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}
}
/* Container holding the image and the text */
.container {
position: relative;
text-align: center;
color: white;

}

.top {
position: absolute;
top: 0%;
left: 22%;
right:22%;
}

.top-left {
position: absolute;
top: 8px;
left: 16px;
}

.center{
text-align: center;
color:rgb(187, 0, 0);
position:absolute;
left:14%;
top: 35%;
font-size: 30px;
}

.bottom {
position: absolute;
top: 53.3%;
left: 70.5%;
transform: translate(-50%, -50%);
}
.loader {
position: relative;
}

.outer,
.middle,
.inner {
border: 3px solid transparent;
border-top-color:rgb(241, 74, 74);
border-right-color:white;
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
}

.outer {
width: 3.5em;
height: 3.5em;
margin-left: -1.75em;
margin-top: -1.75em;
animation: spin 2s linear infinite;
}

.middle {
width: 2.1em;
height: 2.1em;
margin-top: -1.05em;
animation: spin 1.75s linear reverse infinite;
}

.inner {
width: 0.8em;
height: 0.8em;
margin-top: -0.4em;
animation: spin 1.5s linear infinite;
}

@keyframes spin {
to {
transform: rotate(360deg);
}
}
button {
z-index: 1;
font-size: 40px;
font-family: inherit;
color: rgb(168, 11, 11);
padding: 0.2em 1em;
outline: none;
border: none;
background:none;
}

button:hover {
cursor: pointer;
animation: jelly 0.5s;
}

@keyframes jelly {
0%,
100% {
transform: scale(1, 1);
}
25% {
transform: scale(0.9, 1.1);
}
50% {
}
75% {
}
}
/* FOOTER */
.footer{
background: #303036;
color: #d3d3d3;
height: 400px;
position: relative;
}
.footer .footer-content {
border: 1px solid red;
height: 360px;
display: flex;
}
.footer .footer-content .footer-section {
flex: 1;
padding: 25px;
}
.footer .footer-content h1,
.footer .footer-content h2 {
color: white;
}
.footer .footer-content .about h1 span {
color: #bb0000;
}
.footer .footer-content .address .contact span {
display: block;
font-size: 1.1em;
margin-bottom: 8px;
}
.footer .footer-content .address .socials a{
width: 45px;
height: 41px;
padding-top: 5px;
margin-right: 5px;
text-align: center;
font-size: 1.3em;
border-radius: 5px;
}
.footer .footer-content .feedback .contact-input {
color: #bebdbd;
line-height: 1.5rem;
padding: .9rem 1.4rem;
border: none;
border-radius: 5px;
}
.footer .footer-content .feedback .button .btn-big{
font-size: 25px;
}
.footer .footer-content .feedback .contact-input:focus{
background: #1a1a1a;
}
.footer .footer-bottom {
background:#343a40;
color: #686868;
height: 40px;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
padding-top: 20px;
width: 100%;
}

/* Style all font awesome icons */
.fa {
padding: 10px;
font-size: 5px;
width: 20px;
text-align: center;
border-radius: 10%;
}
/* Add a hover effect if you want */
.fa:hover {
opacity: 0.7;
}
/* Set a specific color for each brand */
/* Facebook */
.fa-facebook {
background: #3B5998;
color: white;
}
/* Twitter */
.fa-twitter {
background: #55ACEE;
color: white;
}
.fa-youtube {
background: #bb0000;
color: white;
}
.fa-instagram {
color: white;
}

Index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Med@Net</title>
<link rel="stylesheet" href="style1.css">
<link rel="stylesheet" href="libs/css/parallax.css">
<link rel="stylesheet" href="libs/css/animate.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="typer.min.js"></script>

</head>
<body>

<img src="img/preview.jpg" alt="doc" style="width:100%;">
<div class="top">
<img class="animated swing" src="img/logo.png" alt="logo" style="he
ight: 20%; width: 50%">
</div>
<div class="top-left">

<div id="myNav" class="overlay">

<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">&tim
es;</a>

<div class="overlay-content">
<a href="login.html">LogIn</a>
<a href="about.html">About Us</a>
<a href="contact1.html">Contact Us</a>
<a href="Gallery1.html">Gallery</a>
<a href="Awareness.html">Awareness</a>
<a href="feedback.html">Feedback</a>
</div>
</div>

<span onclick="openNav()">
<button style="height: 60px; width:100px"><i class="fa fa-
bars"></i></button>
</span>
<script>
/* Open when someone clicks on the span element */
function openNav() {
}
/* Close when someone clicks on the "x" symbol inside the overlay */
function closeNav() {
}
</script>
</div>

<div class="bottom">
<div class="loader">
<div class="outer"></div>
<div class="middle"></div>
<div class="inner"></div>
</div>

</div>
</div>
<div class="center">
<h1 id="example">We provide
</h1>
</div>
<script>
$("#example").typer({
strings: [
"Care",
"Treatement",
"Service",
"Health Benifits"
]
});
</script>
<div class="hero-section">
<div class="top-heading">
<h1>Med@Net</h1>
</div>
<div class="bottom-heading">
<h3>Exceptional Care, Without Exception</h3>
</div>

</div>

<p>"HEALTH CARE" management system is designed to represent data
that accurately captures the state of the patient at all times. It allows
for an entire patient history to be viewed without the need to track down
the patient's previous medical record and assist in ensuring data is accu
rate, appropriate and legible. The main intension of introducing the syst
em is to reduce the manual work at Health center countries. Every sort of
task is performed by the system, such as registering different types of p
ersons, enquiries and complaints etc,, also the latest information is rig
ht available for the officials and executives wherever they require. The
system also facilitates the pharmacist to enquire about the stock to be o
rdered and about the expiry date..</p>
</div>
<span><i class="fa fa-phone"></i> 123-456-7890</span>
<span><i class="fa fa-envelope"></i> info@MedatNet.co
m</span>
</div>
</div>
</div>

</div>

</div>
</div>



</body>
</html>
Login.html
<!DOCTYPE html>
<html lang="en">
<head>
scale=1.0">
<title>Login Form Design</title>
<link rel="stylesheet" type="text/css" href="login.css">
y.min.js"></script>
</head>
<body ng-app="">
<header>
<nav>
ght: 15%; width: 30%">
<ul>
</ul>
</nav>
</div>
</header>
<div class="loginbox">
<h1>LOGIN</h1>
<form name="frm">
<p>User</p>
<span style="color:white;" ng-show="frm.name.
$error.required">*</span>
<div class="name">
<input type="text" name="name" id="name" class="form-
control" placeholder="Enter username" ng-model="name" required>

</div>
<p>Password</p>
<span style="color:white;" ng-show="frm.password.
$error.required">*</span>
<div class="pass">
<label for="password"></label>
<input type="password" name="password" id="password" class="
form-control" placeholder="Enter password" ng-model="password" required>

</div>
<input type="submit" name="" value="Login"><br>
<a href="create.html">Don't have an account?</a>
<br>
</form>
</div>
</div>
br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><b
r><br><br><br><br><br><br><br>

</div>
7890</span>
.com</span>
</div>
</div>
</div>

</div>

</div>
</div>


</body>
</div>
</html>
Login.css
body{
image-resolution: 100%;
padding:0%;
background-image: url("background.jpeg");

}
.loginbox{
width: 320px;
height: 420px;
background: rgb(143, 97, 97);
background-color:rgba(0, 0, 0, 0.315);
color:rgb(182, 18, 6);
top: 50%;
left: 50%;
position: absolute;
transform: translate(-50% ,-50%);
padding: 70px 30px;
border-radius:30px;
}
.avatar{
width:60%;
height:40%;
position:absolute;
top:-50px;
left: -25px;
left: calc(50%,-50px);
right:calc(35%,-35px);
}
h1{
margin: 0;
padding:0 0 20px;
text-align:center;
font-size: 22px;
}
.loginbox p{
margin:0;
padding:0;
font-weight: bold;
}
.loginbox input{
width: 100%;
}
.loginbox input[type="text"],input[type="password"]
{
border: none;
border-bottom: 1px solid #fff;
background: transparent;
outline: none;
height: 40px;
color:red;
font-size: 16px;
}
.loginbox input[type="submit"]
{
border:none;
outline:none;
height:40px;
background:brown;
color:#fff;
font-size: 18px;
border-radius: 20px;
}
.loginbox input[type="submit"]:hover
{
cursor:pointer;
background: white;
color: #000;
}
.loginbox a{
font-size:20px;
line-height:20px;
color:white;
font-weight:bolder;
}
.loginbox a:hover{
color:brown;

.anime{
position: absolute;
bottom: 5%;
left:35%;
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', san
s-serif
}
a:hover{
}
Wall.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>User Wall</title>
<link rel="stylesheet" href="libs/css/wall.css">
</head>
<body>
<header>
<nav>oo
<img src="img/logo.png" alt="logo" style="height: 15%
; width: 30%">
<ul>
<li><a href="awareness.html">Awareness</a></li>
<li><a href="login.html">LogIn</a></li>
<li><a href="contact1.html">Contact-Us</a></li>
</ul>
</nav>
</div>
</header>
<div class="hero1-section">
<div class="top-heading">
<h1>Welcome</h1>
</div>

<div class="bottom-heading">
<h3>to</h3>
<h1>Med<span>@</span>Net</h1>
</div>o

<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Click Me</butt
on>
<div id="myDropdown" class="dropdown-content">
<a href="doctor.html">EDIT PROFILE</a>
<a href="bookappointment.html">BOOK APPOINTMENT</a>
<a href="indexview.html">VIEW REPORT</a>
</div>
</div>
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown menu if the user clicks outside of it
window.onclick = function(event) {
if (!event.target.matches('.dropbtn')) {
var dropdowns = document.getElementsByClassName("dropdown-content");
var i;
for (i = 0; i < dropdowns.length; i++) {
var openDropdown = dropdowns[i];
if (openDropdown.classList.contains('show')) {
openDropdown.classList.remove('show');
}
}
}
}
</script>

</div>


<p>"HEALTH CARE" management system is designed to represent dat
a that accurately captures the state of the patient at all times. It allo
ws for an entire patient history to be viewed without the need to track d
own the patient's previous medical record and assist in ensuring data is
</div>
7890</span>
<span><i class="fa fa-envelope"></i> info@MedatNet.c
om</span>
</div>
</div>
</div>

</div>

</div>
</div>


</body>
</html>
Register.html
<!DOCTYPE html>
<html lang="en">
<head>
scale=1.0">
<title>Document</title>
cript>
<link rel="stylesheet" href="register1.css">
</head>
<body ng-app="">
<div class="forminput">
<form name="form">
<div class="question">
<label for="name"> Enter the name:</label>
<input type="text" name="name" id="name" ng-
model="name" required>
<span ng-show="frm.name.$error.required"
>*</span>

</div>
<label for="mail"> Enter the mailid:</label>
<input type="email" name="mail" id="mail" ng-
model="mail" required>
<span ng-show="frm.mail.$error" >* not a mai
l</span>
</div>
<label for="phone"> Enter the number:</label>
<input type="number" name="phone" id="phone"
ng-model="phone" required>
<span style="color: brown;" ng-
show="frm.phone.$error.required" >*</span>

</div>
<label for="pass"> Enter the pass:</label
>
<input type="password" name="pass" id="pa
ss" ng-model="pass" ng-minlength="6" ng-maxlength="10" required>
show="frm.pass.$error.required" >*</span>
<span ng-show="frm.pass.$error.maxlength"
>too long</span>
<span ng-show="frm.pass.$error.minlength"
>too short</span>
</div>
<label for="pass"> Enter the confirm
pass:</label>
<input type="password" name="cpass" i
d="cpass" ng-model="cpass" ng-minlength="6" ng-maxlength="10" required>
show="frm.cpass.$error.required" >*</span>
<span ng-show="frm.pass.
$error.maxlength" >too long</span>
<span ng-show="frm.pass.
$error.minlength" >too short</span>

</div>
<button>submit</button>
</form>

</div>
<script>
function submit(){
var pass=document.getElementById("pass").value;
var cpass=document.getElementById("cpass").value;
if(pass!=cpass){

swal("Good job!", "You clicked the button!", "success");
}
}

</script>
</body>
</html>

Intrship Code

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Intrship Code

Uploaded by

Copyright:

Available Formats

About.

You might also like