├── .DS_Store ├── .github ├── issue_template.md └── pull_request_template.md ├── Articles.md ├── CONTRIBUTING.md ├── Favicon ├── android-chrome-192x192.png ├── android-chrome-512x512.png ├── apple-touch-icon.png ├── favicon-16x16.png ├── favicon-32x32.png └── favicon.ico ├── LICENSE.md ├── Music-audio ├── Breathe.mp3 ├── Calm.mp3 ├── Courage.mp3 ├── Dreamer.mp3 ├── Happy.mp3 ├── Peace.mp3 ├── Solitude.mp3 ├── Sunshine.mp3 └── Tomorrow.mp3 ├── Music-img ├── 1.png ├── 2.png ├── 3.png ├── 4.png ├── 5.png ├── 6.png ├── 7.png ├── 8.png └── 9.png ├── README.md ├── chatwoot.js ├── css ├── Login.css ├── SignUp.css ├── all.min.css ├── animate.min.css ├── blogstyle.css ├── bootstrap.min.css ├── breathe.css ├── calm.css ├── courage.css ├── diary_style.css ├── dreamer.css ├── flaticon(1).css ├── flaticon.css ├── font-awesome.min.css ├── footer.css ├── happy.css ├── learning.css ├── lightbox.min.css ├── musicstyle.css ├── newstyle.css ├── owl.carousel.min.css ├── peace.css ├── pomodoro_timer.css ├── single.css ├── solitude.css ├── styleEnd.css ├── stylequiz.css ├── sunshine.css └── tomorrow.css ├── html ├── Login.html ├── blog.html ├── breathe.html ├── calm.html ├── courage.html ├── diary.html ├── dreamer.html ├── end.html ├── footer.html ├── happy.html ├── learning.html ├── music.html ├── peace.html ├── pomodoro.html ├── quiz.html ├── single.html ├── solitude.html ├── sunshine.html └── tomorrow.html ├── images file ├── 1030_kk_sitting_risks_mental_health_feat.jpg ├── Article-1.jpg ├── Articles.png ├── Features.png ├── Home.png ├── How_Title_Companies_Can_Promote_Positive_Mental_Health.jpeg ├── LapSadKid.jpg ├── MH1.jpg ├── MH2.jpg ├── MH3.jpeg ├── MH4.jpeg ├── MH5.jpg ├── MH6.jpeg ├── MH7.jpeg ├── MH8.jpeg ├── Mental_Physical_Health.png ├── Pacify-background.jpg ├── Quiz-Quest.png ├── Quiz-Result.png ├── Untitled-design-22-removebg-preview.png ├── carousel_image_1_modified.jpeg ├── carousel_image_2_modified.png ├── carousel_image_3_modified.png ├── carousel_image_4_modified.jpeg ├── carousel_image_5.jpeg ├── carousel_image_5.jpg ├── carousel_image_5_modified.jpeg ├── carousel_image_5_modified.jpg ├── github.png ├── main_image.png ├── mental-health2.jpg ├── pic.jpg ├── portfolio-1.jpg ├── portfolio-2.jpg ├── portfolio-3.jpg ├── portfolio-4.jpg ├── portfolio-5.jpg ├── portfolio-6.jpg └── yoga.png ├── index.html ├── main.js ├── screenshots ├── Article-2.jpg ├── Screenshot from 2021-05-22 21-46-29.png ├── Screenshot from 2021-05-23 00-44-56.png ├── Screenshot1.png ├── Screenshot2.png ├── Screenshot3.png └── Screenshot4.png ├── scripts ├── bootstrap.bundle.min.js ├── contact.js ├── easing.min.js ├── isotope.pkgd.min.js ├── jqBootstrapValidation.min.js ├── jquery-3.4.1.min.js ├── lightbox.min.js ├── mental_diary.js ├── owl.carousel.min.js ├── pomodoro-timer.js ├── quiz.js ├── script.js └── wow.min.js └── style.css /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/.DS_Store -------------------------------------------------------------------------------- /.github/issue_template.md: -------------------------------------------------------------------------------- 1 | - **Do you want to request a *feature* or report a *bug*?** 2 | - **Do the checklist before filing an issue:** 3 | 4 | - [ ] bug report 5 | - [ ] feature request 6 | 7 | 8 | create a feature request 9 | ------------------------------------------------------------------ 10 | - [ ] Have an idea for a feature? 11 | - [ ] Provide **screenshots** where appropriate 12 | 13 | 14 | 15 | 16 | create a bug report 17 | ------------------------------------------------------------------ 18 | 19 | Make sure to add **all the information needed to understand the bug** so that someone can help. If the info is missing we'll add the 'Needs more information' label and close the issue until there is enough information. 20 | 21 | - [ ] Provide **screenshots** where appropriate 22 | - [ ] Provide a **minimal code snippet** / example that reproduces the bug. 23 | 24 | ## Expected Behavior 25 | 26 | ## Current Behavior 27 | 28 | 29 | ## Possible Solution 30 | 31 | 32 | ## Steps to Reproduce 33 | 34 | 35 | 1. 36 | 2. 37 | 3. 38 | 4. 39 | 40 | ## Context (Environment) 41 | 42 | 43 | 44 | 45 | 46 | ## Detailed Description 47 | 48 | 49 | ## Possible Implementation 50 | 51 | 52 | 53 | 54 | 55 | -------------------------------------------------------------------------------- /.github/pull_request_template.md: -------------------------------------------------------------------------------- 1 | # Pull Request template 2 | Please, go through these steps before you submit a PR. 3 | 4 | Make sure you have done your changes in a separate branch. Branches MUST have descriptive names that start with either the `fix/` or `feature/` prefixes. Good examples are: `fix/signin-issue` or `feature/addded-home button`. 5 | 6 | # Describe your changes 7 | 8 | 9 | ### Issue number and link 10 | ### Fixes proposed in issue 11 | ------------------------------------------------------------------------------------- 12 | 13 | 14 | ## Checklist: 15 | 16 | - [ ] My code follows the style guidelines of this project 17 | - [ ] I have performed a self-review of my code 18 | - [ ] Please ensure that there aren't other open [Pull Requests](../../../pulls) for the same update/change/feature/bugs? 19 | - [ ] The title pull request is a short description of the proposed changes. 20 | 21 | ## Screenshots 22 | add relevant files related to issue fixed -------------------------------------------------------------------------------- /Articles.md: -------------------------------------------------------------------------------- 1 | ### Heading 1. -Even moderate physical activity has been shown to help prevent dementia. 2 | 3 | ## Highlight : "Cleaning the house and running errands are examples of small daily activities that can contribute to enhanced brain function." 4 | 5 | Content- 6 | To keep your brain healthy, you don't have to be a marathon runner. According to a study published online, regular walks through your neighborhood or excursions to the grocery store may still lessen your risk of dementia by a little amount. 7 | 8 | #image- Article-1 9 | Many studies had already shown that moderate- and vigorous-intensity physical activity were linked to a lower incidence of dementia. 10 | Not only that, but even moderate-­intensity physical activity was linked to a lower risk. 11 | 12 | ### Heading 2. -The most detrimental practices to your mental health. 13 | 14 | ## Highlight: Too much sitting, a lack of socializing, insufficient sleep, and chronic stress are the four factors that have the greatest impact on cognitive function. 15 | 16 | Content- 17 | There are many factors that lead to poor brain health, but these four can have the largest impact. The good news is that they might also be the most straightforward to alter. 18 | 19 | #image- Article-2 20 | The average adult sits for six and a half hours every day, and this amount of time on a chair has a negative impact on the brain. Sitting too much, according to a 2018 study published in PLOS One, is connected to changes in a memory-related area of the brain. The medial temporal lobe (MTL), a brain region that creates new memories, was studied using MRI scans in persons aged 45 to 75. The scans were then compared to the average amount of hours people sat per day. MTL areas were thinner in those who sat the longest. MTL thinning, according to the researchers, can be a sign of cognitive decline and dementia. 21 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | ## Contributing 2 | 3 | Hi there! We're thrilled that you'd like to contribute to this project. Your help is essential for keeping it great. 4 | 5 | Please note that this project is released with a [Contributor Code of Conduct][code-of-conduct]. By participating in this project you agree to abide by its terms. 6 | 7 | ## Issues and PRs 8 | 9 | If you have suggestions for how this project could be improved, or want to report a bug, open an issue! We'd love all and any contributions. If you have questions, too, we'd love to hear them. 10 | 11 | We'd also love PRs. If you're thinking of a large PR, we advise opening up an issue first to talk about it, though! Look at the links below if you're not sure how to open a PR. 12 | 13 | ## Submitting a pull request 14 | 15 | 1. [Fork][fork] and clone the repository. 16 | 1. Configure and install the dependencies. 17 | 1. Make sure the tests pass on your machine. 18 | 1. Create a new branch: `git checkout -b my-branch-name`. 19 | 1. Make your change, add tests, and make sure the tests still pass. 20 | 1. Push to your fork and submit a pull request. 21 | 1. Pat your self on the back and wait for your pull request to be reviewed and merged. 22 | 23 | Here are a few things you can do that will increase the likelihood of your pull request being accepted: 24 | 25 | - Follow the style which is using standard. 26 | - Write and update tests. 27 | - Keep your changes as focused as possible. If there are multiple changes you would like to make that are not dependent upon each other, consider submitting them as separate pull requests. 28 | - Write a [good commit message](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html). 29 | 30 | Work in Progress pull requests are also welcome to get feedback early on, or if there is something blocked you. 31 | 32 | ## GIT AND GITHUB 33 | 34 | Before continuing we want to clarify the difference between Git and Github. Git is a version control system(VCS) which is a tool to manage the history of our Source Code. GitHub is a hosting service for Git projects. 35 | 36 | We assume you have created an account on Github and installed Git on your System. 37 | 38 | Now tell Git your name and E-mail (used on Github) address. 39 | 40 | $ git config --global user.name "YOUR NAME" 41 | $ git config --global user.email "YOUR EMAIL ADDRESS" 42 | 43 | 44 | This is an important step to mark your commits to your name and email. 45 | 46 | ### FORK A PROJECT - 47 | 48 | You can use github explore - https://github.com/explore to find a project that interests you and match your skills. Once you find your cool project to workon, you can make a copy of project to your account. This process is called forking a project to your Github account. On Upper right side of project page on Github, you can see - 49 | 50 |

51 | 52 | Click on fork to create a copy of project to your account. This creates a separate copy for you to workon. 53 | 54 | ### FINDING A FEATURE OR BUG TO WORKON - 55 | 56 | Open Source projects always have something to workon and improves with each new release. You can see the issues section to find something you can solve or report a bug. The project managers always welcome new contributors and can guide you to solve the problem. You can find issues in the right section of project page. 57 | 58 |

59 | 60 | ### CLONE THE FORKED PROJECT - 61 | 62 | You have forked the project you want to contribute to your github account. To get this project on your development machine we use clone command of git. 63 | 64 | ```$ git clone https://github.com//.git``` 65 | Now you have the project on your local machine. 66 | 67 | ### ADD A REMOTE (UPSTREAM) TO ORIGINAL PROJECT REPOSITORY 68 | 69 | Remote means the remote location of project on Github. By cloning, we have a remote called origin which points to your forked repository. Now we will add a remote to the original repository from where we had forked. 70 | 71 | $ cd 72 | $ git remote add upstream https://github.com//.git 73 | 74 | You will see the benefits of adding remote later. 75 | 76 | ### SYNCHRONIZING YOUR FORK - 77 | 78 | Open Source projects have a number of contributors who can push code anytime. So it is necessary to make your forked copy equal with the original repository. The remote added above called Upstream helps in this. 79 | 80 | 81 | $ git checkout master 82 | $ git fetch upstream 83 | $ git merge upstream/master 84 | $ git push origin master 85 | 86 | 87 | The last command pushes the latest code to your forked repository on Github. The origin is the remote pointing to your forked repository on github. 88 | 89 | ### CREATE A NEW BRANCH FOR A FEATURE OR BUGFIX - 90 | 91 | Normally, all repositories have a master branch which is considered to remain stable and all new features should be made in a separate branch and after completion merged into master branch. So we should create a new branch for our feature or bugfix and start working on the issue. 92 | 93 | ```$ git checkout -b ``` 94 | This will create a new branch out of master branch. Now start working on the problem and commit your changes. 95 | 96 | $ git add --all 97 | $ git commit -m "" 98 | 99 | 100 | The first command adds all the files or you can add specific files by removing -a and adding the file names. The second command gives a message to your changes so you can know in future what changes this commit makes. If you are solving an issue on original repository, you should add the issue number like #35 to your commit message. This will show the reference to commits in the issue. 101 | 102 | ### REBASE YOUR FEATURE BRANCH WITH UPSTREAM- 103 | 104 | It can happen that your feature takes time to complete and other contributors are constantly pushing code. After completing the feature your feature branch should be rebase on latest changes to upstream master branch. 105 | 106 | $ git checkout 107 | $ git pull --rebase upstream master 108 | 109 | Now you get the latest commits from other contributors and check that your commits are compatible with the new commits. If there are any conflicts solve them. 110 | 111 | ### SQUASHING YOUR COMMITS- 112 | 113 | You have completed the feature, but you have made a number of commits which make less sense. You should squash your commits to make good commits. 114 | 115 | ```$ git rebase -i HEAD~5``` 116 | This will open an editor which will allow you to squash the commits. 117 | 118 | ### PUSH CODE AND CREATE A PULL REQUEST - 119 | 120 | Till this point you have a new branch with the feature or bugfix you want in the project you had forked. Now push your new branch to your remote fork on github. 121 | 122 | ```$ git push origin ``` 123 | 124 | Now you are ready to help the project by opening a pull request means you now tell the project managers to add the feature or bugfix to original repository. You can open a pull request by clicking on green icon - 125 | 126 |

127 | 128 | Remember your upstream base branch should be master and source should be your feature branch. Click on create pull request and add a name to your pull request. You can also describe your feature. 129 | 130 | Awesome! You have made your first contribution. If you have any doubts please let me know in the comments. 131 | 132 | #### BE OPEN! 133 | -------------------------------------------------------------------------------- /Favicon/android-chrome-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Favicon/android-chrome-192x192.png -------------------------------------------------------------------------------- /Favicon/android-chrome-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Favicon/android-chrome-512x512.png -------------------------------------------------------------------------------- /Favicon/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Favicon/apple-touch-icon.png -------------------------------------------------------------------------------- /Favicon/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Favicon/favicon-16x16.png -------------------------------------------------------------------------------- /Favicon/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Favicon/favicon-32x32.png -------------------------------------------------------------------------------- /Favicon/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Favicon/favicon.ico -------------------------------------------------------------------------------- /LICENSE.md: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Hackathon7 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /Music-audio/Breathe.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-audio/Breathe.mp3 -------------------------------------------------------------------------------- /Music-audio/Calm.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-audio/Calm.mp3 -------------------------------------------------------------------------------- /Music-audio/Courage.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-audio/Courage.mp3 -------------------------------------------------------------------------------- /Music-audio/Dreamer.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-audio/Dreamer.mp3 -------------------------------------------------------------------------------- /Music-audio/Happy.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-audio/Happy.mp3 -------------------------------------------------------------------------------- /Music-audio/Peace.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-audio/Peace.mp3 -------------------------------------------------------------------------------- /Music-audio/Solitude.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-audio/Solitude.mp3 -------------------------------------------------------------------------------- /Music-audio/Sunshine.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-audio/Sunshine.mp3 -------------------------------------------------------------------------------- /Music-audio/Tomorrow.mp3: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-audio/Tomorrow.mp3 -------------------------------------------------------------------------------- /Music-img/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-img/1.png -------------------------------------------------------------------------------- /Music-img/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-img/2.png -------------------------------------------------------------------------------- /Music-img/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-img/3.png -------------------------------------------------------------------------------- /Music-img/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-img/4.png -------------------------------------------------------------------------------- /Music-img/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-img/5.png -------------------------------------------------------------------------------- /Music-img/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-img/6.png -------------------------------------------------------------------------------- /Music-img/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-img/7.png -------------------------------------------------------------------------------- /Music-img/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-img/8.png -------------------------------------------------------------------------------- /Music-img/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/Music-img/9.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Pacify - A mental health awareness website 2 | 3 | ### [GirlScript Summer of Code 2022](https://gssoc.girlscript.tech/) Open Source Program 4 |
5 | 6 | 7 | GSSoC 8 | 9 |

