-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
108 lines (97 loc) · 6 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content ="width=device-width,initial-scale=1.0 "/>
<title>about</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="project.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Roboto+Slab:[email protected]&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:[email protected]&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&family=Lexend:[email protected]&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rowdies:wght@300;400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Elsie:wght@400;900&family=Lexend:[email protected]&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rowdies:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<style>
body{
width:100%;
height: 100vh;
background-image: url("IMAGES/starsWhite.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}
.content{
font-size: 30px;
text-align: center;
font-family: "Rowdies", sans-serif;
font-weight: 200;
font-style: normal;
}
.foot{
display: flex;
justify-content: center;
}
button{
width:150px;
height: 50px;
border-radius: 20px 20px 20px 20px;
font-size: 20px;
font-weight: bold;
}
.c2{
background-color: rgba(211, 213, 215, 0.656);
border-radius: 20px 20px 20px 20px;
font-size: 15px;
margin: 20px 60px;
padding: 10px;
}
</style>
<body>
<nav class="navbar navbar-expand-lg navi " style="color: #ffffff;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);position: fixed;top:0;" >
<a class="navbar-brand" href="#" style="font-size: 18px;"><img src="IMAGES/logoC.jpg" style="width: 10%;height: 100%;position: absolute;top: 0;"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" style="color: #fffdfd;" >
<i class='bx bx-menu' style="color: rgb(255, 255, 255);"></i>
</button>
<div class="collapse navbar-collapse" id="navbarNav" style="color: #ffffff;" >
<ul class="navbar-nav" style="position: absolute;right: 0;margin-right: 8px;">
<li class="nav-item active">
<a class="nav-link" href="./about.html" style="text-decoration: underline;text-decoration-color: rgb(208, 116, 116);">About Us<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="./genInfo.html">General Information</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./blog.html" >Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./signUp.html">Sign In</a>
</li>
</ul>
</div>
</nav>
<main ><div class="content"><br/><br/>
<div class="c2">At WHISPERING WILLOW, we recognize the importance of raising awareness and providing accurate information
about mental health conditions. Our platform is dedicated to empowering individuals to recognize the
signs and symptoms of various mental disorders, enabling them to seek help and support when needed.
We believe in the power of nurturing your mind, body, and soul. Our platform is dedicated to providing
a safe, supportive space where individuals can explore, learn, and grow on their journey towards mental
well-being.<br/><br/>
Whispering Willow is a digital sanctuary aimed at dismantling the silence encircling mental health. Our platform
offers a haven for individuals to explore and confront their mental health challenges. Through a curated collection
of articles, personal narratives, and self-assessment tools, we empower visitors to identify their struggles and embark on a
journey towards healing. <br/><br/>
Whether you're personally navigating a mental health concern or seeking to support a loved one,
WHISPERING WILLOW is here to guide you every step of the way. Our goal is to promote awareness,
reduce stigma, and foster a community where individuals feel empowered to prioritize their mental well-being.
</div></div><br/>
</main>
</body>
</html>