Mental Matters - Beginner Track

• 

  Home Page

• 

  Concepts Page

• 

  Approach Page

• 

  Improve Page

• 

  Signs Page

Since mental health is a very prevalent issue and it can be very costly to take care of many times in the modern Healthcare System. Mental Matters is a website that helps people find ways that they can improve their own mental health and even help others around them. Specifically, this website provides signs of poor mental health, ways to approach others, and ways to improve your mental health through different mindfulness techniques and apps. The website was created with HTML, CSS, and JavaScript, and also implemented many Bootstrap components and a template from there. In this project, it was challenging to format and realign components that were already set on Bootstrap and it took lots of trial and error among the HTML and CSS files to find out which classes were affecting each formatting section. I am really proud of the overall cohesiveness of the website, the color schemes and all the information that is put into it because I just learned HTML and CSS a few months ago. The goal of the project was to educate individuals about ways that people can improve their mental health. I learned how to use JavaScript for different transitions and also have to format different images and use the 12-column system from Bootstrap.

Built With

• bootstrap
• css3
• html5
• javascript