-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathAreas.html
134 lines (129 loc) · 5.81 KB
/
Areas.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>JUSTSAY - A Helping and service providing company</title>
<!-- favicon icon -->
<link
rel="shortcut icon"
href="https://www.opusresourcing.com/favicon.ico"
type="image/x-icon"
/>
<!-- remix icon -->
<link
href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css"
rel="stylesheet"
/>
<!-- locomotive js cdn for css -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css"
/>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<nav>
<h1>JUSTSAY</h1>
<div class="navpart2">
<div class="navelem">
<h4 class="cases">Cases</h4>
<h5 class="cases"><span>Case studies</span></h5>
</div>
<div class="navelem">
<h4>Areas</h4>
<h5 class="areas"><span>Anxiety</span></h5>
<h5 class="areas"><span>Depression</span></h5>
<h5 class="areas"><span>Mental illness</span></h5>
<h5 class="areas"><span>Others</span></h5>
</div>
<div class="navelem">
<h4 class="therapi">Therapies</h4>
<h5 class="therapi"><span>Friends</span></h5>
<h5 class="therapi"><span>Talks</span></h5>
<h5 class="therapi"><span>Guidance</span></h5>
<h5 class="therapi"><span>Meetings</span></h5>
</div>
<div class="navelem">
<h4 class="Donate">Donate</h4>
<h5 class="Donate"><span>Cash</span></h5>
<h5 class="Donate"><span>Charity</span></h5>
<h5 class="Donate"><span>Join us</span></h5>
</div>
<div class="navelem">
<h4 class="Book">Booking</h4>
<h5 class="Book"><span>Book a slot</span></h5>
</div>
<div class="navelem">
<h4 class="us">About us</h4>
<h5 class="us"><span>Our company</span></h5>
<h5 class="us"><span>Policies</span></h5>
</div>
</div>
<button>
Lets talk
<svg fill="none" viewBox="0 0 131 136" class="c-bttn__morph">
<path
data-morph="end"
fill="#fff"
d="M48 77.457v7.224h7.224l21.307-21.306-7.224-7.225L48 77.457Zm34.118-19.67a1.919 1.919 0 0 0 0-2.716l-4.508-4.508a1.919 1.919 0 0 0-2.716 0l-3.526 3.526 7.224 7.224 3.526-3.525Z"
class="g-path"
></path>
<path
data-morph="start"
fill="#fff"
d="M48 77.457v7.224h7.224l21.307-21.306-7.224-7.225L48 77.457Zm34.118-19.67a1.919 1.919 0 0 0 0-2.716l-4.508-4.508a1.919 1.919 0 0 0-2.716 0l-3.526 3.526 7.224 7.224 3.526-3.525Z"
class="g-path"
data-original="M65.72 109.14c10.08 0 17.76-3.78 23.04-11.34 5.4-7.68 8.1-17.64 8.1-29.88 0-12.24-2.7-22.2-8.1-29.88-5.28-7.68-12.96-11.52-23.04-11.52-9.96 0-17.7 3.84-23.22 11.52-5.4 7.68-8.1 17.64-8.1 29.88 0 12.12 2.7 22.02 8.1 29.7 5.52 7.68 13.26 11.52 23.22 11.52Zm46.08 7.02c-11.64 12.6-27.06 18.9-46.26 18.9s-34.62-6.3-46.26-18.9C7.76 103.56 2 87.48 2 67.92c0-19.56 5.76-35.64 17.28-48.24C30.92 7.08 46.34.78 65.54.78s34.62 6.3 46.26 18.9c11.64 12.6 17.46 28.68 17.46 48.24 0 19.56-5.82 35.64-17.46 48.24Z"
></path>
</svg>
</button>
<div id="navbottom"></div>
</nav>
<div id="case1">
<h1>OUR AREAS</h1>
<p>
Our company has dedicated itself to helping individuals overcome
anxiety, depression, and related mental health challenges. We have made
significant strides in creating and implementing effective therapeutic
interventions, ensuring that people receive the care they need to lead
fulfilling lives. Our specialized therapy sessions, both one-on-one and
group formats, are designed to provide personalized support and coping
strategies. We’ve collaborated with leading mental health professionals
to develop evidence-based treatments that address the root causes of
these conditions.
<br /><br />
In addition to therapy, we conduct extensive research to stay at the
forefront of mental health advancements, ensuring our methods are the
most effective and up-to-date. We also focus on spreading awareness
about mental health issues through community outreach programs,
workshops, and educational campaigns, aiming to destigmatize mental
health challenges and promote a culture of understanding and support.
<br /><br />
Our comprehensive approach not only treats individuals but also empowers
communities, fostering environments where mental health is prioritized,
and support is readily available. Through our dedicated work in these
areas, we strive to make a lasting impact on the well-being of those we
serve, helping them overcome obstacles and achieve their full potential.
<br /><br />
</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.js"></script>
<!-- gsap cdn -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<!-- gsap scroll trigger -->
<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"
integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
></script>
<!-- script tag -->
<script src="script.js"></script>
</body>
</html>