-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathDonate.html
128 lines (125 loc) · 5.45 KB
/
Donate.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
<!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>DONATIONS</h1>
<p>
Your generous donations are crucial in enabling us to continue our vital
work in supporting individuals struggling with anxiety, depression, and
other mental health challenges. We offer several convenient methods for
making donations. You can visit our website to make a secure online
donation using your credit or debit card, ensuring a swift and
straightforward process.
<br /><br />
Alternatively, direct bank transfers are available, and we encourage you
to contact us for our banking details. For those who prefer traditional
methods, checks or money orders can be mailed to our office address.
Additionally, we offer the option to set up recurring donations,
allowing for monthly, quarterly, or annual contributions to provide
ongoing support.
<br /><br />
Every contribution, regardless of size, makes a significant impact on
the lives of those we serve, helping us to expand our reach and
effectiveness. Thank you for your support and generosity in aiding our
mission to combat mental health issues and improve the well-being of our
community.
</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>