-
Notifications
You must be signed in to change notification settings - Fork 0
/
homepage.html
137 lines (124 loc) · 6.77 KB
/
homepage.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
<!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>Rejuvenate ©</title>
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
</head>
<body>
<ul id="nav">
<li style="float: left;"><a href="#home"><img id="logo" src="images/logo.JPG"/></a></li>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#price">Pricing</a></li>
<li><a href="index.html">Signup</a></li>
</ul>
<div class="parent" id="home">
<div class="parallex">
<h1>Best mental health care development website</h1>
<p><font size="+1">India's #1 mental health service platform</font></p>
<button class="button" style="vertical-align:middle"><span><a href="#price" style="color: #fff;">Get started</a></span></button>
</div>
</div>
<div class="parent" id="about">
<div style="text-align: right;">
<img src="images/company logo.png" style="float: left; box-shadow: 20px 7px 5px #41383c;"/>
<h1>About Rejuvenate<sup>©</sup></h1>
<p>Welcome to our mental health care development website. We are dedicated to providing innovative solutions and resources to support individuals in their mental health journey. Our team of experts, combined with the power of artificial intelligence, aims to revolutionize the way mental health care is delivered and accessed.<br/>
At our core, we believe that everyone deserves access to high-quality mental health care. We understand the challenges and stigma associated with seeking help, and we are committed to breaking down those barriers. Through our website, we strive to create a safe and inclusive space where individuals can find the support they need.
</p>
</div>
</div>
<div class="parent" id="tech" >
<img src="images/third.png" style="float: left; box-shadow: 20px 7px 5px #2d2428;"/>
<div style="text-align: right;" class>
<h1>Why choose us?</h1>
<p>Our AI-powered platform utilizes cutting-edge technology to provide personalized and evidence-based interventions. We have developed a comprehensive range of tools and resources that cater to various mental health needs, including anxiety, depression, stress management, and more. Whether you are seeking self-help resources, therapy options, or community support, our platform is designed to meet your unique requirements.</p></div>
</div>
<div class="parent" id="staff">
<img src="images/how-to-take-passport-photo-at-home.jpg" style="float: left; box-shadow: 20px 7px 5px #2d2428;"/>
<div style="text-align: right;">
<p>In addition to our technological advancements, we also collaborate with mental health professionals and organizations to stay up-to-date with the latest research and best practices. This allows us to continuously improve our services and provide the most effective support to our users.</p>
</div>
</div>
<div class="parent" id="price" >
<section class="container">
<div class="row white">
<div class="block">
<div class="col-xs-12 col-sm-6 col-md-3" style="background-color: #41383c; border-radius: 25px;">
<ul class="pricing p-blue">
<li>
<img src="http://bread.pp.ua/n/settings_b.svg" alt="">
<big>Standard</big>
</li>
<li>Individual counselling sessions</li>
<li>Personalized treatment plans</li>
<li>Group therapy sessions</li>
<li>
<h3>₹799</h3>
<span>per month</span>
</li>
<li>
<button>Join Now</button>
</li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-md-3" style="background-color: #41383c; border-radius: 25px;">
<ul class="pricing p-yel">
<li>
<img src="http://bread.pp.ua/n/settings_y.svg" alt="">
<big>Gold</big>
</li>
<li>Individual and group counselling sessions</li>
<li>Mindfulness and relaxation exercises</li>
<li>Access to an AI assistant</li>
<li>Access to wellness workshops and resources</li>
<li>
<h3>₹999</h3>
<span>per month</span>
</li>
<li>
<button>Join Now</button>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
<footer class="footer">
<div class="waves">
<div class="wave" id="wave1"></div>
<div class="wave" id="wave2"></div>
<div class="wave" id="wave3"></div>
<div class="wave" id="wave4"></div>
</div>
<ul class="social-icon">
<li class="social-icon__item"><a class="social-icon__link">
<ion-icon name="logo-facebook"></ion-icon>
</a></li>
<li class="social-icon__item"><a class="social-icon__link" >
<ion-icon name="logo-twitter"></ion-icon>
</a></li>
<li class="social-icon__item"><a class="social-icon__link" >
<ion-icon name="logo-linkedin"></ion-icon>
</a></li>
<li class="social-icon__item"><a class="social-icon__link" >
<ion-icon name="logo-instagram"></ion-icon>
</a></li>
</ul>
<ul class="menu">
<li class="menu__item"><a class="menu__link" href="#home">Home</a></li>
<li class="menu__item"><a class="menu__link" href="#about">About</a></li>
<li class="menu__item"><a class="menu__link" href="#price">Services</a></li>
<li class="menu__item"><a class="menu__link" href="#staff">Team</a></li>
</ul>
<p>©2023 Rejuvenate | All Rights Reserved</p>
</footer>
<script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
</body>
</html>