Skip to content

Commit

Permalink
Merge pull request #1591 from Niharika2005/main
Browse files Browse the repository at this point in the history
Added Healta(Mental Health Website) to basic web development project
  • Loading branch information
Kushal997-das authored Nov 3, 2024
2 parents 1450212 + 3197e6c commit c0ed1bb
Show file tree
Hide file tree
Showing 26 changed files with 1,492 additions and 1 deletion.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
125 changes: 125 additions & 0 deletions Web Development/Basic/Healta-mental health website/about us .css
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
*{
margin: 0;
padding: 0;
font-family: 'Mooli', sans-serif;

}
.ul img{
height: 50px;
width: 50px;
transition: all 0.2s ease-in-out;
}
.ul img:hover{
transform: scale(1.2,1.2);
}
.ul{
list-style-type: none;
margin: 0;
padding: 0;
background-color: #f9e4e3;
display: flex;
height: 60px;
width: 100%;
justify-content: space-evenly;
align-items: center;
}
.li a{
color: burlywood;
background-color: rgba(255, 255, 255, 0.1);
text-shadow: 1px 1px 1px black;
text-decoration: none;
font-size: 20px;
padding: 20px;

}
.li :hover {
box-shadow: 0 0 4px rgba(255, 255, 255, 1);
color: rgba(222, 184, 135, 0.605);
background-color: #fbc9d69a;
}

.main_page{
height: 80%;
width: 100%;
display: flex;
justify-content: space-between;

}
.footer{
position: fixed;
bottom: 0;
right: 0;
left: 0;
background-color: #fbc9d69a;
height: 20%;
width: 100%;
display: flex;
justify-content: space-around;
}
.base_line{
margin: 5px;
font-size: 22px;
margin-top: 30px;
margin-left: 80px;
font-weight: bold;
}
.base_para{
margin: 5px;
width: 50%;
font-size: 15px;
margin: auto;
text-align: center;
color: rgb(87, 79, 87);

}
.main_text{
margin-left: 75px;
margin-top: 120px;
}
.paragraph{
font-size: 18px;
color: rgb(104, 104, 104);
}
.socials i{
padding: 0 5px;
color: burlywood;
opacity: 0.5;
padding-right: 10px;
font-size: 25px;
}
.socials i:hover{
opacity: 1;
transform: scale(1.1);
}
.tag_line{
font-size: 32px;
font-weight: 900;
width: 400px;
margin-top: 0px;

}
.paragraph{
margin-top: 20px;
margin-bottom: 20px;
}
.about{
font-size: 25px;
color: rgb(105, 105, 105);
font-weight: 500;
margin-bottom: 5px;
}
.nav_bar{
position: fixed;
top: 0px;
height: 50px;
width: 100%;
}
.image{
margin-top: 40px;
}
.image img{
height: 350px;
width: 575px;
margin-left: 50px;
}

61 changes: 61 additions & 0 deletions Web Development/Basic/Healta-mental health website/about us.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us</title>
<link rel="icon" href="h.jpg">
<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=Mooli&display=swap" rel="stylesheet">
<link rel="stylesheet" href="about us .css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
</head>
<body>
<div class="container">
<nav class="nav_bar">
<div>
<ul class="ul">
<li><a href="index.html"><img src="h.jpg" alt="h"></a></li>
<li class="li"><a href="about us.html">About Us</a></li>
<li class="li"><a href="resources.html">Resources</a></li>
<li class="li"><a href="find_a_therapist.html">Find a Therapist</a></li>
<li class="li"><a href="Support">Online Support Community</a></li>
</ul>
</div>
</nav>
<div class="main_page">

<div class="main_text" >
<h2 class="about">About Us</h2>
<section class="tag_line">
Empowering minds,
Healing hearts
</section>
<p class="paragraph">
Healta is a safe space dedicated to fostering awareness, understanding, and support for mental well-being. Our mission is to provide valuable resources, expert insights, and a compassionate community to empower individuals on their journey to better mental health. Join us in breaking the stigma and promoting holistic self-care for a happier, healthier life.
</p>

<div class="socials">
<a href="#"><i class="fa-brands fa-facebook"></i></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
</div>
<div class="image">
<img src="mental-health-removebg-preview.png">
</div>
</div>
<footer class="footer">
<section class="base_line">
Contact us anytime, anywhere,<br>
Healta is always there for help
</section>
<section class="base_para">
Mental health is the foundation of our emotional and psychological well-being, influencing our daily functioning, relationships, and overall quality of life. Prioritizing it is crucial and major motive for a healthy and balanced existence.
</section>
</footer>

</body>
</html>
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -0,0 +1,113 @@
*{
margin: 0;
padding: 0;
font-family: 'Mooli', sans-serif;

}
.ul img{
height: 50px;
width: 50px;
transition: all 0.2s ease-in-out;
}
.ul img:hover{
transform: scale(1.2,1.2);
}
.ul{
list-style-type: none;
margin: 0;
padding: 0;
background-color: #f9e4e3;
display: flex;
height: 60px;
width: 100%;
justify-content: space-evenly;
align-items: center;
}
.li a{
color: burlywood;
background-color: rgba(255, 255, 255, 0.1);
text-shadow: 1px 1px 1px black;
text-decoration: none;
font-size: 20px;
padding: 20px;

}
.li :hover {
box-shadow: 0 0 4px rgba(255, 255, 255, 1);
color: rgba(222, 184, 135, 0.605);
background-color: #fbc9d69a;
}
h1{
color: black;
text-shadow: 1px 1px 4px black;
font-size: 40px;
text-align: center;
margin-top: 20px;
}
.hero_txt{
font-size: 20px;
text-align: center;
margin: 40px;
color: rgb(87, 79, 87);
}
h2{
color: burlywood;
text-shadow: 1px 1px 2px black;
margin: 10px;
}
input[type="text"],
select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
margin: 10px;
}
.search-container {
max-width: 800px;
margin: 40px auto;
padding: 20px;
border: 1px solid #ccc;
background-color: linear-gradient(to left, #ffffff 0%,#f9e4e3 70%);
box-shadow: 0 0 10px rgba(0, 0, 0, 1);}
form {
display: flex;
flex-wrap: wrap;
justify-content: left;
}

label{
background-color: none;
padding: 10px 0 10px 10px;
color: burlywood;
text-shadow: 1px 1px 2px black;
font-size: 18px;
}

input,
select {
background-color: #f9e4e3;
color: black;
border: none;
border-radius: 5px;
cursor: pointer;
}
button{
border-radius: 25px;
background-color: #fff;
border: 3px solid #f9e4e3;
padding: 10px;
margin-left: 10px;
color: burlywood;
font-weight: 600;
text-shadow: 1px 1px 2px black;
}
.results-container {
max-width: 800px;
margin: 20px auto;
}

ul {
list-style: none;
padding: 20px;
}
Loading

0 comments on commit c0ed1bb

Please sign in to comment.