-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (179 loc) · 9.69 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!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>Heath Care website</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css">
</head>
<body>
<div class="header">
<div class="logo">
<img src="images/logo5.png" alt="">
</div>
<div class="head-side">
<ul>
<li> <a href="index.html">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Advice</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Blogs</a></li>
<li><a href="#">Contact</a></li>
<li> <button class="login-btn"> <a href="signup_page.html">Login</a> </button></li>
<li><button class="getstarted-btn"><a href="forms.html">Get Started</a></button></li>
</ul>
</div>
</div>
<div class="container">
<h1>You deserve to be happy</h1>
<h3>What type of therapy are you looking for?</h3>
<div class="relations">
<div class="relate individual">
<p>Individual</p>
<small>For myself</small>
<i class="fa-solid fa-circle-arrow-right"></i>
<div class="wave"></div>
</div>
<div class="relate couples">
<p>Couples</p>
<small>For me and my partner</small>
<i class="fa-solid fa-circle-arrow-right"></i>
<div class="wave1"></div>
</div>
<div class="relate teen">
<p>Teen</p>
<small>For my child</small>
<i class="fa-solid fa-circle-arrow-right"></i>
<div class="wave2"></div>
</div>
</div>
</div>
<div class="scroll"><p>Scroll</p><i class="fa-solid fa-circle-arrow-right"></i></div>
<div class="features">
<div class="first ">
<div class="images">
<img src="images/image-how-it-works-1.png" alt="">
</div>
<div class="text">
<h1>Get matched to the best therapist for you</h1>
<p>Answer a few questions to find a licensed therapist who fits your needs and preferences. Tap into the largest network of licensed, professional, board-certified providers.</p>
</div>
</div>
<div class="first">
<div class="text">
<h1>Communicate your way</h1>
<p>Talk to your therapist however you feel comfortable — text, chat, phone, or video.</p>
</div>
<div class="images">
<img src="images/image-how-it-works-2.png" alt="">
</div>
</div>
<div class="first ">
<div class="images">
<img src="images/image-how-it-works-3.png" alt="">
</div>
<div class="text">
<h1>Therapy when you need it</h1>
<p>You can message your therapist at anytime, from anywhere. You also get to schedule live sessions when it's convenient for you, and can connect from any mobile device or computer.</p>
</div>
</div>
</div>
<div class="faq">
<div class="faq-title">
<h1>Frequently Asked Questions</h1>
</div>
<div class="questions">
<ul>
<li class="li-ask first1 second">
<details>
<summary>
<div>Who are the therapists?</div>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
</svg>
</summary>
<p>
Therapists on BetterHelp are licensed, trained, experienced, and accredited psychologists (PhD / PsyD), licensed marriage and family therapists (LMFT), licensed clinical social workers (LCSW / LMSW), or licensed professional counselors (LPC). All of them have a Masters Degree or a Doctorate Degree in their field. They have been qualified and certified by their state's professional board after successfully completing the necessary education, exams, training and practice. While their experience, expertise, and background vary, they all possess at least 3 years and 1,000 hours of hands-on experience.
</p>
</details>
<div class="wave3"></div>
<div class="wave4"></div>
</li>
<li class="li-ask ">
<details>
<summary>
<div>Who will be helping me?</div>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
</svg>
</summary>
<p>
After you sign up, we will match you to an available therapist who fits your objectives, preferences, and the type of issues you are dealing with. Different therapists have different approaches and areas of focus, so it's important to find the right person who can achieve the best results for you. We have found that we are able to provide a successful match most of the time; however, if you start the process and you feel your therapist isn't a good fit for you, you may elect to be matched to a different therapist.
</p>
</details>
</li>
<li class="li-ask">
<details>
<summary>
<div>Is InnerSpace right for me?</div>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
</svg>
</summary>
<p>
Is InnerSpace may be right for you if you're looking to improve the quality of your life. Whenever there is anything that interferes with your happiness or prevents you from achieving your goals, we may be able to help. We also have therapists who specialize in specific issues such as stress, anxiety, relationships, parenting, depression, addictions, eating, sleeping, trauma, anger, family conflicts, LGBT matters, grief, religion, self esteem, and more.
</p>
</details>
</li>
<li class="li-ask">
<details>
<summary>
<div>How much does it cost?</div>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
</svg>
</summary>
<p>
The cost of therapy through InnerSpace ranges from Rs. 149 to Rs. 3199 per week (billed every 4 weeks) and it is based on your location, preferences, and therapist availability. You can cancel your membership at any time, for any reason.
</p>
</details>
</li>
<li class="li-ask">
<details>
<summary>
<div>How will I communicate with my therapists?</div>
<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="currentColor" class="bi bi-plus" viewBox="0 0 16 16">
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"/>
</svg>
</summary>
<p>
You can get therapy in four ways:
<ul>
<li> Exchanging messages with your therapist</li>
<li>Chatting live with your therapist</li>
<li>Speaking over the phone with your therapist</li>
<li>Video conferencing with your therapist</li>
</ul>
</p>
</details>
</li>
</ul>
</div>
</div>
<footer>
<ul>
<li>Terms & Conditions</li>
<li>Privacy Policy</li>
<li>Web Accessibility</li>
</ul>
<div class="socialmedia">
<i class="fa-brands fa-facebook"></i>
<i class="fa-brands fa-instagram"></i>
<i class="fa-brands fa-twitter"></i>
<i class="fa-brands fa-linkedin"></i>
</div>
</footer>
</body>
</html>