THERAPUTIC WEBSITE
INDEX.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Theraputic</title>
<link rel="stylesheet" href="style1.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<!-- font awesome cdn link -->
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/5.15.4/css/all.min.css">
<body>
<!--header section starts-->
<div class="landing-page">
<div class="container">
<div class="header-area">
<div class="logo"><b>Theraputic</b></div>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="therapy.html">Therapy</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="logout.php">logout</a></li>
</ul>
</div>
<div class="info">
<h1>Theraputic</h1>
<p>“Our mental health is something that impacts our eating and sleeping habits and
has a lot to
do with our physical health as well. It is important to address our mental health
needs, or oftentimes
we will feel the impact of it in other areas of our health as well.”</p>
</div>
<div class="image">
<img src="main_image.png">
</div>
<div class="clearfix"></div>
</div>
</div>
<!--header section ends-->
</body>
</html>
Information.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>Information</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<div class="landing-page">
<div class="container">
<div class="header-area">
<div class="logo"><b>Theraputic</b></div>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="therapy.html">Therapy</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="logout.php">logout</a></li>
</ul>
</div>
<br>
<br>
<h2>Key facts</h2><p>
1 in every 8 people in the world live with a mental disorder <br>
Mental disorders involve significant disturbances in thinking, emotional
regulation, or behaviour
<br>
There are many different types of mental disorders <br>
Effective prevention and treatment options exist <br>
Most people do not have access to effective care</p>
<p>Psychiatric disorders are characterized by clinically significant impairments in
a person's
cognition, emotion regulation, or behavior. It is usually associated with distress
or dysfunction in key
areas of function. There are many different types of mental disorders. Mental
disorders are also
called mental illnesses. The latter is a broader term that includes psychiatric
disorders, psychosocial
disorders, and (other) psychiatric conditions associated with significant distress,
functional
impairment, or risk of self-harm. This fact sheet focuses on the mental disorders
described in the
International Classification of Diseases, Eleventh Revision (ICD-11).
In 2019, 1 in 8 of her or 970 million people worldwide had a mental disorder, with
anxiety and
depressive disorders being the most common . In 2020, the COVID-19 pandemic caused
a significant
increase in the number of people with anxiety and depressive disorders. Early
estimates show a 26%
and 28% increase in anxiety and major depressive disorders, respectively, in just
one year . Although
effective prevention and treatment options exist, most people with mental disorders
do not receive
effective treatment. Many also experience stigma, discrimination and human rights
violations.</p>
<br>
<h2>DEPRESSION</h2>
<p>
In 2019, 280 million people, including 23 million children and adolescents, had
depression.
Depression differs from common mood swings and short-lived emotional reactions to
everyday
challenges. During a depressive episode, the person experiences depressed mood
(sadness,
irritability, emptiness) or loss of pleasure or interest in activities for most of
the day for at least 2
weeks. Some other symptoms include difficulty concentrating, excessive feelings of
guilt or low selfesteem, despair about the future, thoughts of death or suicide,
sleep disturbances, changes in
appetite and weight, especially fatigue and low energy. can be seen. People with
depression are at
increased risk of suicide. However, effective psychotherapy exists, and drug
therapy may also be
considered depending on age and severity.
</p>
<br>
<h2>ANXIETY</h2>
<p>
Anxiety disorders are characterized by excessive fear and worry and associated
behavioral
disturbances. Symptoms are severe enough to cause significant distress and
disability. There are
different types of anxiety disorders, including:
Generalized anxiety disorder (characterized by excessive worry) Panic disorder
(characterized by
panic attacks) Social anxiety disorder (characterized by excessive anxiety and
worry in social
situations) Separation anxiety disorder characterized by excessive anxiety or fear
of separation from
individuals).People with whom the person has a deep emotional connection) and
others. Effective
psychotherapy exists, and drug therapy may also be considered depending on age and
severity.
</p>
<br>
<h2>TRAUMA</h2>
<p>Tragic events such as accidents, child abuse, natural disasters, or the loss of
loved ones can lead
to trauma.Such events can lead to stress, isolation, and poor performance at work
and school. There
is a nature. Acute trauma is a single traumatic event that results in traumatic or
post-traumatic
stress. Chronic trauma, on the other hand, is a persistent traumatic event such as
domestic violence
or child abuse.</p>
</body>
</html>
Therapy.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>Information</title>
<link rel="stylesheet" href="style1.css">
</head>
<body>
<div class="landing-page">
<div class="container">
<div class="header-area">
<div class="logo"><b>Theraputic</b></div>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="therapy.html">Therapy</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="logout.php">logout</a></li>
</ul>
</div>
<p><h2>WHAT IS ONLINE THERAPY?</h2>
"Online therapy is the opportunity to meet with a therapist online using a HIPAA-
compliant
platform," says Dr. Tracy W. Lowenthal, a licensed clinical psychologist in
California.
Also known as rudimentary health care, it is often delivered via messaging apps,
video chats, or
phone calls.
Because online therapy can be accessed via an internet connection and device,
multidisciplinary
therapist Marilyn Denovish said, "Online therapy can be just as effective, and
sometimes even more
effective, than traditional face-to-face services. There is,” he said.
This is because being able to talk to a therapist in the comfort of their own home
may make it easier
for people to open up to their therapist.
</p>
<p><h2> CAN ONLINE THERAPY HELP ?</h2>
Various studies have shown that online therapy is just as good (or better) than
traditional
therapy. It all depends on how well the therapist and treatment strategy fits your
needs.
For example, his 2020 Journal of American College Health study, which focused on
goal setting and
finding solutions to problems, found that both face-to-face and online therapy
reduced anxiety
equally. rice field.
Therefore, depending on the individual and situation, using an online therapy
service such as 7 Cups
or ReGain can be very effective.
</p>
<p> <h2>WHAT CAN ONLINE THERAPY HELP WITH?</h2>
1)stress <br>
2)anxiety <br>
3)relationship issues <br>
4)minor depression <br>
However, it is important to remember that these types of services are not ideal for
emergencies or more serious situations such as addiction or eating disorders. ,
individual counseling,
or group therapy may be required.
</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/w8HxpqOH21A"
title="YouTube video player" frameborder="0" allow="accelerometer; autoplay;
clipboard-write;
encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<p>
<h2>WEBSITES</h2>
Some websites that privide therapy at considerable cost:
<br>
<br>
<br>
<div>
<a class="color" href="https://www.7cups.com/">7 CUPS</a>
</div>
<div>
<a class="color" href="https://www.talkspace.com/">TALK SPACE</a>
</div>
<div>
<a class="color" href="https://www.mindtribe.in/">MIND TRIBE</a>
</div>
<div>
<a class="color" href=" https://www.betterhelp.com/advice/therapy/get-free-
onlinetherapy-should-you-use-free-counseling/">BETTER HELP</a>
</div>
</body>
</html>
Contact.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>Information</title>
<style>
* {
box-sizing: border-box;
}
body {
font-family: 'Open Sans', sans-serif;
}
.container {
width: 800px;
padding-right: 10px;
padding-left: 10px;
margin: auto;
}
/* Start Header */
.landing-page {
position: relative;
background-color: #FFF;
}
.landing-page .header-area {
display: flex;
padding: 25px 0 0;
position: relative;
}
.landing-page .header-area .logo {
text-transform: uppercase;
font-style: italic;
margin-top: 10px;
font-size: 19px;
width: 300px;
color: #5d5d5d;
}
.landing-page .header-area .links {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
text-align: right;
}
.landing-page .header-area .links li {
display: inline-block;
margin-left: 30px;
color: #5d5d5d;
cursor: pointer;
font-style: cursive;
list-style: none;
}
.landing-page .header-area .links .li .a{
font-style: italic;
list-style: none;
font: normal;
text-decoration: none;
}
.landing-page .header-area .links li:last-child {
border: 0;
border-radius: 20px;
padding: 10px 18px;
color: #FFF;
background-color: #6c63ff;
}
.landing-page .info {
width: 35%;
float: left;
margin-top: 130px;
}
.landing-page .info h1 {
font-size: 44px;
margin: 0 0 20px;
line-height: 1.4;
color: #5d5d5d;
}
.landing-page .info p {
margin: 0;
line-height: 1.6;
font-size: 15px;
color: #5d5d5d;
}
.landing-page .image {
width: 50%;
float: right;
margin-top: 150px;
size: 100px;
}
.landing-page .image img {
max-width: 200%;
}
.clearfix {
clear: both;
}
a{
color: black;
text-decoration: solid;
}
p{
font-family: cursive;
}
table,th,tr,td{
border: 2px solid black;}
/* End Header */
</style>
</head>
<body>
<div class="landing-page">
<div class="container">
<div class="header-area">
<div class="logo"><b>Theraputic</b></div>
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="therapy.html">Therapy</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="logout.php">logout</a></li>
</ul>
</div>
<br>
<br>
<br>
<div>
<p>It can be easy to feel overwhelmed and difficult to talk to friends and family
when you or your
loved ones are suffering. A quick chat may be all you need to put things into
perspective and move
forward.</p>
<br>
<br>
<p><h1>NATIONAL MENTAL HEALTH HOTLINE </h1>
PHONE: 866-903-3787</p>
<br>
<p >
<h1 style="color: blueviolet;">CONNECTING INDIA</h1>
+91 9922001122 <br>
Connecting India is an NGO targeting the youthful men and women who suffer from
depression or
suicidal tendencies. You can contact them from 12 PM to 8 PM, Monday to Sunday.
<br>
You can also write to them at: distressmailsconnecting@gmail.com.
</p>
<br>
<table>
<tr>
<th>NAME</th>
<th>HELPLINE</th>
</tr>
<tr>
<td>SANGATH</td>
<td>011-41198666</td>
</tr>
<tr>
<td>ROCF</td>
<td>8448-8448-45</td>
</tr>
<tr>
<td>COOJ</td>
<td>8322252525</td>
</tr>
</table>
</body>
</html>
Style.css
* {
box-sizing: border-box;
}
body {
font-family: 'Open Sans', sans-serif;
}
.container {
width: 800px;
padding-right: 10px;
padding-left: 10px;
margin: auto;
}
/* Start Header */
.landing-page {
position: relative;
background-color: #FFF;
}
.landing-page .header-area {
display: flex;
padding: 25px 0 0;
position: relative;
}
.landing-page .header-area .logo {
text-transform: uppercase;
font-style: italic;
margin-top: 10px;
font-size: 19px;
width: 300px;
color: #5d5d5d;
}
.landing-page .header-area .links {
list-style: none;
padding: 0;
margin: 0;
width: 100%;
text-align: right;
}
.landing-page .header-area .links li {
display: inline-block;
margin-left: 30px;
color: #5d5d5d;
cursor: pointer;
font-style: cursive;
list-style: none;
}
.landing-page .header-area .links .li .a{
font-style: italic;
list-style: none;
font: normal;
text-decoration: none;
}
.landing-page .header-area .links li:last-child {
border: 0;
border-radius: 20px;
padding: 10px 18px;
color: #FFF;
background-color: #6c63ff;
}
.landing-page .info {
width: 35%;
float: left;
margin-top: 130px;
}
.landing-page .info h1 {
font-size: 44px;
margin: 0 0 20px;
line-height: 1.4;
color: #5d5d5d;
}
.landing-page .info p {
margin: 0;
line-height: 1.6;
font-size: 15px;
color: #5d5d5d;
}
.landing-page .image {
width: 50%;
float: right;
margin-top: 150px;
size: 100px;
}
.landing-page .image img {
max-width: 200%;
}
.clearfix {
clear: both;
}
a{
color: black;
text-decoration: solid;
}
p{
font-family: cursive;
}
table,th,tr,td{
border: 2px solid black;}
/* End Header */
