-
-
Notifications
You must be signed in to change notification settings - Fork 414
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Added Healta(Mental Health Website) to basic web development project
- Loading branch information
1 parent
45ed80f
commit 95d8d54
Showing
25 changed files
with
1,479 additions
and
0 deletions.
There are no files selected for viewing
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.
Binary file added
BIN
+88.3 KB
...website/WhatsApp_Image_2023-09-29_at_21.54.06_e754a1ed-removebg-preview (1).png
.png){kind=link}
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
125
Web Development/Basic/Healta-mental health website/about us .css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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
61
Web Development/Basic/Healta-mental health website/about us.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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.
113 changes: 113 additions & 0 deletions
113
Web Development/Basic/Healta-mental health website/find_a_therapist.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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; | ||
| } |
Oops, something went wrong.