10 | 11 | > This project is accepting contributions under [GirlScript Summer of Code 2022](https://gssoc.girlscript.tech/) - three months long Open Source program conducted by [GirlScript Foundation](https://gssoc.girlscript.tech/). 12 |

13 | ## Inspiration 14 | 15 | Mental health refers to a person's psychological, emotional, and social well-being; it influences what they feel and how they think, and behave. 16 | An emotionally fit and stable person always feels vibrant and truly alive and can easily manage emotionally difficult situations. But in today's times, 17 | mental sickness is becoming a growing issue..According to research conducted on adults, mental illness affects 19% of the adult population. Nearly one 18 | in every five children and adolescents on the globe has a mental illness. These alarming statistics reflect the wider prevalence of mental ill-health. 19 | This makes poor mental health a global problem needed to be solve as soon as possible. 20 | 21 | ## Project Description 22 | 23 | Pacify provides some instant and effective solution to this problem. Using this will help one to develop good mental habits and develop a positive and 24 | healthy mindset. 25 | Pacify provides various features: 26 | 27 | - **_Quiz_:** The quiz section helps you discover about the mental health problems you are currently dealing with by asking some questions regarding your daily 28 | behavior, actions and feelings. 29 | 30 | - **_Journal_:** Journaling can help reduce anxiety, lessen feelings of stress, and increase an individual's mental well-being. You can use the journal to write 31 | down your thoughts, feelings and emotions as it can free up your mind and re-install calmness. 32 | 33 | - **_Pomodoro Timer_:** In the pandemic, work level has greatly increased and a lot of people sit in front of their computers for prolonged periods of time. It 34 | is not healthy for your mind to work for long periods of time without a break. Using the Pomodoro Timer feature you can implement small breaks into your work. 35 | 36 | - **_Yoga Gallery_:** Mental health is not only about the mind, it is also about the body. It is crucial for you to occasionally take some time and just relax your whole body. Yoga is a great way of doing this. You can search and sort through the gallery to find the type of yoga and poses that you like the best. 37 | 38 | **_Articles_:** You can read about some useful and informative information. 39 | 40 | ## Tech Stack 41 | ![image](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E) 42 | ![image](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white) 43 | ![image](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white) 44 | ![image](https://img.shields.io/badge/json-5E5C5C?style=for-the-badge&logo=json&logoColor=white) 45 | ![image](https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white) 46 | 47 | ## What you can contribute 48 | - Documentation 49 | - Any new feature 50 | - Add sign-up form 51 | - Chat-bot 52 | - Add backend 53 | - Many more relevant features on acceptance 54 | 55 | ## License 56 | 57 | [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) 58 | 59 | ## Project Images 60 | **_Home Page_:** 61 | ![Home Page](https://github.com/Hackathon7/Pacify-final/blob/master/images%20file/Home.png) 62 | 63 | **_Features_:** 64 | ![Features Page](https://github.com/Hackathon7/Pacify-final/blob/master/images%20file/Features.png) 65 | 66 | **_Articles_:** 67 | ![Articles](https://github.com/Hackathon7/Pacify-final/blob/master/images%20file/Articles.png) 68 | 69 | **_Quiz_:** 70 | ![Quiz-Quest](https://github.com/Hackathon7/Pacify-final/blob/master/images%20file/Quiz-Quest.png) 71 | 72 | **_Quiz Result_:** 73 | ![Quiz-Sample-Result](https://github.com/Hackathon7/Pacify-final/blob/master/images%20file/Quiz-Result.png) 74 | 75 | ## Project Maintainers 76 | 77 |
78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 |

Mansi Prajapati

Shikha Rai

Vartika Gupta

Tvisha Srivastava
86 | 87 |

88 | 89 | 90 | 91 |

Our valuable Contributors ✨

92 | 93 | 94 | 95 | 96 | 97 |
98 | 99 | 100 | 101 | 102 |

📌 Contributing Guidelines

103 | ## Contributing 104 | 105 | Hi there! We're thrilled that you'd like to contribute to this project. Your help is essential for keeping it great. 106 | 107 | Please note that this project is released with a [Contributor Code of Conduct][code-of-conduct]. By participating in this project you agree to abide by its terms. 108 | 109 | ## Issues and PRs 110 | 111 | If you have suggestions for how this project could be improved, or want to report a bug, open an issue! We'd love all and any contributions. If you have questions, too, we'd love to hear them. 112 | 113 | We'd also love PRs. If you're thinking of a large PR, we advise opening up an issue first to talk about it, though! Look at the links below if you're not sure how to open a PR. 114 | 115 | ## Submitting a pull request 116 | 117 | 1. [Fork][fork] and clone the repository. 118 | 1. Configure and install the dependencies. 119 | 1. Make sure the tests pass on your machine. 120 | 1. Create a new branch: `git checkout -b my-branch-name`. 121 | 1. Make your change, add tests, and make sure the tests still pass. 122 | 1. Push to your fork and submit a pull request. 123 | 1. Pat your self on the back and wait for your pull request to be reviewed and merged. 124 | 125 | Here are a few things you can do that will increase the likelihood of your pull request being accepted: 126 | 127 | - Follow the style which is using standard. 128 | - Write and update tests. 129 | - Keep your changes as focused as possible. If there are multiple changes you would like to make that are not dependent upon each other, consider submitting them as separate pull requests. 130 | - Write a [good commit message](http://tbaggery.com/2008/04/19/a-note-about-git-commit-messages.html). 131 | 132 | Work in Progress pull requests are also welcome to get feedback early on, or if there is something blocked you. 133 | 134 | ## GIT AND GITHUB 135 | 136 | Before continuing we want to clarify the difference between Git and Github. Git is a version control system(VCS) which is a tool to manage the history of our Source Code. GitHub is a hosting service for Git projects. 137 | 138 | We assume you have created an account on Github and installed Git on your System. 139 | 140 | Now tell Git your name and E-mail (used on Github) address. 141 | 142 | $ git config --global user.name "YOUR NAME" 143 | $ git config --global user.email "YOUR EMAIL ADDRESS" 144 | 145 | 146 | This is an important step to mark your commits to your name and email. 147 | 148 | ### FORK A PROJECT - 149 | 150 | You can use github explore - https://github.com/explore to find a project that interests you and match your skills. Once you find your cool project to workon, you can make a copy of project to your account. This process is called forking a project to your Github account. On Upper right side of project page on Github, you can see - 151 | 152 |

153 | 154 | Click on fork to create a copy of project to your account. This creates a separate copy for you to work on. 155 | 156 | ### FINDING A FEATURE OR BUG TO WORKON - 157 | 158 | Open Source projects always have something to work on and improves with each new release. You can see the issues section to find something you can solve or report a bug. The project managers always welcome new contributors and can guide you to solve the problem. You can find issues in the right section of project page. 159 | 160 |

161 | 162 | ### CLONE THE FORKED PROJECT - 163 | 164 | You have forked the project you want to contribute to your github account. To get this project on your development machine we use clone command of git. 165 | 166 | ```$ git clone https://github.com//.git``` 167 | Now you have the project on your local machine. 168 | 169 | ### ADD A REMOTE (UPSTREAM) TO ORIGINAL PROJECT REPOSITORY 170 | 171 | Remote means the remote location of project on Github. By cloning, we have a remote called origin which points to your forked repository. Now we will add a remote to the original repository from where we had forked. 172 | 173 | $ cd 174 | $ git remote add upstream https://github.com//.git 175 | 176 | You will see the benefits of adding remote later. 177 | 178 | ### SYNCHRONIZING YOUR FORK - 179 | 180 | Open Source projects have a number of contributors who can push code anytime. So it is necessary to make your forked copy equal with the original repository. The remote added above called Upstream helps in this. 181 | 182 | 183 | $ git checkout master 184 | $ git fetch upstream 185 | $ git merge upstream/master 186 | $ git push origin master 187 | 188 | 189 | The last command pushes the latest code to your forked repository on Github. The origin is the remote pointing to your forked repository on github. 190 | 191 | ### CREATE A NEW BRANCH FOR A FEATURE OR BUGFIX - 192 | 193 | Normally, all repositories have a master branch which is considered to remain stable and all new features should be made in a separate branch and after completion merged into master branch. So we should create a new branch for our feature or bugfix and start working on the issue. 194 | 195 | ```$ git checkout -b ``` 196 | This will create a new branch out of master branch. Now start working on the problem and commit your changes. 197 | 198 | $ git add --all 199 | $ git commit -m "" 200 | 201 | 202 | The first command adds all the files or you can add specific files by removing -a and adding the file names. The second command gives a message to your changes so you can know in future what changes this commit makes. If you are solving an issue on original repository, you should add the issue number like #35 to your commit message. This will show the reference to commits in the issue. 203 | 204 | ### REBASE YOUR FEATURE BRANCH WITH UPSTREAM- 205 | 206 | It can happen that your feature takes time to complete and other contributors are constantly pushing code. After completing the feature your feature branch should be rebase on latest changes to upstream master branch. 207 | 208 | $ git checkout 209 | $ git pull --rebase upstream master 210 | 211 | Now you get the latest commits from other contributors and check that your commits are compatible with the new commits. If there are any conflicts solve them. 212 | 213 | ### SQUASHING YOUR COMMITS- 214 | 215 | You have completed the feature, but you have made a number of commits which make less sense. You should squash your commits to make good commits. 216 | 217 | ```$ git rebase -i HEAD~5``` 218 | This will open an editor which will allow you to squash the commits. 219 | 220 | ### PUSH CODE AND CREATE A PULL REQUEST - 221 | 222 | Till this point you have a new branch with the feature or bugfix you want in the project you had forked. Now push your new branch to your remote fork on github. 223 | 224 | ```$ git push origin ``` 225 | 226 | Now you are ready to help the project by opening a pull request means you now tell the project managers to add the feature or bugfix to original repository. You can open a pull request by clicking on green icon - 227 | 228 |

229 | 230 | Remember your upstream base branch should be master and source should be your feature branch. Click on create pull request and add a name to your pull request. You can also describe your feature. 231 | 232 | Awesome! You have made your first contribution. If you have any doubts please let me know in the comments. 233 | 234 | #### BE OPEN! 235 | 236 |
237 | 238 | LOC 239 | Stars Badge 240 | Forks Badge 241 | GitHub contributors 242 | 243 | 244 | 245 | [![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com) 246 |
247 | 248 | 249 |
250 | -------------------------------------------------------------------------------- /chatwoot.js: -------------------------------------------------------------------------------- 1 | (function(d,t) { 2 | var BASE_URL="https://app.chatwoot.com"; 3 | var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; 4 | g.src=BASE_URL+"/packs/js/sdk.js"; 5 | g.defer = true; 6 | g.async = true; 7 | s.parentNode.insertBefore(g,s); 8 | g.onload=function(){ 9 | window.chatwootSDK.run({ 10 | websiteToken: 'i7rbVvMXGA3btcz17aJvCfWn', 11 | baseUrl: BASE_URL 12 | }) 13 | } 14 | })(document,"script"); 15 | -------------------------------------------------------------------------------- /css/Login.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Slabo+27px&family=Source+Sans+Pro:wght@200&family=Tiro+Tamil&family=Varela+Round&family=Zilla+Slab:wght@300&display=swap'); 2 | *, 3 | *:before, 4 | *:after { 5 | margin: 0; 6 | padding: 0; 7 | box-sizing: border-box; 8 | font-family: "Nunito", sans-serif; 9 | } 10 | 11 | .hero { 12 | position: relative; 13 | width: 100%; 14 | margin-bottom: 45px; 15 | padding: 250px 100px 30px 220px; 16 | overflow: hidden; 17 | } 18 | #logo img { 19 | width: 60px; 20 | margin: 0px 10px; 21 | height: 60px; 22 | border-radius: 50px; 23 | } 24 | #logo img:hover { 25 | transition: all 0.5s ease-in-out; 26 | transform: rotate(360deg); 27 | } 28 | body { 29 | width: 100vw; 30 | height: 100vh; 31 | display: flex; 32 | justify-content: center; 33 | align-items: center; 34 | background-color: #e6ffee; 35 | font-family: "Nunito", sans-serif; 36 | } 37 | .password-conatiner{ 38 | display: inline-block; 39 | } 40 | 41 | input, 42 | button { 43 | border: none; 44 | outline: none; 45 | background: none; 46 | } 47 | 48 | .cont { 49 | overflow: hidden; 50 | position: relative; 51 | padding: 90px 0; 52 | width: 900px; 53 | height: 600px; 54 | background: #fff; 55 | box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); 56 | } 57 | 58 | .form { 59 | position: relative; 60 | width: 640px; 61 | height: 100%; 62 | padding: 50px 30px; 63 | -webkit-transition: -webkit-transform 1.2s ease-in-out; 64 | transition: -webkit-transform 1.2s ease-in-out; 65 | transition: transform 1.2s ease-in-out; 66 | transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out; 67 | } 68 | 69 | h2 { 70 | color: #006622; 71 | width: 100%; 72 | font-size: 30px; 73 | text-align: center; 74 | } 75 | 76 | label { 77 | display: block; 78 | width: 260px; 79 | margin: 25px auto 0; 80 | text-align: center; 81 | } 82 | 83 | label span { 84 | font-size: 14px; 85 | font-weight: 600; 86 | color: #505f75; 87 | text-transform: uppercase; 88 | } 89 | 90 | input { 91 | display: block; 92 | width: 100%; 93 | margin-top: 5px; 94 | font-size: 16px; 95 | padding-bottom: 5px; 96 | border-bottom: 1px solid rgba(109, 93, 93, 0.4); 97 | text-align: center; 98 | font-family: "Nunito", sans-serif; 99 | } 100 | 101 | button { 102 | display: block; 103 | margin: 0 auto; 104 | width: 260px; 105 | height: 36px; 106 | color: #fff; 107 | font-size: 15px; 108 | cursor: pointer; 109 | } 110 | 111 | .submit { 112 | position: relative; 113 | margin-top: 15px; 114 | font-size: 14px; 115 | font-weight: 600; 116 | letter-spacing: 1px; 117 | color: #ffffff; 118 | background: #006622; 119 | transition: 0.3s; 120 | } 121 | 122 | .submit:hover { 123 | outline: none; 124 | background: #67d48a; 125 | } 126 | 127 | .forgot-pass { 128 | margin-top: 15px; 129 | text-align: center; 130 | font-size: 14px; 131 | font-weight: 600; 132 | color: #0c0101; 133 | cursor: pointer; 134 | } 135 | 136 | .forgot-pass:hover { 137 | color: #006622; 138 | } 139 | 140 | .social-media { 141 | width: 100%; 142 | text-align: center; 143 | margin-top: 20px; 144 | } 145 | 146 | .social-media ul { 147 | list-style: none; 148 | } 149 | 150 | .social-media ul li { 151 | display: inline-block; 152 | cursor: pointer; 153 | margin: 0px 40px; 154 | } 155 | 156 | .social-media img { 157 | width: 60px; 158 | height: 60px; 159 | } 160 | 161 | .sub-cont { 162 | overflow: hidden; 163 | position: absolute; 164 | left: 640px; 165 | top: 0; 166 | width: 900px; 167 | height: 100%; 168 | padding-left: 260px; 169 | background: #fff; 170 | -webkit-transition: -webkit-transform 1.2s ease-in-out; 171 | transition: -webkit-transform 1.2s ease-in-out; 172 | transition: transform 1.2s ease-in-out; 173 | } 174 | 175 | .cont.s-signup .sub-cont { 176 | -webkit-transform: translate3d(-640px, 0, 0); 177 | transform: translate3d(-640px, 0, 0); 178 | } 179 | 180 | .img { 181 | overflow: hidden; 182 | z-index: 2; 183 | position: absolute; 184 | left: 0; 185 | top: 0; 186 | width: 260px; 187 | height: 100%; 188 | padding-top: 360px; 189 | } 190 | 191 | .img:before { 192 | content: ""; 193 | position: absolute; 194 | right: 0; 195 | top: 0; 196 | width: 950px; 197 | height: 100%; 198 | background-image: url("images file/mental-health2.jpg"); 199 | background-size: cover; 200 | transition: -webkit-transform 1.2s ease-in-out; 201 | transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out; 202 | } 203 | 204 | .img:after { 205 | content: ""; 206 | position: absolute; 207 | left: 0; 208 | top: 0; 209 | width: 100%; 210 | height: 100%; 211 | background: rgba(0 0, 0, 0.3); 212 | } 213 | 214 | .cont.s-signup .img:before { 215 | -webkit-transform: translate3d(640px, 0, 0); 216 | transform: translate3d(640px, 0, 0); 217 | } 218 | 219 | .img-text { 220 | font-weight: bold; 221 | z-index: 2; 222 | position: absolute; 223 | left: 0; 224 | top: 50px; 225 | width: 100%; 226 | padding: 0 20px; 227 | text-align: center; 228 | color: #006622; 229 | -webkit-transition: -webkit-transform 1.2s ease-in-out; 230 | transition: -webkit-transform 1.2s ease-in-out; 231 | transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out; 232 | } 233 | 234 | .img-text h2 { 235 | margin-bottom: 10px; 236 | font-weight: normal; 237 | } 238 | 239 | .img-text p { 240 | font-size: 14px; 241 | line-height: 1.5; 242 | } 243 | 244 | .cont.s-signup .img-text.m-up { 245 | -webkit-transform: translateX(520px); 246 | transform: translateX(520px); 247 | } 248 | 249 | 250 | .img-text.m-in { 251 | -webkit-transform: translateX(-520px); 252 | transform: translateX(-520px); 253 | } 254 | 255 | .cont.s-signup .img-text.m-in { 256 | color: #006622; 257 | -webkit-transform: translateX(0); 258 | transform: translateX(0); 259 | } 260 | 261 | .sign-in { 262 | padding-top: 65px; 263 | -webkit-transition-timing-function: ease-out; 264 | transition-timing-function: ease-out; 265 | } 266 | 267 | .cont.s-signup .sign-in { 268 | -webkit-transition-timing-function: ease-in-out; 269 | transition-timing-function: ease-in-out; 270 | -webkit-transition-duration: 1.2s; 271 | transition-duration: 1.2s; 272 | -webkit-transform: translate3d(640px, 0, 0); 273 | transform: translate3d(640px, 0, 0); 274 | } 275 | 276 | .img-btn { 277 | border-width: medium; 278 | top: 130px; 279 | overflow: hidden; 280 | z-index: 2; 281 | position: relative; 282 | width: 100px; 283 | height: 36px; 284 | margin: 0 auto; 285 | background: transparent; 286 | background-color: #006622; 287 | text-transform: uppercase; 288 | font-size: 15px; 289 | cursor: pointer; 290 | } 291 | 292 | .img-btn:after { 293 | content: ""; 294 | z-index: 2; 295 | position: absolute; 296 | left: 0; 297 | top: 0; 298 | width: 100%; 299 | height: 100%; 300 | border: 2px solid #006622; 301 | } 302 | 303 | .img-btn span { 304 | color: #fff; 305 | font-weight: bold; 306 | border-width: solid; 307 | position: absolute; 308 | left: 0; 309 | top: 0; 310 | display: -webkit-box; 311 | display: flex; 312 | -webkit-box-pack: center; 313 | justify-content: center; 314 | align-items: center; 315 | width: 100%; 316 | height: 100%; 317 | -webkit-transition: -webkit-transform 1.2s; 318 | transition: -webkit-transform 1.2s; 319 | transition: transform 1.2s; 320 | transition: transform 1.2s, -webkit-transform 1.2s; 321 | } 322 | 323 | .img-btn span.m-in { 324 | color: #fff; 325 | -webkit-transform: translateY(-72px); 326 | transform: translateY(-72px); 327 | } 328 | 329 | .cont.s-signup .img-btn span.m-in { 330 | color: #fff; 331 | -webkit-transform: translateY(0); 332 | transform: translateY(0); 333 | } 334 | 335 | .cont.s-signup .img-btn span.m-up { 336 | color: #fff; 337 | -webkit-transform: translateY(72px); 338 | transform: translateY(72px); 339 | } 340 | 341 | .sign-up { 342 | -webkit-transform: translate3d(-900px, 0, 0); 343 | transform: translate3d(-900px, 0, 0); 344 | } 345 | 346 | .cont.s-signup .sign-up { 347 | -webkit-transform: translate3d(0, 0, 0); 348 | transform: translate3d(0, 0, 0); 349 | } 350 | 351 | /**********************************/ 352 | /********** Top Bar CSS ***********/ 353 | /**********************************/ 354 | .top-bar { 355 | position: relative; 356 | height: 35px; 357 | background: #343148; 358 | } 359 | 360 | .top-bar .top-bar-left { 361 | display: flex; 362 | align-items: center; 363 | justify-content: flex-start; 364 | } 365 | 366 | .top-bar .top-bar-right { 367 | display: flex; 368 | align-items: center; 369 | justify-content: flex-end; 370 | } 371 | 372 | .top-bar .text { 373 | display: flex; 374 | align-items: center; 375 | justify-content: center; 376 | flex-direction: row; 377 | height: 35px; 378 | padding: 0 10px; 379 | text-align: center; 380 | border-left: 1px solid rgba(255, 255, 255, 0.15); 381 | } 382 | 383 | .top-bar .text:last-child { 384 | border-right: 1px solid rgba(255, 255, 255, 0.15); 385 | } 386 | 387 | .top-bar .text i { 388 | font-size: 13px; 389 | color: #ffffff; 390 | margin-right: 5px; 391 | } 392 | 393 | .top-bar .text h2 { 394 | color: #eeeeee; 395 | font-weight: 400; 396 | font-size: 13px; 397 | letter-spacing: 1px; 398 | margin: 0; 399 | } 400 | 401 | .top-bar .text p { 402 | color: #eeeeee; 403 | font-size: 14px; 404 | font-weight: 400; 405 | margin: 0 0 0 5px; 406 | } 407 | 408 | .top-bar .social { 409 | display: flex; 410 | height: 35px; 411 | font-size: 0; 412 | justify-content: flex-end; 413 | } 414 | 415 | .top-bar .social a { 416 | display: flex; 417 | align-items: center; 418 | justify-content: center; 419 | width: 35px; 420 | height: 100%; 421 | font-size: 16px; 422 | color: #ffffff; 423 | border-right: 1px solid rgba(255, 255, 255, 0.15); 424 | } 425 | 426 | .top-bar .social a:first-child { 427 | border-left: 1px solid rgba(255, 255, 255, 0.15); 428 | } 429 | 430 | .top-bar .social a:hover { 431 | color: #092a49; 432 | background: #ffffff; 433 | } 434 | 435 | @media (min-width: 992px) { 436 | .top-bar { 437 | padding: 0 60px; 438 | } 439 | } 440 | 441 | /**********************************/ 442 | /*********** Nav Bar CSS **********/ 443 | /**********************************/ 444 | 445 | .navbar { 446 | position: relative; 447 | transition: 0.5s; 448 | z-index: 999; 449 | } 450 | 451 | .navbar.nav-sticky { 452 | position: fixed; 453 | top: 0px; 454 | width: 102%; 455 | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); 456 | } 457 | 458 | .navbar .navbar-brand { 459 | margin: 0; 460 | color: #ffffff; 461 | font-size: 45px; 462 | line-height: 0px; 463 | font-weight: 700; 464 | text-transform: uppercase; 465 | letter-spacing: 2px; 466 | transition: 0.5s; 467 | } 468 | 469 | .navbar .navbar-brand span { 470 | color: #343148; 471 | text-transform: lowercase; 472 | transition: 0.5s; 473 | } 474 | 475 | .navbar.nav-sticky .navbar-brand span { 476 | color: #e6ffee; 477 | } 478 | 479 | .navbar .navbar-brand img { 480 | max-width: 100%; 481 | max-height: 40px; 482 | } 483 | 484 | .navbar-dark .navbar-nav .nav-link, 485 | .navbar-dark .navbar-nav .nav-link:focus, 486 | .navbar-dark .navbar-nav .nav-link:hover, 487 | .navbar-dark .navbar-nav .nav-link.active { 488 | text-transform: none; 489 | font-family: "Open Sans", sans-serif !important; 490 | font-size: 20px; 491 | font-weight: 500; 492 | padding: 0px 18px; 493 | margin: 0px 8px; 494 | color: #ffffff; 495 | } 496 | 497 | .navbar-dark .navbar-nav .nav-link:hover, 498 | .navbar-dark .navbar-nav .nav-link.active { 499 | transition: all 0.5s ease-in-out; 500 | background-color: white; 501 | color: #006622; 502 | border-radius: 30px 0px 30px 0px; 503 | transform: scale(1.17); 504 | } 505 | 506 | .navbar .dropdown-menu { 507 | margin-top: 0; 508 | border: 0; 509 | border-radius: 0; 510 | background: #f8f9fa; 511 | } 512 | 513 | @media (min-width: 992px) { 514 | .navbar { 515 | position: absolute; 516 | width: 100%; 517 | top: 0px; 518 | padding: 10px 30px; 519 | background: #006622 !important; 520 | z-index: 9; 521 | } 522 | 523 | .navbar.nav-sticky { 524 | padding: 10px 60px; 525 | background: #006622 !important; 526 | } 527 | 528 | .navbar a.nav-link { 529 | padding: 8px 15px; 530 | font-size: 14px; 531 | letter-spacing: 1px; 532 | text-transform: uppercase; 533 | } 534 | } 535 | 536 | @media (max-width: 991.98px) { 537 | .navbar { 538 | padding: 15px; 539 | background: #006622 !important; 540 | } 541 | 542 | .navbar .navbar-brand span { 543 | color: #ffffff; 544 | } 545 | 546 | .navbar a.nav-link { 547 | padding: 5px; 548 | } 549 | 550 | .navbar .dropdown-menu { 551 | box-shadow: none; 552 | } 553 | } 554 | #navbar{ 555 | padding: 10px 0px; 556 | border-radius: 0px; 557 | } 558 | .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { 559 | width: 100%; 560 | padding-right: 0px; 561 | padding-left: 0px; 562 | margin-right: 0; 563 | margin-left: 0; 564 | } 565 | #logo{ 566 | margin: 0px 43px; 567 | } 568 | #logo img { 569 | width: 56px; 570 | margin: 0px 10px; 571 | height: 56px; 572 | border-radius: 50px; 573 | } 574 | .navbar-brand { 575 | height: 50px; 576 | padding: 20px 15px; 577 | margin-left: 6px; 578 | } 579 | #navbarCollapse{ 580 | padding-left: 165px; 581 | padding-right: 0px; 582 | } 583 | #mynav{ 584 | align-items: center; 585 | width:120vw; 586 | } 587 | #mynav a{ 588 | font-family: 'Tiro Tamil', serif !important; 589 | text-transform: none; 590 | font-size: 21px; 591 | font-weight: 500; 592 | padding: 0px 18px; 593 | margin: 0px 0px; 594 | color: #ffffff; 595 | border-radius: 0px; 596 | } 597 | #mynav a:hover{ 598 | transition: all 0.3s ease-in; 599 | color: rgb(255, 173, 20); 600 | background: #006622; 601 | transform: scale(1.1); 602 | } 603 | -------------------------------------------------------------------------------- /css/SignUp.css: -------------------------------------------------------------------------------- 1 | *, *:before, *:after{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | font-family: 'Nunito', sans-serif; 6 | } 7 | 8 | .hero { 9 | position: relative; 10 | width: 100%; 11 | margin-bottom: 45px; 12 | padding: 250px 100px 30px 220px; 13 | overflow: hidden; 14 | } 15 | #logo img{ 16 | width: 60px; 17 | margin: 0px 10px; 18 | height: 60px; 19 | border-radius: 50px; 20 | } 21 | #logo img:hover{ 22 | transition: all 0.5s ease-in-out; 23 | transform: rotate(360deg); 24 | } 25 | body{ 26 | width: 100%; 27 | height: 100vh; 28 | display: flex; 29 | justify-content: center; 30 | align-items: center; 31 | background-color: #e6ffee; 32 | font-family: 'Nunito', sans-serif; 33 | } 34 | 35 | input, button{ 36 | border:none; 37 | outline: none; 38 | background: none; 39 | } 40 | 41 | .cont{ 42 | overflow: hidden; 43 | position: relative; 44 | padding: 90px 0; 45 | width: 900px; 46 | height: 600px; 47 | background: #fff; 48 | box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22); 49 | } 50 | 51 | .form{ 52 | position: relative; 53 | width: 640px; 54 | height: 100%; 55 | padding: 50px 30px; 56 | -webkit-transition:-webkit-transform 1.2s ease-in-out; 57 | transition: -webkit-transform 1.2s ease-in-out; 58 | transition: transform 1.2s ease-in-out; 59 | transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out; 60 | } 61 | 62 | h2{ 63 | color : #006622; 64 | width: 100%; 65 | font-size: 30px; 66 | text-align: center; 67 | } 68 | 69 | label{ 70 | display: block; 71 | width: 260px; 72 | margin: 25px auto 0; 73 | text-align: center; 74 | } 75 | 76 | label span{ 77 | font-size: 14px; 78 | font-weight: 600; 79 | color: #505f75; 80 | text-transform: uppercase; 81 | } 82 | 83 | input{ 84 | display: block; 85 | width: 100%; 86 | margin-top: 5px; 87 | font-size: 16px; 88 | padding-bottom: 5px; 89 | border-bottom: 1px solid rgba(109, 93, 93, 0.4); 90 | text-align: center; 91 | font-family: 'Nunito', sans-serif; 92 | } 93 | 94 | button{ 95 | display: block; 96 | margin: 0 auto; 97 | width: 260px; 98 | height: 36px; 99 | color: #fff; 100 | font-size: 15px; 101 | cursor: pointer; 102 | } 103 | 104 | .submit{ 105 | position: relative; 106 | margin-top: 15px; 107 | font-size: 14px; 108 | font-weight: 600; 109 | letter-spacing: 1px; 110 | color: #ffffff; 111 | background: #006622; 112 | transition: .3s; 113 | } 114 | 115 | .submit:hover{ 116 | outline: none; 117 | background: #67d48a; 118 | } 119 | 120 | .forgot-pass{ 121 | margin-top: 15px; 122 | text-align: center; 123 | font-size: 14px; 124 | font-weight: 600; 125 | color: #0c0101; 126 | cursor: pointer; 127 | } 128 | 129 | .forgot-pass:hover{ 130 | color: #006622; 131 | } 132 | 133 | .social-media{ 134 | width: 100%; 135 | text-align: center; 136 | margin-top: 20px; 137 | } 138 | 139 | .social-media ul{ 140 | list-style: none; 141 | } 142 | 143 | .social-media ul li{ 144 | display: inline-block; 145 | cursor: pointer; 146 | margin: 0px 40px; 147 | } 148 | 149 | .social-media img{ 150 | width: 60px; 151 | height: 60px; 152 | } 153 | 154 | .sub-cont{ 155 | overflow: hidden; 156 | position: absolute; 157 | left: 640px; 158 | top: 0; 159 | width: 900px; 160 | height: 100%; 161 | padding-left: 260px; 162 | background: #fff; 163 | -webkit-transition: -webkit-transform 1.2s ease-in-out; 164 | transition: -webkit-transform 1.2s ease-in-out; 165 | transition: transform 1.2s ease-in-out; 166 | } 167 | 168 | .cont.s-signup .sub-cont{ 169 | -webkit-transform:translate3d(-640px, 0, 0); 170 | transform:translate3d(-640px, 0, 0); 171 | } 172 | 173 | .img{ 174 | overflow: hidden; 175 | z-index: 2; 176 | position: absolute; 177 | left: 0; 178 | top: 0; 179 | width: 260px; 180 | height: 100%; 181 | padding-top: 360px; 182 | } 183 | 184 | .img:before{ 185 | content: ''; 186 | position: absolute; 187 | right: 0; 188 | top: 0; 189 | width: 950px; 190 | height: 100%; 191 | background-image: url('images file/mental-health2.jpg'); 192 | background-size: cover; 193 | transition: -webkit-transform 1.2s ease-in-out; 194 | transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out; 195 | } 196 | 197 | .img:after{ 198 | content: ''; 199 | position: absolute; 200 | left: 0; 201 | top: 0; 202 | width: 100%; 203 | height: 100%; 204 | background: rgba(0 0, 0, 0.3); 205 | } 206 | 207 | .cont.s-signup .img:before{ 208 | -webkit-transform:translate3d(640px, 0, 0); 209 | transform:translate3d(640px, 0, 0); 210 | } 211 | 212 | .img-text{ 213 | font-weight: bold; 214 | z-index: 2; 215 | position: absolute; 216 | left: 0; 217 | top: 50px; 218 | width: 100%; 219 | padding: 0 20px; 220 | text-align: center; 221 | color: #006622; 222 | -webkit-transition:-webkit-transform 1.2s ease-in-out; 223 | transition: -webkit-transform 1.2s ease-in-out; 224 | transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out; 225 | } 226 | 227 | .img-text h2{ 228 | margin-bottom: 10px; 229 | font-weight: normal; 230 | } 231 | 232 | .img-text p{ 233 | font-size: 14px; 234 | line-height: 1.5; 235 | } 236 | 237 | .cont.s-signup .img-text.m-up{ 238 | -webkit-transform:translateX(520px); 239 | transform:translateX(520px); 240 | } 241 | 242 | .img-text.m-in{ 243 | -webkit-transform:translateX(-520px); 244 | transform:translateX(-520px); 245 | } 246 | 247 | .cont.s-signup .img-text.m-in{ 248 | color: #006622; 249 | -webkit-transform:translateX(0); 250 | transform:translateX(0); 251 | } 252 | 253 | 254 | .sign-up 255 | { 256 | padding-top: 65px; 257 | -webkit-transition-timing-function:ease-out; 258 | transition-timing-function:ease-out; 259 | } 260 | 261 | .cont.s-signup .sign-up 262 | { 263 | -webkit-transition-timing-function:ease-in-out; 264 | transition-timing-function:ease-in-out; 265 | -webkit-transition-duration:1.2s; 266 | transition-duration:1.2s; 267 | -webkit-transform:translate3d(640px, 0, 0); 268 | transform:translate3d(640px, 0, 0); 269 | } 270 | 271 | .img-btn{ 272 | border-width: medium; 273 | top : 130px; 274 | overflow: hidden; 275 | z-index: 2; 276 | position: relative; 277 | width: 100px; 278 | height: 36px; 279 | margin: 0 auto; 280 | background: transparent; 281 | background-color: #006622; 282 | text-transform: uppercase; 283 | font-size: 15px; 284 | cursor: pointer; 285 | } 286 | 287 | .img-btn:after{ 288 | content: ''; 289 | z-index: 2; 290 | position: absolute; 291 | left: 0; 292 | top: 0; 293 | width: 100%; 294 | height: 100%; 295 | border: 2px solid #006622; 296 | } 297 | 298 | .img-btn span{ 299 | color: #fff; 300 | font-weight: bold; 301 | border-width: solid; 302 | position: absolute; 303 | left: 0; 304 | top: 0; 305 | display: -webkit-box; 306 | display: flex; 307 | -webkit-box-pack:center; 308 | justify-content: center; 309 | align-items: center; 310 | width: 100%; 311 | height: 100%; 312 | -webkit-transition:-webkit-transform 1.2s; 313 | transition: -webkit-transform 1.2s; 314 | transition: transform 1.2s; 315 | transition: transform 1.2s, -webkit-transform 1.2s;; 316 | } 317 | 318 | .img-btn span.m-in{ 319 | color: #fff; 320 | -webkit-transform:translateY(-72px); 321 | transform:translateY(-72px); 322 | } 323 | 324 | .cont.s-signup .img-btn span.m-in{ 325 | color: #fff; 326 | -webkit-transform:translateY(0); 327 | transform:translateY(0); 328 | } 329 | 330 | .cont.s-signup .img-btn span.m-up{ 331 | color: #fff; 332 | -webkit-transform:translateY(72px); 333 | transform:translateY(72px); 334 | } 335 | 336 | .sign-in 337 | { 338 | -webkit-transform:translate3d(-900px, 0, 0); 339 | transform:translate3d(-900px, 0, 0); 340 | } 341 | 342 | .cont.s-signup .sign-in 343 | { 344 | -webkit-transform:translate3d(0, 0, 0); 345 | transform:translate3d(0, 0, 0); 346 | } 347 | 348 | /**********************************/ 349 | /********** Top Bar CSS ***********/ 350 | /**********************************/ 351 | .top-bar { 352 | position: relative; 353 | height: 35px; 354 | background: #343148; 355 | } 356 | 357 | .top-bar .top-bar-left { 358 | display: flex; 359 | align-items: center; 360 | justify-content: flex-start; 361 | } 362 | 363 | .top-bar .top-bar-right { 364 | display: flex; 365 | align-items: center; 366 | justify-content: flex-end; 367 | } 368 | 369 | .top-bar .text { 370 | display: flex; 371 | align-items: center; 372 | justify-content: center; 373 | flex-direction: row; 374 | height: 35px; 375 | padding: 0 10px; 376 | text-align: center; 377 | border-left: 1px solid rgba(255, 255, 255, .15); 378 | } 379 | 380 | .top-bar .text:last-child { 381 | border-right: 1px solid rgba(255, 255, 255, .15); 382 | } 383 | 384 | .top-bar .text i { 385 | font-size: 13px; 386 | color: #ffffff; 387 | margin-right: 5px; 388 | } 389 | 390 | .top-bar .text h2 { 391 | color: #eeeeee; 392 | font-weight: 400; 393 | font-size: 13px; 394 | letter-spacing: 1px; 395 | margin: 0; 396 | } 397 | 398 | .top-bar .text p { 399 | color: #eeeeee; 400 | font-size: 14px; 401 | font-weight: 400; 402 | margin: 0 0 0 5px; 403 | } 404 | 405 | .top-bar .social { 406 | display: flex; 407 | height: 35px; 408 | font-size: 0; 409 | justify-content: flex-end; 410 | } 411 | 412 | .top-bar .social a { 413 | display: flex; 414 | align-items: center; 415 | justify-content: center; 416 | width: 35px; 417 | height: 100%; 418 | font-size: 16px; 419 | color: #ffffff; 420 | border-right: 1px solid rgba(255, 255, 255, .15); 421 | } 422 | 423 | .top-bar .social a:first-child { 424 | border-left: 1px solid rgba(255, 255, 255, .15); 425 | } 426 | 427 | .top-bar .social a:hover { 428 | color: #092a49; 429 | background: #ffffff; 430 | } 431 | 432 | @media (min-width: 992px) { 433 | .top-bar { 434 | padding: 0 60px; 435 | } 436 | } 437 | 438 | 439 | /**********************************/ 440 | /*********** Nav Bar CSS **********/ 441 | /**********************************/ 442 | .navbar { 443 | position: relative; 444 | transition: .5s; 445 | z-index: 999; 446 | } 447 | 448 | .navbar.nav-sticky { 449 | position: fixed; 450 | top: 0; 451 | width: 100%; 452 | box-shadow: 0 2px 5px rgba(0, 0, 0, .3); 453 | } 454 | 455 | .navbar .navbar-brand { 456 | margin: 0; 457 | color: #ffffff; 458 | font-size: 45px; 459 | line-height: 0px; 460 | font-weight: 700; 461 | text-transform: uppercase; 462 | letter-spacing: 2px; 463 | transition: .5s; 464 | 465 | } 466 | 467 | .navbar .navbar-brand span { 468 | color: #343148; 469 | text-transform: lowercase; 470 | transition: .5s; 471 | } 472 | 473 | .navbar.nav-sticky .navbar-brand span { 474 | color: #e6ffee; 475 | } 476 | 477 | .navbar .navbar-brand img { 478 | max-width: 100%; 479 | max-height: 40px; 480 | } 481 | 482 | .navbar-dark .navbar-nav .nav-link, 483 | .navbar-dark .navbar-nav .nav-link:focus, 484 | .navbar-dark .navbar-nav .nav-link:hover, 485 | .navbar-dark .navbar-nav .nav-link.active { 486 | padding: 10px 10px 8px 10px; 487 | color: #ffffff; 488 | } 489 | 490 | .navbar-dark .navbar-nav .nav-link:hover, 491 | .navbar-dark .navbar-nav .nav-link.active { 492 | background: #B3E283; 493 | transition: none; 494 | } 495 | 496 | .navbar .dropdown-menu { 497 | margin-top: 0; 498 | border: 0; 499 | border-radius: 0; 500 | background: #f8f9fa; 501 | } 502 | 503 | @media (min-width: 992px) { 504 | .navbar { 505 | position: absolute; 506 | width: 100%; 507 | top: 35px; 508 | padding: 20px 60px; 509 | background:#006622 !important; 510 | z-index: 9; 511 | } 512 | 513 | .navbar.nav-sticky { 514 | padding: 10px 60px; 515 | background: #006622 !important; 516 | } 517 | 518 | .navbar a.nav-link { 519 | padding: 8px 15px; 520 | font-size: 14px; 521 | letter-spacing: 1px; 522 | text-transform: uppercase; 523 | } 524 | } 525 | 526 | @media (max-width: 991.98px) { 527 | .navbar { 528 | padding: 15px; 529 | background: #006622 !important; 530 | } 531 | 532 | .navbar .navbar-brand span { 533 | color: #ffffff; 534 | } 535 | 536 | .navbar a.nav-link { 537 | padding: 5px; 538 | } 539 | 540 | .navbar .dropdown-menu { 541 | box-shadow: none; 542 | } 543 | } 544 | -------------------------------------------------------------------------------- /css/blogstyle.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap"); 2 | * { 3 | box-sizing: border-box; 4 | } 5 | *, 6 | *:before, 7 | *:after { 8 | margin: 0; 9 | padding: 0; 10 | box-sizing: border-box;} 11 | body { 12 | display: flex; 13 | justify-content: center; 14 | align-items: center; 15 | margin: 0; 16 | background-color: #006622 ; 17 | font-family: "Roboto", sans-serif; 18 | color: #10182f; 19 | } 20 | .container { 21 | display: flex; 22 | width: 100%; 23 | justify-content: space-evenly; 24 | flex-wrap: wrap; 25 | padding-top:40px; 26 | transition: box-shadow .3s; 27 | 28 | 29 | } 30 | .card:hover{box-shadow: 0 12px 20px rgba(0, 0, 0, 0.24),0 17px 50px 0 rgba(0, 0, 0, 0.19); 31 | 32 | } 33 | .card { 34 | margin: 10px; 35 | background-color: #fff; 36 | border-radius: 10px; 37 | box-shadow: 0 12px 20px rgba(0, 0, 0, 0.24),0 17px 50px 0 rgba(0, 0, 0, 0.19); 38 | overflow: hidden; 39 | width: 500px; 40 | margin-bottom: 40px; 41 | 42 | height: 590px; 43 | 44 | } 45 | .card-header img { 46 | width: 100%; 47 | height: 300px; 48 | object-fit: cover; 49 | } 50 | .card-body { 51 | display: flex; 52 | flex-direction: column; 53 | justify-content: center; 54 | align-items: flex-start; 55 | padding: 20px; 56 | min-height: 250px; 57 | 58 | } 59 | .card:hover { 60 | box-shadow: 0 0.25em 0.25em -0.1em #fff; 61 | box-shadow: 0 0.25em 0.25em -0.1em #b5c952; 62 | transform: translateY(-1.75em); 63 | border-color: #006622 ; 64 | transition: 0.4s; 65 | color: #006622 ; 66 | text-decoration:wavy; 67 | 68 | } 69 | .tag { 70 | background: #cccccc; 71 | border-radius: 60px; 72 | font-size: 16px; 73 | margin: 0; 74 | color: #fff; 75 | padding: 3px 10px; 76 | text-transform: uppercase; 77 | cursor: pointer; 78 | float:right; 79 | margin-left: 170px; 80 | } 81 | .tag-green { 82 | background-color: #006622; 83 | } 84 | .tag:hover{ 85 | background-color: #fff; 86 | color:#006622; 87 | border-color: #006622; 88 | border-radius: 1px; 89 | border-style: inset; 90 | 91 | } 92 | 93 | .card-body p { 94 | font-size: 18px; 95 | margin: 0 0 40px; 96 | } 97 | .user { 98 | display: flex; 99 | margin-top: auto; 100 | } 101 | 102 | .user img { 103 | border-radius: 50%; 104 | width: 40px; 105 | height: 40px; 106 | margin-right: 10px; 107 | } 108 | .user-info h5 { 109 | margin: 0; 110 | } 111 | .user-info small { 112 | color: #545d7a; 113 | } 114 | ::-webkit-scrollbar { 115 | width: 5px; 116 | } 117 | 118 | ::-webkit-scrollbar-track { 119 | background: #f1f1f1; 120 | } 121 | 122 | ::-webkit-scrollbar-thumb { 123 | background: #034d09; 124 | } 125 | 126 | ::-webkit-scrollbar-thumb:hover { 127 | background: #034d09; 128 | } 129 | ::-webkit-scrollbar { 130 | width: 10px; 131 | } 132 | 133 | ::-webkit-scrollbar-track { 134 | background: #f1f1f1; 135 | } 136 | 137 | ::-webkit-scrollbar-thumb { 138 | background: #034d09; 139 | border-radius: 8px; 140 | } 141 | 142 | ::-webkit-scrollbar-thumb:hover { 143 | background: #02840d; 144 | } 145 | -------------------------------------------------------------------------------- /css/breathe.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e9ffdb; 3 | font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif; 4 | } 5 | 6 | 7 | audio { 8 | display:block; 9 | margin: auto; 10 | width: 500px; 11 | 12 | } 13 | .head{ 14 | 15 | 16 | 17 | width: 100%; 18 | padding: 20px; 19 | 20 | 21 | } 22 | 23 | 24 | .conatiner { 25 | width: 70%; 26 | height: 500px; 27 | margin: auto; 28 | } 29 | 30 | 31 | 32 | .wrap { 33 | display: -webkit-box; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -ms-flex-wrap: wrap; 37 | flex-wrap: wrap; 38 | -webkit-box-pack: center; 39 | -ms-flex-pack: center; 40 | justify-content: center; 41 | -webkit-box-align: center; 42 | -ms-flex-align: center; 43 | align-items: center; 44 | -webkit-box-orient: horizontal; 45 | -webkit-box-direction: normal; 46 | -ms-flex-direction: row; 47 | flex-direction: row; 48 | 49 | 50 | } 51 | 52 | .box { 53 | 54 | width: 500px; 55 | height: 400px; 56 | text-align: center; 57 | border-radius: 10px; 58 | -webkit-transition: 200ms ease-in-out; 59 | -o-transition: 200ms ease-in-out; 60 | transition: 200ms ease-in-out; 61 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 62 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 63 | 64 | } 65 | .one { 66 | background: url('../Music-img/6.png'); 67 | background-repeat: no-repeat; 68 | background-size: cover; 69 | background-position: center; 70 | } -------------------------------------------------------------------------------- /css/calm.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e9ffdb; 3 | font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif; 4 | } 5 | 6 | 7 | audio { 8 | display:block; 9 | margin: auto; 10 | width: 500px; 11 | 12 | } 13 | .head{ 14 | 15 | 16 | 17 | width: 100%; 18 | padding: 20px; 19 | 20 | 21 | } 22 | 23 | 24 | .conatiner { 25 | width: 70%; 26 | height: 500px; 27 | margin: auto; 28 | } 29 | 30 | 31 | 32 | .wrap { 33 | display: -webkit-box; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -ms-flex-wrap: wrap; 37 | flex-wrap: wrap; 38 | -webkit-box-pack: center; 39 | -ms-flex-pack: center; 40 | justify-content: center; 41 | -webkit-box-align: center; 42 | -ms-flex-align: center; 43 | align-items: center; 44 | -webkit-box-orient: horizontal; 45 | -webkit-box-direction: normal; 46 | -ms-flex-direction: row; 47 | flex-direction: row; 48 | 49 | 50 | } 51 | 52 | .box { 53 | 54 | width: 500px; 55 | height: 400px; 56 | text-align: center; 57 | border-radius: 10px; 58 | -webkit-transition: 200ms ease-in-out; 59 | -o-transition: 200ms ease-in-out; 60 | transition: 200ms ease-in-out; 61 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 62 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 63 | 64 | } 65 | .one { 66 | background: url('../Music-img/8.png'); 67 | background-repeat: no-repeat; 68 | background-size: cover; 69 | background-position: center; 70 | } -------------------------------------------------------------------------------- /css/courage.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e9ffdb; 3 | font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif; 4 | } 5 | 6 | 7 | audio { 8 | display:block; 9 | margin: auto; 10 | width: 500px; 11 | 12 | } 13 | .head{ 14 | 15 | 16 | 17 | width: 100%; 18 | padding: 20px; 19 | 20 | 21 | } 22 | 23 | 24 | .conatiner { 25 | width: 70%; 26 | height: 500px; 27 | margin: auto; 28 | } 29 | 30 | 31 | 32 | .wrap { 33 | display: -webkit-box; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -ms-flex-wrap: wrap; 37 | flex-wrap: wrap; 38 | -webkit-box-pack: center; 39 | -ms-flex-pack: center; 40 | justify-content: center; 41 | -webkit-box-align: center; 42 | -ms-flex-align: center; 43 | align-items: center; 44 | -webkit-box-orient: horizontal; 45 | -webkit-box-direction: normal; 46 | -ms-flex-direction: row; 47 | flex-direction: row; 48 | 49 | 50 | } 51 | 52 | .box { 53 | 54 | width: 500px; 55 | height: 400px; 56 | text-align: center; 57 | border-radius: 10px; 58 | -webkit-transition: 200ms ease-in-out; 59 | -o-transition: 200ms ease-in-out; 60 | transition: 200ms ease-in-out; 61 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 62 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 63 | 64 | } 65 | .one { 66 | background: url('../Music-img/9.png'); 67 | background-repeat: no-repeat; 68 | background-size: cover; 69 | background-position: center; 70 | } -------------------------------------------------------------------------------- /css/diary_style.css: -------------------------------------------------------------------------------- 1 | *, 2 | *::before, 3 | *::after { 4 | box-sizing: border-box; 5 | } 6 | 7 | html { 8 | margin: 0; 9 | padding: 0; 10 | scroll-behavior: smooth; 11 | } 12 | 13 | body { 14 | font-family: 'Montserrat', sans-serif; 15 | line-height: 1.6; 16 | background: #006622; 17 | color: white; 18 | margin: 0 auto; 19 | padding: 0; 20 | max-width: 900px; 21 | } 22 | 23 | h1 { 24 | font-size: 3rem; 25 | margin-bottom: 0; 26 | } 27 | 28 | h2 { 29 | font-size: 2rem; 30 | } 31 | 32 | h3 { 33 | font-size: 1.5rem; 34 | margin:0; 35 | } 36 | 37 | p { 38 | font-size: 1rem; 39 | } 40 | 41 | form, 42 | textarea { 43 | font-size: 1rem; 44 | } 45 | 46 | button { 47 | display: block; 48 | font-size: 1.2rem; 49 | padding: 0.5em 1em; 50 | border: none; 51 | background-color: aquamarine; 52 | color: #0a2472; 53 | font-family: 'Montserrat', sans-serif; 54 | } 55 | 56 | header { 57 | text-align: center; 58 | margin: 1em auto; 59 | } 60 | 61 | .section { 62 | padding: 1em 1em; 63 | width: 100%; 64 | margin: 0 auto; 65 | } 66 | 67 | .container { 68 | width: 100%; 69 | margin: 0 auto; 70 | padding: 1em 1em; 71 | } 72 | 73 | .container-row { 74 | width: 90%; 75 | margin: 0 auto; 76 | } 77 | 78 | .btn-main, 79 | .btn-light, 80 | .btn-dark { 81 | display: block; 82 | padding: 0.6rem 2rem; 83 | margin: 1rem; 84 | transition: all 0.1s; 85 | border: none; 86 | border-radius: 2px; 87 | cursor: pointer; 88 | } 89 | 90 | .btn-main { 91 | color: #E6FFEE; 92 | background-color: #343148; 93 | } 94 | 95 | .btn-light { 96 | color: #0a2472; 97 | background-color: white; 98 | } 99 | 100 | .btn-dark { 101 | color: white; 102 | background-color: #0a2472; 103 | } 104 | 105 | button[class^='btn-']:hover, 106 | a[class^='btn-']:hover, 107 | input[class^='btn-']:hover { 108 | background-color: #E6FFEE; 109 | color: black; 110 | font-weight: 700; 111 | transform: scale(1.08); 112 | } 113 | 114 | .entry-text-title { 115 | width: 20em; 116 | margin: 1em auto; 117 | padding: 1em; 118 | border-radius: 2px; 119 | border: unset; 120 | background-color: #E6FFEE; 121 | font-family: 'Montserrat', sans-serif; 122 | } 123 | 124 | .entry-text-title:focus { 125 | outline-color: black; 126 | font-family: 'Montserrat', sans-serif; 127 | color: black; 128 | font-size: 1rem; 129 | } 130 | 131 | .entry-text-title::placeholder { 132 | color: black; 133 | font-family: 'Montserrat', sans-serif; 134 | font-size: 1rem; 135 | } 136 | 137 | .entry-text-title::-ms-value { 138 | color: black; 139 | font-family: 'Montserrat', sans-serif; 140 | font-size: 1rem; 141 | } 142 | 143 | .container-row-journal { 144 | display: flex; 145 | justify-content: center; 146 | } 147 | 148 | .entry-form { 149 | max-width: 100%; 150 | margin: 0 auto; 151 | } 152 | 153 | .journal-label { 154 | display: block; 155 | line-height: 1.6; 156 | font-size: 1.4rem; 157 | font-weight: 700; 158 | } 159 | 160 | .entry-text-box { 161 | width: 100%; 162 | height: 20em; 163 | margin: 1em auto; 164 | padding: 1em; 165 | border-radius: 2px; 166 | border: unset; 167 | font-family: 'Montserrat', sans-serif; 168 | background-color: #E6FFEE; 169 | } 170 | 171 | @media (min-width: 769px) { 172 | .entry-text-box { 173 | width: 40em; 174 | height: 20em; 175 | margin: 1em auto; 176 | padding: 1em; 177 | border-radius: 2px; 178 | border: unset; 179 | background-color: #E6FFEE; 180 | font-family: 'Montserrat', sans-serif; 181 | } 182 | } 183 | 184 | .entry-text-box:focus { 185 | outline-color: black; 186 | font-family: 'Montserrat', sans-serif; 187 | color: black; 188 | font-size: 1rem; 189 | } 190 | 191 | .entry-text-box::placeholder { 192 | color: black; 193 | font-family: 'Montserrat', sans-serif; 194 | font-size: 1rem; 195 | } 196 | 197 | .entry-submit-btn { 198 | margin: 0; 199 | } 200 | 201 | 202 | .sectionEntryResults { 203 | width: 100%; 204 | margin: 0 auto; 205 | } 206 | 207 | .entryResultRow { 208 | 209 | display: flex; 210 | justify-content: center; 211 | align-items: center; 212 | flex-wrap: wrap; 213 | } 214 | 215 | .single-entry-div { 216 | max-width: 100%; 217 | margin-top: 0; 218 | padding: 0 1em; 219 | } 220 | 221 | .single-entry-date { 222 | background-color: #006622; 223 | width: 100%; 224 | margin-top: 0; 225 | } 226 | 227 | .heading-results { 228 | text-align: center; 229 | text-decoration: underline; 230 | text-decoration-color: #E6FFEE; 231 | } 232 | -------------------------------------------------------------------------------- /css/dreamer.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e9ffdb; 3 | font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif; 4 | } 5 | 6 | 7 | audio { 8 | display:block; 9 | margin: auto; 10 | width: 500px; 11 | 12 | } 13 | .head{ 14 | 15 | 16 | 17 | width: 100%; 18 | padding: 20px; 19 | 20 | 21 | } 22 | 23 | 24 | .conatiner { 25 | width: 70%; 26 | height: 500px; 27 | margin: auto; 28 | } 29 | 30 | 31 | 32 | .wrap { 33 | display: -webkit-box; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -ms-flex-wrap: wrap; 37 | flex-wrap: wrap; 38 | -webkit-box-pack: center; 39 | -ms-flex-pack: center; 40 | justify-content: center; 41 | -webkit-box-align: center; 42 | -ms-flex-align: center; 43 | align-items: center; 44 | -webkit-box-orient: horizontal; 45 | -webkit-box-direction: normal; 46 | -ms-flex-direction: row; 47 | flex-direction: row; 48 | 49 | 50 | } 51 | 52 | .box { 53 | 54 | width: 500px; 55 | height: 400px; 56 | text-align: center; 57 | border-radius: 10px; 58 | -webkit-transition: 200ms ease-in-out; 59 | -o-transition: 200ms ease-in-out; 60 | transition: 200ms ease-in-out; 61 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 62 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 63 | 64 | } 65 | .one { 66 | background: url('../Music-img/5.png'); 67 | background-repeat: no-repeat; 68 | background-size: cover; 69 | background-position: center; 70 | } -------------------------------------------------------------------------------- /css/flaticon(1).css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: "flaticon"; 3 | src: url("./flaticon.ttf?3090123a9b112be895e3f5a09eebe84a") format("truetype"), 4 | url("./flaticon.woff?3090123a9b112be895e3f5a09eebe84a") format("woff"), 5 | url("./flaticon.woff2?3090123a9b112be895e3f5a09eebe84a") format("woff2"), 6 | url("./flaticon.eot?3090123a9b112be895e3f5a09eebe84a#iefix") format("embedded-opentype"), 7 | url("./flaticon.svg?3090123a9b112be895e3f5a09eebe84a#flaticon") format("svg"); 8 | } 9 | 10 | i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before { 11 | font-family: flaticon !important; 12 | font-style: normal; 13 | font-weight: normal !important; 14 | font-variant: normal; 15 | text-transform: none; 16 | line-height: 1; 17 | -webkit-font-smoothing: antialiased; 18 | -moz-osx-font-smoothing: grayscale; 19 | } 20 | 21 | .flaticon-robotic:before { 22 | content: "\f101"; 23 | } 24 | .flaticon-brain:before { 25 | content: "\f102"; 26 | } 27 | .flaticon-journal:before { 28 | content: "\f103"; 29 | } 30 | .flaticon-article:before { 31 | content: "\f104"; 32 | } 33 | .flaticon-chronometer:before { 34 | content: "\f105"; 35 | } -------------------------------------------------------------------------------- /css/flaticon.css: -------------------------------------------------------------------------------- 1 | /* 2 | Flaticon icon font: Flaticon 3 | Creation date: 02/09/2020 06:16 4 | */ 5 | 6 | @font-face { 7 | font-family: "Flaticon"; 8 | src: url("./Flaticon.eot"); 9 | src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), 10 | url("./Flaticon.woff2") format("woff2"), 11 | url("./Flaticon.woff") format("woff"), 12 | url("./Flaticon.ttf") format("truetype"), 13 | url("./Flaticon.svg#Flaticon") format("svg"); 14 | font-weight: normal; 15 | font-style: normal; 16 | } 17 | 18 | @media screen and (-webkit-min-device-pixel-ratio:0) { 19 | @font-face { 20 | font-family: "Flaticon"; 21 | src: url("./Flaticon.svg#Flaticon") format("svg"); 22 | } 23 | } 24 | 25 | [class^="flaticon-"]:before, [class*=" flaticon-"]:before, 26 | [class^="flaticon-"]:after, [class*=" flaticon-"]:after { 27 | font-family: Flaticon; 28 | font-style: normal; 29 | } 30 | 31 | .flaticon-meditation:before { content: "\f100"; } 32 | .flaticon-workout:before { content: "\f101"; } 33 | .flaticon-workout-1:before { content: "\f102"; } 34 | .flaticon-yoga-pose-3:before { content: "\f103"; } 35 | .flaticon-workout-2:before { content: "\f104"; } 36 | .flaticon-workout-3:before { content: "\f105"; } 37 | .flaticon-workout-4:before { content: "\f106"; } 38 | .flaticon-yoga-pose-2:before { content: "\f107"; } 39 | .flaticon-yoga-pose-1:before { content: "\f108"; } 40 | .flaticon-yoga-pose:before { content: "\f109"; } -------------------------------------------------------------------------------- /css/footer.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap'); 2 | @import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Poppins:wght@100&display=swap'); 3 | * 4 | { 5 | margin: 0; 6 | padding: 0; 7 | box-sizing: border-box; 8 | 9 | } 10 | body { 11 | color: #797979; 12 | background: #ffffff; 13 | font-family: "Open Sans", sans-serif; 14 | } 15 | .footer{ 16 | background: #006622; 17 | color: #FFFFFF; 18 | height: 350px; 19 | position: relative; 20 | } 21 | .footer .footer-content{ 22 | display:flex; 23 | } 24 | .footer .footer-content .footer-section{ 25 | flex: 1; 26 | padding: 25px; 27 | } 28 | .footer .footer-content h1, 29 | .footer .footer-content h2{ 30 | color: white; 31 | } 32 | .footer .footer-content .about h1 span{ 33 | color: red; 34 | } 35 | .footer .footer-content .Contact-us h4 span{ 36 | display: block; 37 | margin-bottom: 8px; 38 | } 39 | .footer .footer-content .about p{ 40 | font-size: 1.5em; 41 | } 42 | .footer .footer-content .Contact-us h3{ 43 | font-size: 1.5em; 44 | 45 | } 46 | .footer .footer-content .Contact-us h3{ 47 | font-size: 1.5em; 48 | 49 | }.footer .footer-content .Contact-us h3 span{ 50 | font-size: 1.5em; 51 | 52 | }.footer .footer-content .links ul a{ 53 | display: block; 54 | margin-bottom: 8px; 55 | transition: all .3s; 56 | color: #FEFFFF; 57 | } .footer .footer-content .links ul a li{ 58 | font-size: 1em; 59 | 60 | } 61 | .footer .footer-content .links ul a:hover{ 62 | color: white; 63 | margin-left: 15px; 64 | transition: all .3s; 65 | } 66 | 67 | .footer .footer-bottom{ 68 | background: #93c47d; 69 | color: #686868; 70 | height: 50px; 71 | text-align: center; 72 | position: absolute; 73 | bottom: 0px; 74 | left: 0px; 75 | padding-top: 20px; 76 | width: 100%; 77 | color: #FEFFFF; 78 | font-size: 17px; 79 | } 80 | .social-icon { 81 | color: #fff; 82 | margin-left: 12px; 83 | } 84 | 85 | a.social-icon:hover { 86 | color: #fff; 87 | } 88 | .fa-linkedin:hover { 89 | color: #B4F5ED ; 90 | 91 | } 92 | .fa-facebook-square:hover { 93 | color: #B4F5ED ; 94 | 95 | } 96 | .fa-instagram:hover { 97 | color: #B4F5ED ; 98 | 99 | } 100 | .fa-envelope:hover { 101 | color: #B4F5ED ; 102 | } 103 | 104 | .footer .icons { 105 | text-align: center; 106 | font-size: 2.3rem; 107 | } 108 | -------------------------------------------------------------------------------- /css/happy.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e9ffdb; 3 | font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif; 4 | } 5 | 6 | 7 | audio { 8 | display:block; 9 | margin: auto; 10 | width: 500px; 11 | 12 | } 13 | .head{ 14 | 15 | 16 | 17 | width: 100%; 18 | padding: 20px; 19 | 20 | 21 | } 22 | 23 | 24 | .conatiner { 25 | width: 70%; 26 | height: 500px; 27 | margin: auto; 28 | } 29 | 30 | 31 | 32 | .wrap { 33 | display: -webkit-box; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -ms-flex-wrap: wrap; 37 | flex-wrap: wrap; 38 | -webkit-box-pack: center; 39 | -ms-flex-pack: center; 40 | justify-content: center; 41 | -webkit-box-align: center; 42 | -ms-flex-align: center; 43 | align-items: center; 44 | -webkit-box-orient: horizontal; 45 | -webkit-box-direction: normal; 46 | -ms-flex-direction: row; 47 | flex-direction: row; 48 | 49 | 50 | } 51 | 52 | .box { 53 | 54 | width: 500px; 55 | height: 400px; 56 | text-align: center; 57 | border-radius: 10px; 58 | -webkit-transition: 200ms ease-in-out; 59 | -o-transition: 200ms ease-in-out; 60 | transition: 200ms ease-in-out; 61 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 62 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 63 | 64 | } 65 | .one { 66 | background: url('../Music-img/4.png'); 67 | background-repeat: no-repeat; 68 | background-size: cover; 69 | background-position: center; 70 | } -------------------------------------------------------------------------------- /css/learning.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | .wrapper{ 7 | margin: 10rem 0; 8 | padding: 0 1rem; 9 | } 10 | .introduction{ 11 | display: flex; 12 | align-items: center; 13 | justify-content: center; 14 | } 15 | img{ 16 | width: 100%; 17 | height: auto; 18 | } 19 | .personality-traits{ 20 | display: flex; 21 | align-items: center; 22 | justify-content: center; 23 | padding: 2rem 0; 24 | } 25 | .personality-traits h1{ 26 | text-align: center; 27 | padding: 1rem 0; 28 | } 29 | .card-container{ 30 | display: grid; 31 | grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 32 | grid-gap: 2rem; 33 | place-items: center; 34 | justify-content: center; 35 | } 36 | .card{ 37 | display: flex; 38 | padding: 1.5rem; 39 | width: 350px; 40 | height: 300px; 41 | align-items: center; 42 | justify-content: center; 43 | border: 2px solid green; 44 | text-align: justify; 45 | } 46 | .characteristics h2{ 47 | text-align: center; 48 | } 49 | .characteristics li{ 50 | list-style-type: square; 51 | } 52 | .high{ 53 | color: green; 54 | } 55 | .low{ 56 | color: red; 57 | } 58 | @media(max-width: 600px){ 59 | .characteristics{ 60 | padding: 0 1rem; 61 | } 62 | } -------------------------------------------------------------------------------- /css/lightbox.min.css: -------------------------------------------------------------------------------- 1 | .lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1} -------------------------------------------------------------------------------- /css/musicstyle.css: -------------------------------------------------------------------------------- 1 | body { 2 | font-family: 'Roboto', sans-serif; 3 | background-color: #e9ffdb; 4 | 5 | 6 | } 7 | .head{ 8 | 9 | background: rgb(0, 0, 0); /* Fallback color */ 10 | background: rgba(0, 0, 0, 0.1); /* Black background with 0.5 opacity */ 11 | color: #f1f1f1; 12 | width: 100%; 13 | padding: 20px; 14 | border-radius: 25px; 15 | 16 | } 17 | .content{ 18 | color: #000000; 19 | } 20 | 21 | .conatiner { 22 | width: 70%; 23 | height: 500px; 24 | margin: auto; 25 | } 26 | .wrap { 27 | display: -webkit-box; 28 | display: -ms-flexbox; 29 | display: flex; 30 | -ms-flex-wrap: wrap; 31 | flex-wrap: wrap; 32 | -webkit-box-pack: center; 33 | -ms-flex-pack: center; 34 | justify-content: center; 35 | -webkit-box-align: center; 36 | -ms-flex-align: center; 37 | align-items: center; 38 | -webkit-box-orient: horizontal; 39 | -webkit-box-direction: normal; 40 | -ms-flex-direction: row; 41 | flex-direction: row; 42 | } 43 | 44 | .box { 45 | margin: 40px; 46 | width: 200px; 47 | height: 200px; 48 | text-align: center; 49 | border-radius: 10px; 50 | -webkit-transition: 200ms ease-in-out; 51 | -o-transition: 200ms ease-in-out; 52 | transition: 200ms ease-in-out; 53 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 54 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 55 | } 56 | .box:hover { 57 | margin-bottom: -10px; 58 | -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.7); 59 | box-shadow: 0 0 5px rgba(0,0,0,0.7); 60 | } 61 | 62 | 63 | 64 | .one { 65 | background: url('../Music-img/1.png'); 66 | background-repeat: no-repeat; 67 | background-size: cover; 68 | background-position: center; 69 | } 70 | 71 | .two { 72 | background: url('../Music-img/2.png'); 73 | background-repeat: no-repeat; 74 | background-size: cover; 75 | background-position: center; 76 | } 77 | .three { 78 | background: url('../Music-img/3.png'); 79 | background-repeat: no-repeat; 80 | background-size: cover; 81 | background-position: center; 82 | } 83 | 84 | .four { 85 | background: url('../Music-img/4.png'); 86 | background-repeat: no-repeat; 87 | background-size: cover; 88 | background-position: center; 89 | } 90 | 91 | .five { 92 | background: url('../Music-img/5.png'); 93 | background-repeat: no-repeat; 94 | background-size: cover; 95 | background-position: center; 96 | } 97 | .six { 98 | background: url('../Music-img/6.png'); 99 | background-repeat: no-repeat; 100 | background-size: cover; 101 | background-position: center; 102 | } 103 | .seven { 104 | background: url('../Music-img/7.png'); 105 | background-repeat: no-repeat; 106 | background-size: cover; 107 | background-position: center; 108 | } 109 | .eight { 110 | background: url('../Music-img/8.png'); 111 | background-repeat: no-repeat; 112 | background-size: cover; 113 | background-position: center; 114 | } 115 | .nine { 116 | background: url('../Music-img/9.png'); 117 | background-repeat: no-repeat; 118 | background-size: cover; 119 | background-position: center; 120 | } 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /css/newstyle.css: -------------------------------------------------------------------------------- 1 | 2 | html { 3 | overflow-x: hidden; 4 | scroll-behavior: smooth; 5 | } 6 | 7 | .svgMain { 8 | text-align: center; 9 | } 10 | 11 | svg{ 12 | font-weight:bold; 13 | max-width:600px; 14 | height:auto; 15 | } 16 | 17 | @import url(https://fonts.googleapis.com/css?family=Cabin+Condensed); 18 | body { 19 | background: #3E5151; 20 | background: #e6ffee; 21 | font-family: 'Cabin Condensed', sans-serif; 22 | 23 | } 24 | /* heading */ 25 | 26 | .styles { 27 | display: flex; 28 | justify-content: space-around; 29 | margin: 0 auto; 30 | margin-top: 4vmin; 31 | flex-wrap: wrap; 32 | /* flex-direction: column; */ 33 | } 34 | 35 | .stylebox { 36 | display: flex; 37 | flex-direction: column; 38 | flex-wrap: wrap; 39 | background: #000000d0; 40 | color: white; 41 | border-radius: 30px; 42 | padding: 1rem; 43 | text-align: center; 44 | font-family: "Poppins", sans-serif; 45 | margin: 1.5rem; 46 | border: none; 47 | width: 20rem; 48 | justify-content: center; 49 | transition: 0.2s; 50 | } 51 | .stylebox:hover { 52 | transform: scale(1.02); 53 | } 54 | .stylebox .image { 55 | width: 20rem; 56 | height: 13rem; 57 | } 58 | .stylebox .image img { 59 | background-size: cover; 60 | width: 100%; 61 | height: 100%; 62 | border-radius: 0.5rem; 63 | image-rendering: pixelated; 64 | } 65 | .stylebox p { 66 | text-align: left; 67 | font-size: 1.2rem; 68 | font-weight: 600; 69 | text-transform: capitalize; 70 | } 71 | .stylebox .btn-group { 72 | display: flex; 73 | justify-content: space-between; 74 | gap: 1rem; 75 | } 76 | .stylebox a { 77 | background-color: white; 78 | border: none; 79 | border-radius: 0.5rem; 80 | padding: 1vmin; 81 | font-size: 1.2rem; 82 | background-color: rgb(106, 114, 112); 83 | color: rgb(255, 255, 255); 84 | text-decoration: none; 85 | transition: 0.2s; 86 | width: 100%; 87 | } 88 | 89 | a:hover { 90 | background-color: rgb(148, 168, 163); 91 | cursor: pointer; 92 | } 93 | 94 | @media only screen and (max-width: 600px) { 95 | .styles { 96 | display: flex; 97 | flex-wrap: wrap; 98 | flex-direction: column; 99 | justify-content: space-around; 100 | margin: 0 auto; 101 | margin-top: 4vmin; 102 | } 103 | .stylebox { 104 | padding: 0.5rem; 105 | margin: auto; 106 | width: 18rem; 107 | margin-bottom: 1.5rem; 108 | } 109 | .stylebox .image { 110 | width: 18rem; 111 | height: 12rem; 112 | border-radius: 0.5rem; 113 | } 114 | } 115 | -------------------------------------------------------------------------------- /css/owl.carousel.min.css: -------------------------------------------------------------------------------- 1 | /** 2 | * Owl Carousel v2.2.1 3 | * Copyright 2013-2017 David Deutsch 4 | * Licensed under () 5 | */ 6 | .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} -------------------------------------------------------------------------------- /css/peace.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e9ffdb; 3 | font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif; 4 | } 5 | 6 | 7 | audio { 8 | display:block; 9 | margin: auto; 10 | width: 500px; 11 | 12 | } 13 | .head{ 14 | 15 | 16 | 17 | width: 100%; 18 | padding: 20px; 19 | 20 | 21 | } 22 | 23 | 24 | .conatiner { 25 | width: 70%; 26 | height: 500px; 27 | margin: auto; 28 | } 29 | 30 | 31 | 32 | .wrap { 33 | display: -webkit-box; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -ms-flex-wrap: wrap; 37 | flex-wrap: wrap; 38 | -webkit-box-pack: center; 39 | -ms-flex-pack: center; 40 | justify-content: center; 41 | -webkit-box-align: center; 42 | -ms-flex-align: center; 43 | align-items: center; 44 | -webkit-box-orient: horizontal; 45 | -webkit-box-direction: normal; 46 | -ms-flex-direction: row; 47 | flex-direction: row; 48 | 49 | 50 | } 51 | 52 | .box { 53 | 54 | width: 500px; 55 | height: 400px; 56 | text-align: center; 57 | border-radius: 10px; 58 | -webkit-transition: 200ms ease-in-out; 59 | -o-transition: 200ms ease-in-out; 60 | transition: 200ms ease-in-out; 61 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 62 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 63 | 64 | } 65 | .one { 66 | background: url('../Music-img/7.png'); 67 | background-repeat: no-repeat; 68 | background-size: cover; 69 | background-position: center; 70 | } -------------------------------------------------------------------------------- /css/pomodoro_timer.css: -------------------------------------------------------------------------------- 1 | html{ 2 | scroll-behavior: smooth; 3 | } 4 | body { 5 | color: #797979; 6 | background: #ffffff; 7 | font-family: 'Montserrat', sans-serif; 8 | background: #ffebee; 9 | padding: 0; 10 | margin: 0; 11 | } 12 | h1, 13 | h2, 14 | h3 { 15 | color: #343148; 16 | font-family: 'Montserrat', sans-serif; 17 | font-weight: 300; 18 | line-height: 1.1; 19 | letter-spacing: 0.025em; 20 | text-transform: uppercase; 21 | padding: 0; 22 | margin: 0; 23 | } 24 | a { 25 | color: #343148; 26 | text-decoration: none; 27 | opacity: 0.7; 28 | font-weight: bold; 29 | } 30 | a:hover { 31 | opacity: 1; 32 | } 33 | .wrapper { 34 | margin: 0 auto; 35 | width: 300px; 36 | height: 100vh; 37 | } 38 | .align-wrap { 39 | width: 100%; 40 | height: 100%; 41 | display: table; 42 | } 43 | .align { 44 | display: table-cell; 45 | vertical-align: middle; 46 | text-align: center; 47 | } 48 | .group { 49 | height: 55px; 50 | } 51 | .left { 52 | float: left; 53 | } 54 | .right { 55 | float: right; 56 | } 57 | .clock { 58 | width: 300px; 59 | height: 300px; 60 | vertical-align: middle; 61 | display: table-cell; 62 | } 63 | .timer { 64 | padding: 110px 0; 65 | font-weight: 400; 66 | font-size: 4em; 67 | } 68 | .button { 69 | font-family: 'Montserrat', sans-serif; 70 | width: 100px; 71 | height: 45px; 72 | border: solid thin #343148; 73 | text-transform: uppercase; 74 | background: #343148; 75 | color: #ffebee; 76 | font-weight: bold; 77 | transition: 0.3s; 78 | border-radius: 6px; 79 | } 80 | .button:hover { 81 | background: white; 82 | color: #F44336; 83 | } 84 | .button:focus { 85 | outline: none; 86 | } 87 | -------------------------------------------------------------------------------- /css/single.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin: 0; 3 | padding: 0; 4 | box-sizing: border-box; 5 | } 6 | body { 7 | color: #797979; 8 | background: #ffffff; 9 | font-family: "Open Sans", sans-serif; 10 | } 11 | 12 | h1, 13 | h2, 14 | h3, 15 | h4, 16 | h5, 17 | h6 { 18 | color: #343148; 19 | } 20 | #logo img{ 21 | width: 60px; 22 | margin: 0px 10px; 23 | height: 60px; 24 | border-radius: 50px; 25 | } 26 | 27 | .back-to-top { 28 | position: fixed; 29 | /* display: none; */ 30 | width: 50px; 31 | height: 50px; 32 | border-radius: 50%; 33 | background-color: #006622; 34 | text-align: center; 35 | line-height: 1; 36 | font-size: 25px; 37 | right: 20px; 38 | bottom: 30px; 39 | transition:0.5s; 40 | } 41 | 42 | 43 | .back-to-top:hover { 44 | background: #343148; 45 | } 46 | 47 | .back-to-top:hover i { 48 | color: #f7cac9; 49 | } 50 | 51 | .back-to-top i { 52 | color: #eee; 53 | padding-top: 10px; 54 | } 55 | @media (max-width: 991.98px) { 56 | .navbar { 57 | padding: 15px; 58 | background: #006622 !important; 59 | } 60 | 61 | .navbar .navbar-brand span { 62 | color: #ffffff; 63 | font-size: 1.8rem; 64 | } 65 | } 66 | 67 | .container{ 68 | position: relative; 69 | top:125px; 70 | } 71 | ul li{ 72 | list-style-type: square; 73 | } 74 | hr{ 75 | border: 1px solid #343148; 76 | } 77 | 78 | .about-img img { 79 | width: 100%; 80 | height: auto; 81 | } 82 | /* footer{ 83 | display: flex; 84 | align-items: center; 85 | justify-content: center; 86 | } */ 87 | .social-icon{ 88 | color: #006622; 89 | margin-right: 0.2rem; 90 | font-size: 1.7rem; 91 | transition: all 0.5s ease; 92 | } 93 | .social-icon:hover i { 94 | color: #343148; 95 | } 96 | .row{ 97 | padding: 0 0.5rem; 98 | } 99 | .copyright{ 100 | text-align: center; 101 | } -------------------------------------------------------------------------------- /css/solitude.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e9ffdb; 3 | font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif; 4 | } 5 | 6 | 7 | audio { 8 | display:block; 9 | margin: auto; 10 | width: 500px; 11 | 12 | } 13 | .head{ 14 | 15 | 16 | 17 | width: 100%; 18 | padding: 20px; 19 | 20 | 21 | } 22 | 23 | 24 | .conatiner { 25 | width: 70%; 26 | height: 500px; 27 | margin: auto; 28 | } 29 | 30 | 31 | 32 | .wrap { 33 | display: -webkit-box; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -ms-flex-wrap: wrap; 37 | flex-wrap: wrap; 38 | -webkit-box-pack: center; 39 | -ms-flex-pack: center; 40 | justify-content: center; 41 | -webkit-box-align: center; 42 | -ms-flex-align: center; 43 | align-items: center; 44 | -webkit-box-orient: horizontal; 45 | -webkit-box-direction: normal; 46 | -ms-flex-direction: row; 47 | flex-direction: row; 48 | 49 | 50 | } 51 | 52 | .box { 53 | 54 | width: 500px; 55 | height: 400px; 56 | text-align: center; 57 | border-radius: 10px; 58 | -webkit-transition: 200ms ease-in-out; 59 | -o-transition: 200ms ease-in-out; 60 | transition: 200ms ease-in-out; 61 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 62 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 63 | 64 | } 65 | .one { 66 | background: url('../Music-img/3.png'); 67 | background-repeat: no-repeat; 68 | background-size: cover; 69 | background-position: center; 70 | } -------------------------------------------------------------------------------- /css/styleEnd.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;500&display=swap'); 2 | body { 3 | /* font-family: "Lato"; */ 4 | font-family: 'Poppins', sans-serif; 5 | background: #7bdd9c; 6 | 7 | } 8 | html{ 9 | scroll-behavior: smooth; 10 | } 11 | .main{ 12 | display: flex; 13 | justify-content: center; 14 | align-items: center; 15 | width: 100vw; 16 | height: 100vh; 17 | background: #7bdd9c; 18 | } 19 | .quiz{ 20 | background: white; 21 | display: grid; 22 | grid-template-rows: 60px auto; 23 | width: 70%; 24 | height:90%; 25 | } 26 | .option{ 27 | list-style-type: none; 28 | margin-bottom: 10px; 29 | background: white; 30 | font-size: 20px; 31 | width: 40%; 32 | padding-left: 20px; 33 | padding-top: 5px; 34 | padding-bottom:5px; 35 | border-radius: 20px; 36 | } 37 | 38 | #btn{ 39 | background-color: white; 40 | color:#006622; 41 | padding: 10px; 42 | display: block; 43 | width: 100%; 44 | margin-top: 15px; 45 | border-radius: 20px; 46 | font-size: 20px; 47 | } 48 | #welcome_form{ 49 | width: 400px; 50 | 51 | } 52 | #welcome{ 53 | width:100%; 54 | background: transparent; 55 | color:white; 56 | border:none; 57 | border-bottom: 1px solid white; 58 | font-size:34px; 59 | } 60 | #btn:hover{ 61 | transform: translateY(-5px); 62 | cursor: pointer; 63 | } 64 | #welcome:focus{ 65 | outline:none; 66 | } 67 | .header{ 68 | background: #E6FFEE; 69 | } 70 | .quiz-body{ 71 | background:#E6FFEE; 72 | 73 | } 74 | .yoga-logo{ 75 | width: 75px; 76 | /* padding: 25px; */ 77 | margin-left: 45%; 78 | margin-bottom: 15px; 79 | } 80 | 81 | .nextQues{ 82 | background:#006622; 83 | color: white; 84 | border-radius: 30px; 85 | margin-left: 50px; 86 | font-size: 1rem; 87 | padding: 5px 10px 5px 10px; 88 | border: none; 89 | } 90 | .nextQues:hover{ 91 | background:white; 92 | color: #006622; 93 | border: none; 94 | } 95 | 96 | .option:hover{ 97 | border:2px solid #006622; 98 | cursor: pointer; 99 | } 100 | .option.active{ 101 | background: #006622 !important; 102 | color:#fff !important; 103 | } 104 | .end{ 105 | position: relative; 106 | width: 100vw; 107 | height: 100vh; 108 | background: #006622; 109 | } 110 | .content{ 111 | color: white; 112 | position: absolute; 113 | left: 50%; 114 | top: 50%; 115 | transform: translate(-50%,-50%); 116 | 117 | } 118 | 119 | .quiz-body-2{ 120 | background:#E6FFEE; 121 | position: absolute; 122 | 123 | left: 50%; 124 | top: 50%; 125 | transform: translate(-50%,-50%); 126 | } 127 | .tt{ 128 | margin-top: 1rem; 129 | padding: 1rem; 130 | display: flex; 131 | justify-content: center; 132 | align-items: center; 133 | background: #E6FFEE; 134 | } 135 | 136 | #returnHome{ 137 | border: none; 138 | background:#3dc76b; 139 | color: white; 140 | border-radius: 30px; 141 | margin-left: 40%; 142 | font-size: 1rem; 143 | padding: 5px 10px 5px 10px; 144 | } 145 | #returnHome:hover{ 146 | background:white; 147 | color: #006622; 148 | border: none; 149 | } 150 | 151 | .score{ 152 | font-size: 1.75rem; 153 | } 154 | 155 | 156 | @media(max-width:717px){ 157 | .option{ 158 | width: 80%; 159 | } 160 | } 161 | @media(min-width:650px) and (max-width:820px){ 162 | .main{ 163 | 164 | width: 100%; 165 | height: 100%; 166 | background: #7bdd9c; 167 | } 168 | .quiz-body-2{ 169 | padding: 2rem; 170 | width: 80%; 171 | } 172 | .header{ 173 | background: #7bdd9c ; 174 | } 175 | } 176 | 177 | @media(max-width:650px){ 178 | .header{ 179 | display: none; 180 | } 181 | .main{ 182 | display: flex; 183 | justify-content: center; 184 | align-items: center; 185 | width: 100%; 186 | height: 100%; 187 | background: #7bdd9c; 188 | } 189 | .quiz-body{ 190 | background: #7bdd9c; 191 | 192 | } 193 | .quiz{ 194 | background: white; 195 | display: grid; 196 | grid-template-rows: 60px auto; 197 | width: 70%; 198 | height:90%; 199 | } 200 | .quiz-body-2{ 201 | padding: 2rem; 202 | width: 80%; 203 | } 204 | } -------------------------------------------------------------------------------- /css/stylequiz.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;500&display=swap'); 2 | html{ 3 | scroll-behavior: smooth; 4 | } 5 | body { 6 | /* font-family: "Lato"; */ 7 | font-family: 'Poppins', sans-serif; 8 | background: #7bdd9c; 9 | overflow-x: hidden; 10 | } 11 | 12 | .main { 13 | display: flex; 14 | justify-content: center; 15 | align-items: center; 16 | width: 100vw; 17 | height: 100vh; 18 | /* background: #006622; */ 19 | } 20 | 21 | .quiz-header { 22 | text-align: center; 23 | color: #006622; 24 | margin-bottom: 0; 25 | margin-top: 10px; 26 | } 27 | 28 | .quiz { 29 | background: white; 30 | display: grid; 31 | grid-template-rows: 60px auto; 32 | width: 70%; 33 | height: 90%; 34 | } 35 | 36 | .option { 37 | list-style-type: none; 38 | margin-bottom: 10px; 39 | background: white; 40 | font-size: 20px; 41 | width: 40%; 42 | padding-left: 20px; 43 | padding-top: 5px; 44 | padding-bottom: 5px; 45 | border-radius: 20px; 46 | } 47 | 48 | /* when user */ 49 | 50 | .questions .option.disabled{ 51 | pointer-events: none; 52 | } 53 | 54 | #btn { 55 | background-color: white; 56 | color: #006622; 57 | padding: 10px; 58 | display: block; 59 | width: 100%; 60 | margin-top: 15px; 61 | border-radius: 20px; 62 | font-size: 20px; 63 | } 64 | 65 | #welcome_form { 66 | width: 400px; 67 | 68 | } 69 | 70 | #welcome { 71 | width: 100%; 72 | background: transparent; 73 | color: white; 74 | border: none; 75 | border-bottom: 1px solid white; 76 | font-size: 34px; 77 | } 78 | 79 | #btn:hover { 80 | transform: translateY(-5px); 81 | cursor: pointer; 82 | } 83 | 84 | #welcome:focus { 85 | outline: none; 86 | } 87 | 88 | .header { 89 | background: #E6FFEE; 90 | } 91 | 92 | .quiz-body { 93 | background: #E6FFEE; 94 | 95 | } 96 | 97 | .yoga-logo { 98 | width: 75px; 99 | /* padding: 25px; */ 100 | margin-left: 45%; 101 | margin-bottom: 20px; 102 | } 103 | 104 | #questions { 105 | color: #006622; 106 | margin-bottom: 5%; 107 | padding-bottom: 15px; 108 | } 109 | 110 | .nextQues { 111 | background: #3dc76b; 112 | color: white; 113 | border-radius: 30px; 114 | margin-left: 50px; 115 | font-size: 1rem; 116 | padding: 5px 10px 5px 10px; 117 | border: none; 118 | } 119 | 120 | .nextQues:hover { 121 | background: white; 122 | color: #006622; 123 | border: none; 124 | } 125 | 126 | .nextQues.active { 127 | border: none; 128 | } 129 | 130 | .option:hover { 131 | /* border:1.5px solid #7bdd9c; */ 132 | background: #7bdd9c; 133 | cursor: pointer; 134 | } 135 | 136 | .option.active { 137 | background: #7bdd9c !important; 138 | color: #fff !important; 139 | } 140 | 141 | .end { 142 | position: relative; 143 | width: 100vw; 144 | height: 100vh; 145 | /* background: #006622; */ 146 | } 147 | 148 | .content { 149 | color: white; 150 | position: absolute; 151 | left: 50%; 152 | top: 50%; 153 | transform: translate(-50%, -50%); 154 | 155 | } 156 | 157 | .quiz-body-2 { 158 | background: #E6FFEE; 159 | position: absolute; 160 | 161 | left: 50%; 162 | top: 50%; 163 | transform: translate(-50%, -50%); 164 | } 165 | 166 | .tt { 167 | margin-top: 1rem; 168 | padding: 1rem; 169 | display: flex; 170 | justify-content: center; 171 | align-items: center; 172 | background: #E6FFEE; 173 | } 174 | 175 | 176 | @media(max-width:717px) { 177 | .option { 178 | width: 80%; 179 | } 180 | } 181 | 182 | @media(max-width:650px) { 183 | .content { 184 | width: max-content; 185 | } 186 | 187 | .quiz-body-2 { 188 | width: 80%; 189 | } 190 | } 191 | 192 | ::-webkit-scrollbar { 193 | width: 5px; 194 | } 195 | 196 | ::-webkit-scrollbar-track { 197 | background: #f1f1f1; 198 | } 199 | 200 | ::-webkit-scrollbar-thumb { 201 | background: rgb(20, 49, 14); 202 | } 203 | 204 | ::-webkit-scrollbar-thumb:hover { 205 | background: rgb(20, 49, 14); 206 | } 207 | 208 | .pl-5 { 209 | margin-bottom: 5%; 210 | } -------------------------------------------------------------------------------- /css/sunshine.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e9ffdb; 3 | font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif; 4 | } 5 | 6 | 7 | audio { 8 | display:block; 9 | margin: auto; 10 | width: 500px; 11 | 12 | } 13 | .head{ 14 | 15 | 16 | 17 | width: 100%; 18 | padding: 20px; 19 | 20 | 21 | } 22 | 23 | 24 | .conatiner { 25 | width: 70%; 26 | height: 500px; 27 | margin: auto; 28 | } 29 | 30 | 31 | 32 | .wrap { 33 | display: -webkit-box; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -ms-flex-wrap: wrap; 37 | flex-wrap: wrap; 38 | -webkit-box-pack: center; 39 | -ms-flex-pack: center; 40 | justify-content: center; 41 | -webkit-box-align: center; 42 | -ms-flex-align: center; 43 | align-items: center; 44 | -webkit-box-orient: horizontal; 45 | -webkit-box-direction: normal; 46 | -ms-flex-direction: row; 47 | flex-direction: row; 48 | 49 | 50 | } 51 | 52 | .box { 53 | 54 | width: 500px; 55 | height: 400px; 56 | text-align: center; 57 | border-radius: 10px; 58 | -webkit-transition: 200ms ease-in-out; 59 | -o-transition: 200ms ease-in-out; 60 | transition: 200ms ease-in-out; 61 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 62 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 63 | 64 | } 65 | .one { 66 | background: url('../Music-img/2.png'); 67 | background-repeat: no-repeat; 68 | background-size: cover; 69 | background-position: center; 70 | } -------------------------------------------------------------------------------- /css/tomorrow.css: -------------------------------------------------------------------------------- 1 | body { 2 | background-color: #e9ffdb; 3 | font: normal 1em / 1.5em BlinkMacSystemFont, -apple-system, 'Segoe UI', roboto, helvetica, arial, sans-serif; 4 | } 5 | 6 | 7 | audio { 8 | display:block; 9 | margin: auto; 10 | width: 500px; 11 | 12 | } 13 | .head{ 14 | 15 | 16 | 17 | width: 100%; 18 | padding: 20px; 19 | 20 | 21 | } 22 | 23 | 24 | .conatiner { 25 | width: 70%; 26 | height: 500px; 27 | margin: auto; 28 | } 29 | 30 | 31 | 32 | .wrap { 33 | display: -webkit-box; 34 | display: -ms-flexbox; 35 | display: flex; 36 | -ms-flex-wrap: wrap; 37 | flex-wrap: wrap; 38 | -webkit-box-pack: center; 39 | -ms-flex-pack: center; 40 | justify-content: center; 41 | -webkit-box-align: center; 42 | -ms-flex-align: center; 43 | align-items: center; 44 | -webkit-box-orient: horizontal; 45 | -webkit-box-direction: normal; 46 | -ms-flex-direction: row; 47 | flex-direction: row; 48 | 49 | 50 | } 51 | 52 | .box { 53 | 54 | width: 500px; 55 | height: 400px; 56 | text-align: center; 57 | border-radius: 10px; 58 | -webkit-transition: 200ms ease-in-out; 59 | -o-transition: 200ms ease-in-out; 60 | transition: 200ms ease-in-out; 61 | -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.3); 62 | box-shadow: 0 0 15px rgba(0,0,0,0.3); 63 | 64 | } 65 | .one { 66 | background: url('../Music-img/1.png'); 67 | background-repeat: no-repeat; 68 | background-size: cover; 69 | background-position: center; 70 | } -------------------------------------------------------------------------------- /html/Login.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | PaciFy : SignUp 9 | 10 | 11 | 12 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 58 | 59 |
60 |
61 | 91 | 92 |
93 |
94 |
95 |

First time?

96 |

Sign up and make sure you take the test!

97 |
98 |
99 |

Already joined?

100 |

101 | If you already have an account, just sign in. We've missed you! 102 |

103 |
104 |
105 | Sign Up 106 | Sign In 107 |
108 |
109 | 132 |
133 |
134 |
135 | 136 | 137 | 147 | 148 | 149 | -------------------------------------------------------------------------------- /html/breathe.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 |

Calm Yourself Down!

12 |
13 | 14 |
15 | 16 |
17 |
18 |
19 | 22 | 23 | -------------------------------------------------------------------------------- /html/calm.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 |

Calm Yourself Down!

12 |
13 | 14 |
15 | 16 |
17 |
18 |
19 | 22 | 23 | -------------------------------------------------------------------------------- /html/courage.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 |

Calm Yourself Down!

12 |
13 | 14 |
15 | 16 |
17 |
18 |
19 | 22 | 23 | -------------------------------------------------------------------------------- /html/diary.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | My Diary App 26 | 27 | 28 |

My Personal Journal

29 | 30 | 31 |
32 |
33 |
34 |
35 |
36 | 37 | 44 | 45 | 51 | 52 |
53 |
54 |
55 |
56 |
57 | 58 | 59 |
60 |

Journal Entries

61 |
62 |
63 |
64 |
65 | 66 | 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /html/dreamer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 |

Calm Yourself Down!

12 |
13 | 14 |
15 | 16 |
17 |
18 |
19 | 22 | 23 | -------------------------------------------------------------------------------- /html/end.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 |

Your Score:

31 |
32 | 33 |


34 | 35 |
36 | 37 | 38 |
39 |
40 |
41 | 74 | 75 | -------------------------------------------------------------------------------- /html/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Co+ Healthcare 5 | 6 | 7 | 8 | 9 | 11 | 12 | 13 | 14 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 | 26 | 27 | 28 |
29 |

PaciFy - July 14, 2021 - Hack for Inclusion

30 |

------------------------------------

31 |

“There is hope, even when your brain tells you there isn’t.”

32 | 33 |
34 |
35 |

Services

36 |
37 | 54 | 55 | 56 | 57 | 58 |
59 | 60 |
61 |

Team - Mind Bogglers

62 |
63 |   011-23978046 64 | 65 |
66 |
67 |
68 | 69 |
70 | ©-PaciFy|All Rights Reserved 71 |
72 |
73 | 74 | 75 | -------------------------------------------------------------------------------- /html/happy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 |

Calm Yourself Down!

12 |
13 | 14 |
15 | 16 |
17 |
18 |
19 | 22 | 23 | -------------------------------------------------------------------------------- /html/learning.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 19 | 21 | 22 | 23 | 25 | 26 | 27 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | Learning 49 | 50 | 51 | 52 | 73 |
74 |
75 |
76 |
77 |

Introduction

78 |

Many contemporary personality psychologists believe that there are five basic dimensions of 79 | personality, 80 | often 81 | referred 82 | to as the "Big 5" personality traits. The five broad personality traits described by the theory 83 | are 84 | extraversion 85 | (also 86 | often spelled extroversion), agreeableness, openness, conscientiousness, and neuroticism.

87 |
88 |

It is important to note that each of the five personality factors represents a range between two 89 | extremes. For example, 90 | extraversion represents a continuum between extreme extraversion and extreme introversion. In 91 | the real world, most 92 | people lie somewhere in between the two polar ends of each dimension.

93 |
94 |
95 | 97 |
98 |
99 |
100 |
101 |
102 |

The Five Personality Traits

103 |

Research suggests that both biological and environmental influences play a role in shaping our 104 | personalities. Twin 105 | studies suggest that both nature and nurture play a role in the development of each of the five 106 | personality factors. 107 | Studies have shown that maturation may have an impact on the five traits. As people age, they 108 | tend to become less 109 | extraverted, less neurotic, and less open to the experience. Agreeableness and 110 | conscientiousness, on the other hand, 111 | tend to increase as people grow older.

112 |

Longitudinal studies also suggest that these big five personality traits tend to be relatively 113 | stable over the course of 114 | adulthood. One study of working-age adults found that personality tended to be stable over a 115 | four-year period and 116 | displayed little change as a result of adverse life events.

117 |
118 |
119 |

Openness

120 |

This trait features characteristics such as imagination and insight.They are curious 121 | about the world and other people and eager to learn new things and 122 | enjoy new experiences.

123 |
124 |
125 |

Conscientiousness

126 |

Highly conscientious people tend to be organized and mindful of details. They plan ahead, 127 | think about how their behavior 128 | affects others, and are mindful of deadlines.

129 |
130 |
131 |

Extraversion

132 |

Extraversion (or extroversion) is characterized by excitability, sociability, 133 | talkativeness, assertiveness, and high 134 | amounts of emotional expressiveness.

135 |
136 |
137 |

Agreeableness

138 |

This personality dimension includes attributes such as trust, altruism, kindness, 139 | affection, and other prosocial 140 | behaviors.

141 |
142 |
143 |

Neuroticism

144 |

Neuroticism is a trait characterized by sadness, moodiness, and emotional instability. 145 |

146 |
147 |
148 |
149 |
150 |
151 |
152 |

Most common characteristics

153 |

This section lists the most common characteristics of people with the following personality traits. High denotes a person who has these traits highly. 154 | Low denotes the person doesn't have much of these traits.

155 |

1.Openness

156 |
157 |
158 |
159 |

High

160 |
    161 |
  • Very creative
    • 162 |
  • Open to trying new things
    • 163 |
  • Focussed on tackling new challenges
    • 164 |
  • Happy to think about abstract concepts
    • 165 |
166 |
167 |
168 |

Low

169 |
    170 |
  • Dislike change
    • 171 |
  • Not open to trying new things
    • 172 |
  • Resists new ideas
    • 173 |
  • Not very creative
    • 174 |
175 | 176 |
177 |
178 |

Conscientiousness

179 |
180 |
181 |
182 |
183 |

High

184 |
    185 |
  • Spends time preparing
    • 186 |
  • Finishes important tasks right away
    • 187 |
  • Pays attention to detail
    • 188 |
  • Enjoys having a set schedule
    • 189 |
190 |
191 |
192 |

Low

193 |
    194 |
  • Dislikes structure and schedules
    • 195 |
  • Procrastinates important tasks
    • 196 |
  • Makes messes and doesn't take care of things
    • 197 |
  • Fails to complete necessary or assigned tasks
    • 198 |
199 | 200 |
201 |
202 |

Extraversion

203 |
204 |
205 |
206 |

High

207 |
    208 |
  • Enjoys being the center of attention
    • 209 |
  • Likes to start conversations
    • 210 |
  • Feels energized when around other people
    • 211 |
  • Say things before thinking about them
    • 212 |
213 |
214 |
215 |

Low

216 |
    217 |
  • Dislikes making small talk
    • 218 |
  • Carefully thinks things through before speaking
    • 219 |
  • Finds it difficult to start conversations
    • 220 |
  • Feels exhausted when having to socialize a lot
    • 221 |
222 | 223 |
224 |
225 |

Agreeableness

226 |
227 |
228 |
229 |

High

230 |
    231 |
  • Has a great deal of interest in other people
    • 232 |
  • Feels empathy and concern for other people
    • 233 |
  • Enjoys helping and contributing to the happiness of other people
    • 234 |
  • Assists others who are in need of help
    • 235 |
236 |
237 |
238 |

Low

239 |
    240 |
  • Takes little interest in others
    • 241 |
  • Doesn't care about how other people feel
    • 242 |
  • Insults and belittles others
    • 243 |
  • Manipulates others to get what they want
    • 244 |
245 | 246 |
247 |
248 |

Neuroticism

249 |
250 |
251 |
252 |

High

253 |
    254 |
  • Experiences a lot of stress
    • 255 |
  • Worries about many different things
    • 256 |
  • Experiences dramatic shifts in mood
    • 257 |
  • Struggles to bounce back after stressful events
    • 258 |
259 |
260 |
261 |

Low

262 |
    263 |
  • Emotionally stable
    • 264 |
  • Deals well with stress
    • 265 |
  • Rarely feels sad or depressed
    • 266 |
  • Is very relaxed
    • 267 |
268 | 269 |
270 |
271 | 272 | 273 |
274 |
275 |
276 | 277 | 278 | 279 | -------------------------------------------------------------------------------- /html/music.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |
6 | 7 | 8 | 9 |
10 |

Calm Yourself Down!

11 |
12 |
13 |

Music alone does wonders for our health and wellness. But if you combine music with mindfulness you create more space for the healing benefits.

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 | -------------------------------------------------------------------------------- /html/peace.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 |

Calm Yourself Down!

12 |
13 | 14 |
15 | 16 |
17 |
18 |
19 | 22 | 23 | -------------------------------------------------------------------------------- /html/pomodoro.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Pomodoro Timer 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 |
25 |
26 |
27 |
28 |

break

29 |

-+

30 |
31 |
32 |

session

33 |

-+

34 |
35 |
36 |
37 |

38 | 39 | 40 | 41 | 42 | 43 | 44 |
45 |
46 |
47 |
48 | 49 | 50 | 51 | 52 | -------------------------------------------------------------------------------- /html/quiz.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | PaciFy - Quiz 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 44 | 45 |

Self Mental Health Check Quiz

46 |
47 |
48 |
49 | 50 |
51 | 52 |
53 |
54 | 55 |
56 |
57 |
58 | 59 |
60 | 61 |
62 |
63 |
64 | 66 | 67 | 68 | -------------------------------------------------------------------------------- /html/solitude.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 |

Calm Yourself Down!

12 |
13 | 14 |
15 | 16 |
17 |
18 |
19 | 22 | 23 | -------------------------------------------------------------------------------- /html/sunshine.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 |

Calm Yourself Down!

12 |
13 | 14 |
15 | 16 |
17 |
18 |
19 | 22 | 23 | -------------------------------------------------------------------------------- /html/tomorrow.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
7 | 8 | 9 | 10 |
11 |

Calm Yourself Down!

12 |
13 | 14 |
15 | 16 |
17 |
18 |
19 | 22 | 23 | -------------------------------------------------------------------------------- /images file/1030_kk_sitting_risks_mental_health_feat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/1030_kk_sitting_risks_mental_health_feat.jpg -------------------------------------------------------------------------------- /images file/Article-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/Article-1.jpg -------------------------------------------------------------------------------- /images file/Articles.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/Articles.png -------------------------------------------------------------------------------- /images file/Features.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/Features.png -------------------------------------------------------------------------------- /images file/Home.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/Home.png -------------------------------------------------------------------------------- /images file/How_Title_Companies_Can_Promote_Positive_Mental_Health.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/How_Title_Companies_Can_Promote_Positive_Mental_Health.jpeg -------------------------------------------------------------------------------- /images file/LapSadKid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/LapSadKid.jpg -------------------------------------------------------------------------------- /images file/MH1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/MH1.jpg -------------------------------------------------------------------------------- /images file/MH2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/MH2.jpg -------------------------------------------------------------------------------- /images file/MH3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/MH3.jpeg -------------------------------------------------------------------------------- /images file/MH4.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/MH4.jpeg -------------------------------------------------------------------------------- /images file/MH5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/MH5.jpg -------------------------------------------------------------------------------- /images file/MH6.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/MH6.jpeg -------------------------------------------------------------------------------- /images file/MH7.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/MH7.jpeg -------------------------------------------------------------------------------- /images file/MH8.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/MH8.jpeg -------------------------------------------------------------------------------- /images file/Mental_Physical_Health.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/Mental_Physical_Health.png -------------------------------------------------------------------------------- /images file/Pacify-background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/Pacify-background.jpg -------------------------------------------------------------------------------- /images file/Quiz-Quest.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/Quiz-Quest.png -------------------------------------------------------------------------------- /images file/Quiz-Result.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/Quiz-Result.png -------------------------------------------------------------------------------- /images file/Untitled-design-22-removebg-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/Untitled-design-22-removebg-preview.png -------------------------------------------------------------------------------- /images file/carousel_image_1_modified.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/carousel_image_1_modified.jpeg -------------------------------------------------------------------------------- /images file/carousel_image_2_modified.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/carousel_image_2_modified.png -------------------------------------------------------------------------------- /images file/carousel_image_3_modified.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/carousel_image_3_modified.png -------------------------------------------------------------------------------- /images file/carousel_image_4_modified.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/carousel_image_4_modified.jpeg -------------------------------------------------------------------------------- /images file/carousel_image_5.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/carousel_image_5.jpeg -------------------------------------------------------------------------------- /images file/carousel_image_5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/carousel_image_5.jpg -------------------------------------------------------------------------------- /images file/carousel_image_5_modified.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/carousel_image_5_modified.jpeg -------------------------------------------------------------------------------- /images file/carousel_image_5_modified.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/carousel_image_5_modified.jpg -------------------------------------------------------------------------------- /images file/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/github.png -------------------------------------------------------------------------------- /images file/main_image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/main_image.png -------------------------------------------------------------------------------- /images file/mental-health2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/mental-health2.jpg -------------------------------------------------------------------------------- /images file/pic.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/pic.jpg -------------------------------------------------------------------------------- /images file/portfolio-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/portfolio-1.jpg -------------------------------------------------------------------------------- /images file/portfolio-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/portfolio-2.jpg -------------------------------------------------------------------------------- /images file/portfolio-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/portfolio-3.jpg -------------------------------------------------------------------------------- /images file/portfolio-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/portfolio-4.jpg -------------------------------------------------------------------------------- /images file/portfolio-5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/portfolio-5.jpg -------------------------------------------------------------------------------- /images file/portfolio-6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/portfolio-6.jpg -------------------------------------------------------------------------------- /images file/yoga.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/images file/yoga.png -------------------------------------------------------------------------------- /main.js: -------------------------------------------------------------------------------- 1 | (function ($) { 2 | "use strict"; 3 | 4 | // Initiate the wowjs 5 | new WOW().init(); 6 | 7 | 8 | // Back to top button 9 | $(window).scroll(function () { 10 | if ($(this).scrollTop() > 200) { 11 | $('.back-to-top').fadeIn('slow'); 12 | } else { 13 | $('.back-to-top').fadeOut('slow'); 14 | } 15 | }); 16 | $('.back-to-top').click(function () { 17 | $('html, body').animate({scrollTop: 0}, 1500, 'easeInOutExpo'); 18 | return false; 19 | }); 20 | 21 | 22 | // Sticky Navbar 23 | $(window).scroll(function () { 24 | if ($(this).scrollTop() > 0) { 25 | $('.navbar').addClass('nav-sticky'); 26 | } else { 27 | $('.navbar').removeClass('nav-sticky'); 28 | } 29 | }); 30 | 31 | 32 | // Dropdown on mouse hover 33 | $(document).ready(function () { 34 | function toggleNavbarMethod() { 35 | if ($(window).width() > 992) { 36 | $('.navbar .dropdown').on('mouseover', function () { 37 | $('.dropdown-toggle', this).trigger('click'); 38 | }).on('mouseout', function () { 39 | $('.dropdown-toggle', this).trigger('click').blur(); 40 | }); 41 | } else { 42 | $('.navbar .dropdown').off('mouseover').off('mouseout'); 43 | } 44 | } 45 | toggleNavbarMethod(); 46 | $(window).resize(toggleNavbarMethod); 47 | }); 48 | 49 | 50 | // Testimonials carousel 51 | $(".testimonials-carousel").owlCarousel({ 52 | center: true, 53 | autoplay: true, 54 | dots: true, 55 | loop: true, 56 | responsive: { 57 | 0:{ 58 | items:1 59 | }, 60 | 576:{ 61 | items:1 62 | }, 63 | 768:{ 64 | items:2 65 | }, 66 | 992:{ 67 | items:3 68 | } 69 | } 70 | }); 71 | 72 | 73 | // Blogs carousel 74 | $('.owl-carousel').owlCarousel({ 75 | loop:true, 76 | margin:10, 77 | dots:false, 78 | nav:true, 79 | autoplay:true, 80 | smartSpeed: 3000, 81 | autoplayTimeout:7000, 82 | responsive:{ 83 | 0:{ 84 | items:1 85 | }, 86 | 600:{ 87 | items:2 88 | }, 89 | 1000:{ 90 | items:3 91 | } 92 | } 93 | }) 94 | 95 | 96 | // Class filter 97 | var classIsotope = $('.class-container').isotope({ 98 | itemSelector: '.class-item', 99 | layoutMode: 'fitRows' 100 | }); 101 | 102 | $('#class-filter li').on('click', function () { 103 | $("#class-filter li").removeClass('filter-active'); 104 | $(this).addClass('filter-active'); 105 | classIsotope.isotope({filter: $(this).data('filter')}); 106 | }); 107 | 108 | 109 | // Portfolio filter 110 | var portfolioIsotope = $('.portfolio-container').isotope({ 111 | itemSelector: '.portfolio-item', 112 | layoutMode: 'fitRows' 113 | }); 114 | 115 | $('#portfolio-filter li').on('click', function () { 116 | $("#portfolio-filter li").removeClass('filter-active'); 117 | $(this).addClass('filter-active'); 118 | portfolioIsotope.isotope({filter: $(this).data('filter')}); 119 | }); 120 | 121 | })(jQuery); 122 | 123 | -------------------------------------------------------------------------------- /screenshots/Article-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/screenshots/Article-2.jpg -------------------------------------------------------------------------------- /screenshots/Screenshot from 2021-05-22 21-46-29.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/screenshots/Screenshot from 2021-05-22 21-46-29.png -------------------------------------------------------------------------------- /screenshots/Screenshot from 2021-05-23 00-44-56.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/screenshots/Screenshot from 2021-05-23 00-44-56.png -------------------------------------------------------------------------------- /screenshots/Screenshot1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/screenshots/Screenshot1.png -------------------------------------------------------------------------------- /screenshots/Screenshot2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/screenshots/Screenshot2.png -------------------------------------------------------------------------------- /screenshots/Screenshot3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/screenshots/Screenshot3.png -------------------------------------------------------------------------------- /screenshots/Screenshot4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Hackathon7/Pacify-final/f933f14b12784796f8a99a668b675bacc5883b32/screenshots/Screenshot4.png -------------------------------------------------------------------------------- /scripts/contact.js: -------------------------------------------------------------------------------- 1 | $(function () { 2 | 3 | $("#contactForm input, #contactForm textarea").jqBootstrapValidation({ 4 | preventSubmit: true, 5 | submitError: function ($form, event, errors) { 6 | }, 7 | submitSuccess: function ($form, event) { 8 | event.preventDefault(); 9 | var name = $("input#name").val(); 10 | var email = $("input#email").val(); 11 | var subject = $("input#subject").val(); 12 | var message = $("textarea#message").val(); 13 | 14 | $this = $("#sendMessageButton"); 15 | $this.prop("disabled", true); 16 | 17 | $.ajax({ 18 | url: "contact.php", 19 | type: "POST", 20 | data: { 21 | name: name, 22 | email: email, 23 | subject: subject, 24 | message: message 25 | }, 26 | cache: false, 27 | success: function () { 28 | $('#success').html("
"); 29 | $('#success > .alert-success').html(""); 31 | $('#success > .alert-success') 32 | .append("Your message has been sent. "); 33 | $('#success > .alert-success') 34 | .append('
'); 35 | $('#contactForm').trigger("reset"); 36 | }, 37 | error: function () { 38 | $('#success').html("
"); 39 | $('#success > .alert-danger').html(""); 41 | $('#success > .alert-danger').append($("").text("Sorry " + name + ", it seems that our mail server is not responding. Please try again later!")); 42 | $('#success > .alert-danger').append('
'); 43 | $('#contactForm').trigger("reset"); 44 | }, 45 | complete: function () { 46 | setTimeout(function () { 47 | $this.prop("disabled", false); 48 | }, 1000); 49 | } 50 | }); 51 | }, 52 | filter: function () { 53 | return $(this).is(":visible"); 54 | }, 55 | }); 56 | 57 | $("a[data-toggle=\"tab\"]").click(function (e) { 58 | e.preventDefault(); 59 | $(this).tab("show"); 60 | }); 61 | }); 62 | 63 | $('#name').focus(function () { 64 | $('#success').html(''); 65 | }); 66 | -------------------------------------------------------------------------------- /scripts/easing.min.js: -------------------------------------------------------------------------------- 1 | !function(n){"function"==typeof define&&define.amd?define(["jquery"],function(e){return n(e)}):"object"==typeof module&&"object"==typeof module.exports?exports=n(require("jquery")):n(jQuery)}(function(n){function e(n){var e=7.5625,t=2.75;return n<1/t?e*n*n:n<2/t?e*(n-=1.5/t)*n+.75:n<2.5/t?e*(n-=2.25/t)*n+.9375:e*(n-=2.625/t)*n+.984375}void 0!==n.easing&&(n.easing.jswing=n.easing.swing);var t=Math.pow,u=Math.sqrt,r=Math.sin,i=Math.cos,a=Math.PI,c=1.70158,o=1.525*c,s=2*a/3,f=2*a/4.5;n.extend(n.easing,{def:"easeOutQuad",swing:function(e){return n.easing[n.easing.def](e)},easeInQuad:function(n){return n*n},easeOutQuad:function(n){return 1-(1-n)*(1-n)},easeInOutQuad:function(n){return n<.5?2*n*n:1-t(-2*n+2,2)/2},easeInCubic:function(n){return n*n*n},easeOutCubic:function(n){return 1-t(1-n,3)},easeInOutCubic:function(n){return n<.5?4*n*n*n:1-t(-2*n+2,3)/2},easeInQuart:function(n){return n*n*n*n},easeOutQuart:function(n){return 1-t(1-n,4)},easeInOutQuart:function(n){return n<.5?8*n*n*n*n:1-t(-2*n+2,4)/2},easeInQuint:function(n){return n*n*n*n*n},easeOutQuint:function(n){return 1-t(1-n,5)},easeInOutQuint:function(n){return n<.5?16*n*n*n*n*n:1-t(-2*n+2,5)/2},easeInSine:function(n){return 1-i(n*a/2)},easeOutSine:function(n){return r(n*a/2)},easeInOutSine:function(n){return-(i(a*n)-1)/2},easeInExpo:function(n){return 0===n?0:t(2,10*n-10)},easeOutExpo:function(n){return 1===n?1:1-t(2,-10*n)},easeInOutExpo:function(n){return 0===n?0:1===n?1:n<.5?t(2,20*n-10)/2:(2-t(2,-20*n+10))/2},easeInCirc:function(n){return 1-u(1-t(n,2))},easeOutCirc:function(n){return u(1-t(n-1,2))},easeInOutCirc:function(n){return n<.5?(1-u(1-t(2*n,2)))/2:(u(1-t(-2*n+2,2))+1)/2},easeInElastic:function(n){return 0===n?0:1===n?1:-t(2,10*n-10)*r((10*n-10.75)*s)},easeOutElastic:function(n){return 0===n?0:1===n?1:t(2,-10*n)*r((10*n-.75)*s)+1},easeInOutElastic:function(n){return 0===n?0:1===n?1:n<.5?-(t(2,20*n-10)*r((20*n-11.125)*f))/2:t(2,-20*n+10)*r((20*n-11.125)*f)/2+1},easeInBack:function(n){return(c+1)*n*n*n-c*n*n},easeOutBack:function(n){return 1+(c+1)*t(n-1,3)+c*t(n-1,2)},easeInOutBack:function(n){return n<.5?t(2*n,2)*(7.189819*n-o)/2:(t(2*n-2,2)*((o+1)*(2*n-2)+o)+2)/2},easeInBounce:function(n){return 1-e(1-n)},easeOutBounce:e,easeInOutBounce:function(n){return n<.5?(1-e(1-2*n))/2:(1+e(2*n-1))/2}})}); 2 | -------------------------------------------------------------------------------- /scripts/jqBootstrapValidation.min.js: -------------------------------------------------------------------------------- 1 | !function(a){var e=[],t={options:{prependExistingHelpBlock:!1,sniffHtml:!0,preventSubmit:!0,submitError:!1,submitSuccess:!1,semanticallyStrict:!1,autoAdd:{helpBlocks:!0},filter:function(){return!0}},methods:{init:function(o){var r=a.extend(!0,{},t);r.options=a.extend(!0,r.options,o);var l=a.unique(this.map(function(){return a(this).parents("form")[0]}).toArray());return a(l).bind("submit",function(e){var t=a(this),i=0,n=t.find("input,textarea,select").not("[type=submit],[type=image]").filter(r.options.filter);n.trigger("submit.validation").trigger("validationLostFocus.validation"),n.each(function(e,t){var n=a(t).parents(".control-group").first();n.hasClass("warning")&&(n.removeClass("warning").addClass("error"),i++)}),n.trigger("validationLostFocus.validation"),i?(r.options.preventSubmit&&e.preventDefault(),t.addClass("error"),a.isFunction(r.options.submitError)&&r.options.submitError(t,e,n.jqBootstrapValidation("collectErrors",!0))):(t.removeClass("error"),a.isFunction(r.options.submitSuccess)&&r.options.submitSuccess(t,e))}),this.each(function(){var t=a(this),o=t.parents(".control-group").first(),l=o.find(".help-block").first(),s=t.parents("form").first(),d=[];if(!l.length&&r.options.autoAdd&&r.options.autoAdd.helpBlocks&&(l=a('
'),o.find(".controls").append(l),e.push(l[0])),r.options.sniffHtml){var c="";if(void 0!==t.attr("pattern")&&(c="Not in the expected format\x3c!-- data-validation-pattern-message to override --\x3e",t.data("validationPatternMessage")&&(c=t.data("validationPatternMessage")),t.data("validationPatternMessage",c),t.data("validationPatternRegex",t.attr("pattern"))),void 0!==t.attr("max")||void 0!==t.attr("aria-valuemax")){var v=void 0!==t.attr("max")?t.attr("max"):t.attr("aria-valuemax");c="Too high: Maximum of '"+v+"'\x3c!-- data-validation-max-message to override --\x3e",t.data("validationMaxMessage")&&(c=t.data("validationMaxMessage")),t.data("validationMaxMessage",c),t.data("validationMaxMax",v)}if(void 0!==t.attr("min")||void 0!==t.attr("aria-valuemin")){var u=void 0!==t.attr("min")?t.attr("min"):t.attr("aria-valuemin");c="Too low: Minimum of '"+u+"'\x3c!-- data-validation-min-message to override --\x3e",t.data("validationMinMessage")&&(c=t.data("validationMinMessage")),t.data("validationMinMessage",c),t.data("validationMinMin",u)}void 0!==t.attr("maxlength")&&(c="Too long: Maximum of '"+t.attr("maxlength")+"' characters\x3c!-- data-validation-maxlength-message to override --\x3e",t.data("validationMaxlengthMessage")&&(c=t.data("validationMaxlengthMessage")),t.data("validationMaxlengthMessage",c),t.data("validationMaxlengthMaxlength",t.attr("maxlength"))),void 0!==t.attr("minlength")&&(c="Too short: Minimum of '"+t.attr("minlength")+"' characters\x3c!-- data-validation-minlength-message to override --\x3e",t.data("validationMinlengthMessage")&&(c=t.data("validationMinlengthMessage")),t.data("validationMinlengthMessage",c),t.data("validationMinlengthMinlength",t.attr("minlength"))),void 0===t.attr("required")&&void 0===t.attr("aria-required")||(c=r.builtInValidators.required.message,t.data("validationRequiredMessage")&&(c=t.data("validationRequiredMessage")),t.data("validationRequiredMessage",c)),void 0!==t.attr("type")&&"number"===t.attr("type").toLowerCase()&&(c=r.builtInValidators.number.message,t.data("validationNumberMessage")&&(c=t.data("validationNumberMessage")),t.data("validationNumberMessage",c)),void 0!==t.attr("type")&&"email"===t.attr("type").toLowerCase()&&(c="Not a valid email address\x3c!-- data-validator-validemail-message to override --\x3e",t.data("validationValidemailMessage")?c=t.data("validationValidemailMessage"):t.data("validationEmailMessage")&&(c=t.data("validationEmailMessage")),t.data("validationValidemailMessage",c)),void 0!==t.attr("minchecked")&&(c="Not enough options checked; Minimum of '"+t.attr("minchecked")+"' required\x3c!-- data-validation-minchecked-message to override --\x3e",t.data("validationMincheckedMessage")&&(c=t.data("validationMincheckedMessage")),t.data("validationMincheckedMessage",c),t.data("validationMincheckedMinchecked",t.attr("minchecked"))),void 0!==t.attr("maxchecked")&&(c="Too many options checked; Maximum of '"+t.attr("maxchecked")+"' required\x3c!-- data-validation-maxchecked-message to override --\x3e",t.data("validationMaxcheckedMessage")&&(c=t.data("validationMaxcheckedMessage")),t.data("validationMaxcheckedMessage",c),t.data("validationMaxcheckedMaxchecked",t.attr("maxchecked")))}void 0!==t.data("validation")&&(d=t.data("validation").split(",")),a.each(t.data(),function(a,e){var t=a.replace(/([A-Z])/g,",$1").split(",");"validation"===t[0]&&t[1]&&d.push(t[1])});var m=d,g=[];do{a.each(d,function(a,e){d[a]=i(e)}),d=a.unique(d),g=[],a.each(m,function(e,n){if(void 0!==t.data("validation"+n+"Shortcut"))a.each(t.data("validation"+n+"Shortcut").split(","),function(a,e){g.push(e)});else if(r.builtInValidators[n.toLowerCase()]){var o=r.builtInValidators[n.toLowerCase()];"shortcut"===o.type.toLowerCase()&&a.each(o.shortcut.split(","),function(a,e){e=i(e),g.push(e),d.push(e)})}}),m=g}while(m.length>0);var h={};a.each(d,function(e,n){var o=t.data("validation"+n+"Message"),l=void 0!==o,s=!1;if(o=o||"'"+n+"' validation failed \x3c!-- Add attribute 'data-validation-"+n.toLowerCase()+"-message' to input to change this message --\x3e",a.each(r.validatorTypes,function(e,r){void 0===h[e]&&(h[e]=[]),s||void 0===t.data("validation"+n+i(r.name))||(h[e].push(a.extend(!0,{name:i(r.name),message:o},r.init(t,n))),s=!0)}),!s&&r.builtInValidators[n.toLowerCase()]){var d=a.extend(!0,{},r.builtInValidators[n.toLowerCase()]);l&&(d.message=o);var c=d.type.toLowerCase();"shortcut"===c?s=!0:a.each(r.validatorTypes,function(e,o){void 0===h[e]&&(h[e]=[]),s||c!==e.toLowerCase()||(t.data("validation"+n+i(o.name),d[o.name.toLowerCase()]),h[c].push(a.extend(d,o.init(t,n))),s=!0)})}s||a.error("Cannot find validation info for '"+n+"'")}),l.data("original-contents",l.data("original-contents")?l.data("original-contents"):l.html()),l.data("original-role",l.data("original-role")?l.data("original-role"):l.attr("role")),o.data("original-classes",o.data("original-clases")?o.data("original-classes"):o.attr("class")),t.data("original-aria-invalid",t.data("original-aria-invalid")?t.data("original-aria-invalid"):t.attr("aria-invalid")),t.bind("validation.validation",function(e,i){var o=n(t),l=[];return a.each(h,function(e,n){(o||o.length||i&&i.includeEmpty||r.validatorTypes[e].blockSubmit&&i&&i.submitting)&&a.each(n,function(a,i){r.validatorTypes[e].validate(t,o,i)&&l.push(i.message)})}),l}),t.bind("getValidators.validation",function(){return h}),t.bind("submit.validation",function(){return t.triggerHandler("change.validation",{submitting:!0})}),t.bind(["keyup","focus","blur","click","keydown","keypress","change"].join(".validation ")+".validation",function(e,i){var d=n(t),c=[];o.find("input,textarea,select").each(function(e,n){var o=c.length;if(a.each(a(n).triggerHandler("validation.validation",i),function(a,e){c.push(e)}),c.length>o)a(n).attr("aria-invalid","true");else{var r=t.data("original-aria-invalid");a(n).attr("aria-invalid",void 0!==r&&r)}}),s.find("input,select,textarea").not(t).not('[name="'+t.attr("name")+'"]').trigger("validationLostFocus.validation"),(c=a.unique(c.sort())).length?(o.removeClass("success error").addClass("warning"),r.options.semanticallyStrict&&1===c.length?l.html(c[0]+(r.options.prependExistingHelpBlock?l.data("original-contents"):"")):l.html('
  • '+c.join("
  • ")+"
"+(r.options.prependExistingHelpBlock?l.data("original-contents"):""))):(o.removeClass("warning error success"),d.length>0&&o.addClass("success"),l.html(l.data("original-contents"))),"blur"===e.type&&o.removeClass("success")}),t.bind("validationLostFocus.validation",function(){o.removeClass("success")})})},destroy:function(){return this.each(function(){var t=a(this),i=t.parents(".control-group").first(),n=i.find(".help-block").first();t.unbind(".validation"),n.html(n.data("original-contents")),i.attr("class",i.data("original-classes")),t.attr("aria-invalid",t.data("original-aria-invalid")),n.attr("role",t.data("original-role")),e.indexOf(n[0])>-1&&n.remove()})},collectErrors:function(e){var t={};return this.each(function(e,i){var n=a(i),o=n.attr("name"),r=n.triggerHandler("validation.validation",{includeEmpty:!0});t[o]=a.extend(!0,r,t[o])}),a.each(t,function(a,e){0===e.length&&delete t[a]}),t},hasErrors:function(){var e=[];return this.each(function(t,i){e=e.concat(a(i).triggerHandler("getValidators.validation")?a(i).triggerHandler("validation.validation",{submitting:!0}):[])}),e.length>0},override:function(e){t=a.extend(!0,t,e)}},validatorTypes:{callback:{name:"callback",init:function(a,e){return{validatorName:e,callback:a.data("validation"+e+"Callback"),lastValue:a.val(),lastValid:!0,lastFinished:!0}},validate:function(a,e,t){if(t.lastValue===e&&t.lastFinished)return!t.lastValid;if(!0===t.lastFinished){t.lastValue=e,t.lastValid=!0,t.lastFinished=!1;var i=t,n=a;!function(a,e){for(var t=Array.prototype.slice.call(arguments).splice(2),i=a.split("."),n=i.pop(),o=0;o0&&t.negative)},blockSubmit:!0},match:{name:"match",init:function(a,e){var t=a.parents("form").first().find('[name="'+a.data("validation"+e+"Match")+'"]').first();return t.bind("validation.validation",function(){a.trigger("change.validation",{submitting:!0})}),{element:t}},validate:function(a,e,t){return e!==t.element.val()&&!t.negative||e===t.element.val()&&t.negative},blockSubmit:!0},max:{name:"max",init:function(a,e){return{max:a.data("validation"+e+"Max")}},validate:function(a,e,t){return parseFloat(e,10)>parseFloat(t.max,10)&&!t.negative||parseFloat(e,10)<=parseFloat(t.max,10)&&t.negative}},min:{name:"min",init:function(a,e){return{min:a.data("validation"+e+"Min")}},validate:function(a,e,t){return parseFloat(e)=parseFloat(t.min)&&t.negative}},maxlength:{name:"maxlength",init:function(a,e){return{maxlength:a.data("validation"+e+"Maxlength")}},validate:function(a,e,t){return e.length>t.maxlength&&!t.negative||e.length<=t.maxlength&&t.negative}},minlength:{name:"minlength",init:function(a,e){return{minlength:a.data("validation"+e+"Minlength")}},validate:function(a,e,t){return e.length=t.minlength&&t.negative}},maxchecked:{name:"maxchecked",init:function(a,e){var t=a.parents("form").first().find('[name="'+a.attr("name")+'"]');return t.bind("click.validation",function(){a.trigger("change.validation",{includeEmpty:!0})}),{maxchecked:a.data("validation"+e+"Maxchecked"),elements:t}},validate:function(a,e,t){return t.elements.filter(":checked").length>t.maxchecked&&!t.negative||t.elements.filter(":checked").length<=t.maxchecked&&t.negative},blockSubmit:!0},minchecked:{name:"minchecked",init:function(a,e){var t=a.parents("form").first().find('[name="'+a.attr("name")+'"]');return t.bind("click.validation",function(){a.trigger("change.validation",{includeEmpty:!0})}),{minchecked:a.data("validation"+e+"Minchecked"),elements:t}},validate:function(a,e,t){return t.elements.filter(":checked").length=t.minchecked&&t.negative},blockSubmit:!0}},builtInValidators:{email:{name:"Email",type:"shortcut",shortcut:"validemail"},validemail:{name:"Validemail",type:"regex",regex:"[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,4}",message:"Not a valid email address\x3c!-- data-validator-validemail-message to override --\x3e"},passwordagain:{name:"Passwordagain",type:"match",match:"password",message:"Does not match the given password\x3c!-- data-validator-paswordagain-message to override --\x3e"},positive:{name:"Positive",type:"shortcut",shortcut:"number,positivenumber"},negative:{name:"Negative",type:"shortcut",shortcut:"number,negativenumber"},number:{name:"Number",type:"regex",regex:"([+-]?\\d+(\\.\\d*)?([eE][+-]?[0-9]+)?)?",message:"Must be a number\x3c!-- data-validator-number-message to override --\x3e"},integer:{name:"Integer",type:"regex",regex:"[+-]?\\d+",message:"No decimal places allowed\x3c!-- data-validator-integer-message to override --\x3e"},positivenumber:{name:"Positivenumber",type:"min",min:0,message:"Must be a positive number\x3c!-- data-validator-positivenumber-message to override --\x3e"},negativenumber:{name:"Negativenumber",type:"max",max:0,message:"Must be a negative number\x3c!-- data-validator-negativenumber-message to override --\x3e"},required:{name:"Required",type:"required",message:"This is required\x3c!-- data-validator-required-message to override --\x3e"},checkone:{name:"Checkone",type:"minchecked",minchecked:1,message:"Check at least one option\x3c!-- data-validation-checkone-message to override --\x3e"}}},i=function(a){return a.toLowerCase().replace(/(^|\s)([a-z])/g,function(a,e,t){return e+t.toUpperCase()})},n=function(e){var t=e.val(),i=e.attr("type");return"checkbox"===i&&(t=e.is(":checked")?t:""),"radio"===i&&(t=a('input[name="'+e.attr("name")+'"]:checked').length>0?t:""),t};a.fn.jqBootstrapValidation=function(e){return t.methods[e]?t.methods[e].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof e&&e?(a.error("Method "+e+" does not exist on jQuery.jqBootstrapValidation"),null):t.methods.init.apply(this,arguments)},a.jqBootstrapValidation=function(e){a(":input").not("[type=image],[type=submit]").jqBootstrapValidation.apply(this,arguments)}}(jQuery); -------------------------------------------------------------------------------- /scripts/lightbox.min.js: -------------------------------------------------------------------------------- 1 | /*! 2 | * Lightbox v2.10.0 3 | * by Lokesh Dhakar 4 | * 5 | * More info: 6 | * http://lokeshdhakar.com/projects/lightbox2/ 7 | * 8 | * Copyright 2007, 2018 Lokesh Dhakar 9 | * Released under the MIT license 10 | * https://github.com/lokesh/lightbox2/blob/master/LICENSE 11 | * 12 | * @preserve 13 | */ 14 | !function(a,b){"function"==typeof define&&define.amd?define(["jquery"],b):"object"==typeof exports?module.exports=b(require("jquery")):a.lightbox=b(a.jQuery)}(this,function(a){function b(b){this.album=[],this.currentImageIndex=void 0,this.init(),this.options=a.extend({},this.constructor.defaults),this.option(b)}return b.defaults={albumLabel:"Image %1 of %2",alwaysShowNavOnTouchDevices:!1,fadeDuration:600,fitImagesInViewport:!0,imageFadeDuration:600,positionFromTop:50,resizeDuration:700,showImageNumberLabel:!0,wrapAround:!1,disableScrolling:!1,sanitizeTitle:!1},b.prototype.option=function(b){a.extend(this.options,b)},b.prototype.imageCountLabel=function(a,b){return this.options.albumLabel.replace(/%1/g,a).replace(/%2/g,b)},b.prototype.init=function(){var b=this;a(document).ready(function(){b.enable(),b.build()})},b.prototype.enable=function(){var b=this;a("body").on("click","a[rel^=lightbox], area[rel^=lightbox], a[data-lightbox], area[data-lightbox]",function(c){return b.start(a(c.currentTarget)),!1})},b.prototype.build=function(){if(!(a("#lightbox").length>0)){var b=this;a('
').appendTo(a("body")),this.$lightbox=a("#lightbox"),this.$overlay=a("#lightboxOverlay"),this.$outerContainer=this.$lightbox.find(".lb-outerContainer"),this.$container=this.$lightbox.find(".lb-container"),this.$image=this.$lightbox.find(".lb-image"),this.$nav=this.$lightbox.find(".lb-nav"),this.containerPadding={top:parseInt(this.$container.css("padding-top"),10),right:parseInt(this.$container.css("padding-right"),10),bottom:parseInt(this.$container.css("padding-bottom"),10),left:parseInt(this.$container.css("padding-left"),10)},this.imageBorderWidth={top:parseInt(this.$image.css("border-top-width"),10),right:parseInt(this.$image.css("border-right-width"),10),bottom:parseInt(this.$image.css("border-bottom-width"),10),left:parseInt(this.$image.css("border-left-width"),10)},this.$overlay.hide().on("click",function(){return b.end(),!1}),this.$lightbox.hide().on("click",function(c){return"lightbox"===a(c.target).attr("id")&&b.end(),!1}),this.$outerContainer.on("click",function(c){return"lightbox"===a(c.target).attr("id")&&b.end(),!1}),this.$lightbox.find(".lb-prev").on("click",function(){return 0===b.currentImageIndex?b.changeImage(b.album.length-1):b.changeImage(b.currentImageIndex-1),!1}),this.$lightbox.find(".lb-next").on("click",function(){return b.currentImageIndex===b.album.length-1?b.changeImage(0):b.changeImage(b.currentImageIndex+1),!1}),this.$nav.on("mousedown",function(a){3===a.which&&(b.$nav.css("pointer-events","none"),b.$lightbox.one("contextmenu",function(){setTimeout(function(){this.$nav.css("pointer-events","auto")}.bind(b),0)}))}),this.$lightbox.find(".lb-loader, .lb-close").on("click",function(){return b.end(),!1})}},b.prototype.start=function(b){function c(a){d.album.push({alt:a.attr("data-alt"),link:a.attr("href"),title:a.attr("data-title")||a.attr("title")})}var d=this,e=a(window);e.on("resize",a.proxy(this.sizeOverlay,this)),a("select, object, embed").css({visibility:"hidden"}),this.sizeOverlay(),this.album=[];var f,g=0,h=b.attr("data-lightbox");if(h){f=a(b.prop("tagName")+'[data-lightbox="'+h+'"]');for(var i=0;ii||e.height>h)&&(e.width/i>e.height/h?(g=i,f=parseInt(e.height/(e.width/g),10),d.width(g),d.height(f)):(f=h,g=parseInt(e.width/(e.height/f),10),d.width(g),d.height(f)))),c.sizeContainer(d.width(),d.height())},e.src=this.album[b].link,this.currentImageIndex=b},b.prototype.sizeOverlay=function(){this.$overlay.width(a(document).width()).height(a(document).height())},b.prototype.sizeContainer=function(a,b){function c(){d.$lightbox.find(".lb-dataContainer").width(g),d.$lightbox.find(".lb-prevLink").height(h),d.$lightbox.find(".lb-nextLink").height(h),d.showImage()}var d=this,e=this.$outerContainer.outerWidth(),f=this.$outerContainer.outerHeight(),g=a+this.containerPadding.left+this.containerPadding.right+this.imageBorderWidth.left+this.imageBorderWidth.right,h=b+this.containerPadding.top+this.containerPadding.bottom+this.imageBorderWidth.top+this.imageBorderWidth.bottom;e!==g||f!==h?this.$outerContainer.animate({width:g,height:h},this.options.resizeDuration,"swing",function(){c()}):c()},b.prototype.showImage=function(){this.$lightbox.find(".lb-loader").stop(!0).hide(),this.$lightbox.find(".lb-image").fadeIn(this.options.imageFadeDuration),this.updateNav(),this.updateDetails(),this.preloadNeighboringImages(),this.enableKeyboardNav()},b.prototype.updateNav=function(){var a=!1;try{document.createEvent("TouchEvent"),a=!!this.options.alwaysShowNavOnTouchDevices}catch(a){}this.$lightbox.find(".lb-nav").show(),this.album.length>1&&(this.options.wrapAround?(a&&this.$lightbox.find(".lb-prev, .lb-next").css("opacity","1"),this.$lightbox.find(".lb-prev, .lb-next").show()):(this.currentImageIndex>0&&(this.$lightbox.find(".lb-prev").show(),a&&this.$lightbox.find(".lb-prev").css("opacity","1")),this.currentImageIndex1&&this.options.showImageNumberLabel){var d=this.imageCountLabel(this.currentImageIndex+1,this.album.length);this.$lightbox.find(".lb-number").text(d).fadeIn("fast")}else this.$lightbox.find(".lb-number").hide();this.$outerContainer.removeClass("animating"),this.$lightbox.find(".lb-dataContainer").fadeIn(this.options.resizeDuration,function(){return b.sizeOverlay()})},b.prototype.preloadNeighboringImages=function(){if(this.album.length>this.currentImageIndex+1){(new Image).src=this.album[this.currentImageIndex+1].link}if(this.currentImageIndex>0){(new Image).src=this.album[this.currentImageIndex-1].link}},b.prototype.enableKeyboardNav=function(){a(document).on("keyup.keyboard",a.proxy(this.keyboardAction,this))},b.prototype.disableKeyboardNav=function(){a(document).off(".keyboard")},b.prototype.keyboardAction=function(a){var b=a.keyCode,c=String.fromCharCode(b).toLowerCase();27===b||c.match(/x|o|c/)?this.end():"p"===c||37===b?0!==this.currentImageIndex?this.changeImage(this.currentImageIndex-1):this.options.wrapAround&&this.album.length>1&&this.changeImage(this.album.length-1):"n"!==c&&39!==b||(this.currentImageIndex!==this.album.length-1?this.changeImage(this.currentImageIndex+1):this.options.wrapAround&&this.album.length>1&&this.changeImage(0))},b.prototype.end=function(){this.disableKeyboardNav(),a(window).off("resize",this.sizeOverlay),this.$lightbox.fadeOut(this.options.fadeDuration),this.$overlay.fadeOut(this.options.fadeDuration),a("select, object, embed").css({visibility:"visible"}),this.options.disableScrolling&&a("html").removeClass("lb-disable-scrolling")},new b}); 15 | //# sourceMappingURL=lightbox.min.map -------------------------------------------------------------------------------- /scripts/mental_diary.js: -------------------------------------------------------------------------------- 1 | const entryForm = document.querySelector(`#entryForm`); 2 | const entryResultsSection = document.querySelector(`#entryResultsSection`); 3 | const entryResultItem = document.querySelector(`.entryResultItem`); 4 | const entryResultRow = document.querySelector(`.entryResultRow`); 5 | const getEntryTitle = document.getElementsByClassName(`entry-text-title`); 6 | const getEntryText = document.getElementsByClassName(`entry-text-box`); 7 | 8 | function addEntryToDom(event) { 9 | event.preventDefault(); 10 | const d = new Date(); 11 | const month = new Array(); 12 | month[0] = 'January'; 13 | month[1] = 'February'; 14 | month[2] = 'March'; 15 | month[3] = 'April'; 16 | month[4] = 'May'; 17 | month[5] = 'June'; 18 | month[6] = 'July'; 19 | month[7] = 'August'; 20 | month[8] = 'September'; 21 | month[9] = 'October'; 22 | month[10] = 'November'; 23 | month[11] = 'December'; 24 | const n = month[d.getMonth()]; 25 | const day = d.getDay(); 26 | const year = d.getFullYear(); 27 | 28 | 29 | 30 | // Adding Div 31 | const entryDiv = document.createElement(`div`); 32 | entryDiv.className = `single-entry-div`; 33 | entryResultRow.appendChild(entryDiv); 34 | 35 | // Adding Div Element h3 36 | const entryHeading = document.createElement(`h3`); 37 | entryHeading.className = `single-entry-heading`; 38 | entryHeading.textContent = getEntryTitle[0].value; 39 | entryDiv.appendChild(entryHeading); 40 | 41 | // Adding Div Element Date 42 | 43 | const entryDate = document.createElement(`p`); 44 | entryDate.className = `single-entry-date`; 45 | // eslint-disable-next-line no-cond-assign 46 | if ((getEntryTitle[0].value = getEntryTitle[0].value)) { 47 | entryDate.textContent = `Date Added: ${day} ${n} ${year}`; 48 | entryDiv.appendChild(entryDate); 49 | } 50 | 51 | // Adding Div Element paragraph 52 | 53 | const entryParagraph = document.createElement(`p`); 54 | entryParagraph.className = `single-entry-text`; 55 | entryParagraph.textContent = getEntryText[0].value; 56 | entryDiv.appendChild(entryParagraph); 57 | getEntryText[0].value = ``; 58 | } 59 | 60 | entryForm.addEventListener(`submit`, addEntryToDom); 61 | -------------------------------------------------------------------------------- /scripts/pomodoro-timer.js: -------------------------------------------------------------------------------- 1 | 'use strict'; 2 | 3 | var countdown; 4 | var delay = 1000; 5 | 6 | var session = 25; 7 | var rest = 5; 8 | var sessionSeconds = session * 60; 9 | var restSeconds = rest * 60; 10 | 11 | var audioSession = new Audio('http://www.oringz.com/oringz-uploads/sounds-948-just-like-magic.mp3'); 12 | var audioBreak = new Audio('http://www.oringz.com/oringz-uploads/sounds-882-solemn.mp3'); 13 | 14 | var sessionMinutes = document.getElementById('sessionMinutes'), 15 | sessionMinus = document.getElementById('sessionMinus'), 16 | sessionPlus = document.getElementById('sessionPlus'), 17 | breakMinutes = document.getElementById('breakMinutes'), 18 | breakMinus = document.getElementById('breakMinus'), 19 | breakPlus = document.getElementById('breakPlus'), 20 | timer = document.getElementById('timer'), 21 | startSessionButton = document.getElementById('start'), 22 | pauseSessionButton = document.getElementById('pause'), 23 | resetSessionButton = document.getElementById('reset'), 24 | startBreakButton = document.getElementById('startBreak'), 25 | pauseBreakButton = document.getElementById('pauseBreak'), 26 | resetBreakButton = document.getElementById('resetBreak'); 27 | 28 | sessionMinutes.innerHTML = ' ' + session + ' '; 29 | breakMinutes.innerHTML = ' ' + rest + ' '; 30 | timer.innerHTML = session + ':00'; 31 | displaySession('', 'none', 'none'); 32 | displayBreak('none', 'none', 'none'); 33 | 34 | function startCountdown(seconds) { 35 | var minutes = parseInt(seconds / 60); 36 | var remainingSeconds = seconds % 60; 37 | if (remainingSeconds < 10) remainingSeconds = '0' + remainingSeconds; 38 | timer.innerHTML = minutes + ':' + remainingSeconds; 39 | } 40 | 41 | function startSession() { 42 | audioSession.play(); 43 | timer.innerHTML = 'session'; 44 | clearInterval(countdown); 45 | countdown = setInterval(function() { 46 | startCountdown(sessionSeconds); 47 | 48 | if (sessionSeconds === 0) { 49 | clearInterval(countdown); 50 | restSeconds = rest * 60; 51 | displaySession('none', 'none', 'none'); 52 | startBreak(); 53 | } else sessionSeconds--; 54 | }, delay); 55 | displaySession('none', '', ''); 56 | } 57 | 58 | function startBreak() { 59 | audioBreak.play(); 60 | timer.innerHTML = 'break'; 61 | clearInterval(countdown); 62 | countdown = setInterval(function() { 63 | startCountdown(restSeconds); 64 | 65 | if (restSeconds === 0) { 66 | clearInterval(countdown); 67 | sessionSeconds = session * 60; 68 | displayBreak('none', 'none', 'none'); 69 | startSession(); 70 | } else restSeconds--; 71 | }, delay); 72 | displayBreak('none', '', ''); 73 | } 74 | 75 | function pauseSession() { 76 | clearInterval(countdown); 77 | displaySession('', 'none', 'none'); 78 | startSessionButton.innerHTML = 'resume'; 79 | } 80 | 81 | function pauseBreak() { 82 | clearInterval(countdown); 83 | displayBreak('', 'none', 'none'); 84 | startBreakButton.innerHTML = 'resume'; 85 | } 86 | 87 | function resetSession() { 88 | pauseSession(); 89 | sessionSeconds = session * 60; 90 | timer.innerHTML = session + ':00'; 91 | startSessionButton.innerHTML = 'start'; 92 | } 93 | 94 | function resetBreak() { 95 | pauseBreak(); 96 | restSeconds = rest * 60; 97 | timer.innerHTML = rest + ':00'; 98 | startBreakButton.innerHTML = 'start'; 99 | } 100 | 101 | function subtractSession() { 102 | session--; 103 | if (session < 0) session = 0; 104 | sessionSeconds = session * 60; 105 | sessionMinutes.innerHTML = ' ' + session + ' '; 106 | } 107 | 108 | function subtractBreak() { 109 | rest--; 110 | if (rest < 0) rest = 0; 111 | restSeconds = rest * 60; 112 | breakMinutes.innerHTML = ' ' + rest + ' '; 113 | } 114 | 115 | function addSession() { 116 | session++; 117 | sessionSeconds = session * 60; 118 | sessionMinutes.innerHTML = ' ' + session + ' '; 119 | } 120 | 121 | function addBreak() { 122 | rest++; 123 | restSeconds = rest * 60; 124 | breakMinutes.innerHTML = ' ' + rest + ' '; 125 | } 126 | 127 | function displaySession(start, pause, reset) { 128 | startSessionButton.style.display = start; 129 | pauseSessionButton.style.display = pause; 130 | resetSessionButton.style.display = reset; 131 | } 132 | 133 | function displayBreak(start, pause, reset) { 134 | startBreakButton.style.display = start; 135 | pauseBreakButton.style.display = pause; 136 | resetBreakButton.style.display = reset; 137 | } 138 | 139 | sessionMinus.addEventListener('click', subtractSession); 140 | sessionPlus.addEventListener('click', addSession); 141 | breakMinus.addEventListener('click', subtractBreak); 142 | breakPlus.addEventListener('click', addBreak); 143 | startSessionButton.addEventListener('click', startSession); 144 | pauseSessionButton.addEventListener('click', pauseSession); 145 | resetSessionButton.addEventListener('click', resetSession); 146 | startBreakButton.addEventListener('click', startBreak); 147 | pauseBreakButton.addEventListener('click', pauseBreak); 148 | resetBreakButton.addEventListener('click', resetBreak); 149 | -------------------------------------------------------------------------------- /scripts/quiz.js: -------------------------------------------------------------------------------- 1 | window.onload = function () { 2 | show(0); 3 | }; 4 | 5 | let questions = [ 6 | { 7 | id: 1, 8 | question: 9 | "Are you suffering from feelings of sadness, hopelessness or emptiness?", 10 | 11 | options: [ 12 | "Never", 13 | "Occasionally", 14 | "Often (once a week or more)", 15 | "EveryDay", 16 | ], 17 | }, 18 | { 19 | id: 2, 20 | question: 21 | "Are you having trouble getting to sleep and staying asleep? Or are you finding it hard to get up in the morning?", 22 | 23 | options: [ 24 | "Never", 25 | "Occasionally", 26 | "Often (2-3 times a week )", 27 | "Always"], 28 | }, 29 | { 30 | id: 3, 31 | question: "Do you feel guilty or tearful for no reason?", 32 | 33 | options: [ 34 | "Never", 35 | "Occasionally(1-2 times per month)", 36 | "Often (1-2 times per week)", 37 | "EveryDay", 38 | ], 39 | }, 40 | { 41 | id: 4, 42 | question: 43 | "How often have you been bothered that you have little interest or pleasure in doing things?", 44 | 45 | options: [ 46 | "Never", 47 | "Occasionally", 48 | "Often (1-2 times per week)", 49 | "EveryDay", 50 | ], 51 | }, 52 | { 53 | id: 5, 54 | question: 55 | "How often have you been bothered that you have poor appetite, weight loss, or overeating over the last two weeks?", 56 | 57 | options: [ 58 | "Never", 59 | "Occasionally", 60 | "Often (once a week or more)", 61 | "EveryDay", 62 | ], 63 | }, 64 | { 65 | id: 6, 66 | question: 67 | "Trouble concentrating on things, such as reading the newspaper, books, articles or watching television", 68 | 69 | options: [ 70 | "Never", 71 | "Occasionally", 72 | "Often (once a week or more)", 73 | "EveryDay", 74 | ], 75 | }, 76 | ]; 77 | var i; 78 | let points = 0; 79 | function show(i) { 80 | document.getElementById("questions").innerHTML = ` 81 |

Q${i + 1}.${questions[i].question}

82 |
    83 |
  • ${questions[i].options[0]}
    • 84 |
  • ${questions[i].options[1]}
    • 85 |
  • ${questions[i].options[2]}
    • 86 |
  • ${questions[i].options[3]}
    • 87 |
`; 88 | 89 | toggleActive(); 90 | } 91 | let count = 1; 92 | function nextQues() { 93 | if (!document.querySelector(".active")) { 94 | alert("Please select an option to proceed"); 95 | } 96 | let result = document.querySelector(".active").innerHTML; 97 | 98 | if (result == questions[count - 1].options[0]) { 99 | points += 0; 100 | console.log(points); 101 | } 102 | 103 | if (result == questions[count - 1].options[1]) { 104 | points += 1; 105 | console.log(points); 106 | } 107 | if (result == questions[count - 1].options[2]) { 108 | points += 2; 109 | console.log(points); 110 | } 111 | if (result == questions[count - 1].options[3]) { 112 | points += 3; 113 | console.log(points); 114 | } 115 | sessionStorage.setItem("respoints", points); 116 | 117 | if (count == questions.length) { 118 | location.href = "end.html"; 119 | } 120 | 121 | show(count); 122 | 123 | count++; 124 | } 125 | function toggleActive() { 126 | let option = document.querySelectorAll("li.option"); 127 | for (let j = 0; j < option.length; j++) { 128 | option[j].onclick = function () { 129 | for (let k = 0; k < option.length; k++) { 130 | option[k].style.pointerEvents = "none"; //when user clicks on any of the option rest of all are disabled so that he/she cannot choose any other option 131 | option[k].style.backgroundColor = "#ccc"; //these are added to the view so that user can see that what is happen when he choose any option 132 | option[k].style.color = "#000"; //these are added to the view so that user can see that what is happen when he choose any option 133 | 134 | // console.log(`Option you have selected : ${option[j].innerText}`); 135 | if (option[k].classList.contains("active")) { 136 | option[k].classList.remove("active"); 137 | } 138 | } 139 | option[j].classList.add("active"); 140 | }; 141 | } 142 | } 143 | -------------------------------------------------------------------------------- /scripts/script.js: -------------------------------------------------------------------------------- 1 | document.querySelector('.img-btn').addEventListener('click', function() 2 | { 3 | document.querySelector('.cont').classList.toggle('s-signup') 4 | } 5 | ); 6 | -------------------------------------------------------------------------------- /scripts/wow.min.js: -------------------------------------------------------------------------------- 1 | !function(a,b){if("function"==typeof define&&define.amd)define(["module","exports"],b);else if("undefined"!=typeof exports)b(module,exports);else{var c={exports:{}};b(c,c.exports),a.WOW=c.exports}}(this,function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function d(a,b){return b.indexOf(a)>=0}function e(a,b){for(var c in b)if(null==a[c]){var d=b[c];a[c]=d}return a}function f(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)}function g(a){var b=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],c=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],d=arguments.length<=3||void 0===arguments[3]?null:arguments[3],e=void 0;return null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e}function h(a,b){null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)&&a["on"+b]()}function i(a,b,c){null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c}function j(a,b,c){null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]}function k(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight}Object.defineProperty(b,"__esModule",{value:!0});var l,m,n=function(){function a(a,b){for(var c=0;c=0){var b=a.target||a.srcElement;b.className=b.className.replace(this.config.animateClass,"").trim()}}},{key:"customStyle",value:function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a}},{key:"vendorSet",value:function(a,b){for(var c in b)if(b.hasOwnProperty(c)){var d=b[c];a[""+c]=d;for(var e=0;e=e&&f>=c}},{key:"disabled",value:function(){return!this.config.mobile&&f(navigator.userAgent)}}]),a}();b["default"]=r,a.exports=b["default"]}); 2 | --------------------------------------------------------------------------------