├── .github ├── ISSUE_TEMPLATE │ ├── custom.md │ └── feature_request.md └── workflows │ └── jekyll.yml ├── CONTRIBUTING.md ├── README.md ├── illustration ├── 1.png ├── 10.png ├── 2.png ├── 3.png ├── 4.png ├── 5.png ├── 6.png ├── 7.png ├── 8.png ├── 9.png ├── Illustration1.jpg ├── Illustration3.jpg ├── dummy file ├── emotions.jpg ├── emotions.png ├── emotions2.png ├── emotions3.png ├── emotions4.png ├── human emotions.jpg ├── illustration2.png ├── img1.png ├── img2.jpg ├── img3.jpg ├── img4.jpg ├── mental health.jpg └── mental-health.jpg ├── images ├── EQequation.jpg ├── about.png ├── background.png ├── contact.png ├── course.png ├── dummy file ├── facebook.png ├── ham-removebg-preview.png ├── ham.png ├── header1.jpg ├── header2.jpg ├── header3.jpeg ├── header3.png ├── header4.jpg ├── header5.jpg ├── instagram.png ├── linkedin.png ├── logo-removebg-preview.png ├── logo.png ├── mainhero.jpg ├── mainhero2.jpg ├── menu.png ├── newlogo.jpeg ├── newlogo.png ├── nobghero2.png ├── offer.png ├── pic-1.png ├── pic-2.png ├── pic-3.png ├── preloader.gif └── twitter.png ├── index.html ├── script.js └── style.css /.github/ISSUE_TEMPLATE/custom.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Custom issue template 3 | about: Describe this issue template's purpose here. 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | 11 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | 8 | --- 9 | 10 | **Is your feature request related to a problem? Please describe.** 11 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 12 | 13 | **Describe the solution you'd like** 14 | A clear and concise description of what you want to happen. 15 | 16 | **Describe alternatives you've considered** 17 | A clear and concise description of any alternative solutions or features you've considered. 18 | 19 | **Additional context** 20 | Add any other context or screenshots about the feature request here. 21 | -------------------------------------------------------------------------------- /.github/workflows/jekyll.yml: -------------------------------------------------------------------------------- 1 | name: Jekyll site CI 2 | 3 | on: 4 | push: 5 | branches: [ master ] 6 | pull_request: 7 | branches: [ master ] 8 | 9 | jobs: 10 | build: 11 | 12 | runs-on: ubuntu-latest 13 | 14 | steps: 15 | - uses: actions/checkout@v2 16 | - name: Build the site in the jekyll/builder container 17 | run: | 18 | docker run \ 19 | -v ${{ github.workspace }}:/srv/jekyll -v ${{ github.workspace }}/_site:/srv/jekyll/_site \ 20 | jekyll/builder:latest /bin/bash -c "chmod 777 /srv/jekyll && jekyll build --future" 21 | -------------------------------------------------------------------------------- /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | ## How to Contribute 2 | This is an Open Source project and we would be happy to see contributors who report bugs and file feature requests submitting pull requests as well. 3 | This project adheres to the Contributor Covenant code of conduct. 4 | By participating, you are expected to uphold this code style. 5 | Please report issues here [Issues - girlscript/EQEquation-Website](https://github.com/girlscript/EQEquation-Website/issues) 6 | 7 | ### Branch Policy 8 | 9 | #### Sending pull requests: 10 | 11 | Go to the repository on GitHub at https://github.com/girlscript/EQEquation-Website. 12 | 13 | Click the “Fork” button at the top right. 14 | 15 | You’ll now have your copy of the original EQEquation-Website repository in your GitHub account. 16 | 17 | Open a terminal/shell. 18 | 19 | Type 20 | 21 | `$ git clone https://github.com/username/EQEquation-Website` 22 | 23 | where 'username' is your username. 24 | 25 | You’ll now have a local copy of your version of the original EQEquation-Website repository. 26 | 27 | #### Change into that project directory (EQEquation-Website): 28 | 29 | `$ cd EQEquation-Website` 30 | 31 | #### Add a connection to the original owner’s repository. 32 | 33 | `$ git remote add upstream https://github.com/girlscript/EQEquation-Website` 34 | 35 | #### To check this remote add set up: 36 | 37 | `$ git remote -v` 38 | 39 | #### Make changes to files. 40 | 41 | `git add` and `git commit` those changes 42 | 43 | `git push` them back to GitHub. These will go to your version of the repository. 44 | 45 | #### Squashing your's changes 46 | Before you make Pull Request, you should squash your commits into one. 47 | 48 | Go into the directory for the project and type: 49 | 50 | `git checkout my_branch` 51 | `git reset --soft HEAD~Number` 52 | `git commit` 53 | `git push --force origin my_branch` 54 | 55 | where 'Number' is the number of commits to squash and 'my_branch 'is your branch name. 56 | 57 | This will squash your commits into one single commit. 58 | 59 | Now push them and Create A PR. 60 | 61 | #### Now Create a PR (Pull Request) 62 | Go to your version of the repository on GitHub. 63 | 64 | Click the “New pull request” button at the top. 65 | 66 | Note that EQEquation-Website's repository will be on the left and your repository will be on the right. 67 | 68 | Click the green button “Create pull request”. Give a succinct and informative title, in the comment field give a short explanation of the changes and click the green button “Create pull request” again. 69 | 70 | **Best Practices**: Create a seperate Branch for Raising PR's to maintain a clean workflow. 71 | 72 | #### Pulling others’ changes 73 | Before you make further changes to the repository, you should check that your version is up to date relative to EQEquation-Website version. 74 | 75 | Go into the directory for the project and type: 76 | 77 | `$ git checkout master` 78 | `$ git pull upstream master --rebase` 79 | 80 | This will pull down and merge all of the changes that have been made in the original EQEquation-Website original repository. 81 | 82 | Now push them back to your Github repository. 83 | 84 | `$ git push origin master` 85 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |
2 | 3 | # EQEquation-Website 4 | 5 | [![Open Source Love svg1](https://badges.frapsoft.com/os/v1/open-source.svg?v=103)](https://github.com/ellerbrock/open-source-badges/) 6 | [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square)](http://makeapullrequest.com) 7 | ![GitHub forks](https://img.shields.io/github/forks/girlscript/EQEquation-Website?label=Fork&style=social) 8 | ![GitHub Pull Request](https://img.shields.io/github/issues-raw/girlscript/EQEquation-Website) 9 | ![GitHub Issues](https://img.shields.io/github/issues-closed-raw/girlscript/EQEquation-Website) 10 | ![GitHub Issues](https://img.shields.io/bitbucket/pr-raw/girlscript/EQEquation-Website) 11 | 12 |
13 | 14 | ## About EQEquation-Website👇 15 | 16 | >Emotional Intelligence (EQ) has given Deepa a weapon to reach new heights of success. Leaders need tools along with their high IQ, luck, and that’s what EQ Equation empowers them. Since she began her professional journey, she has never said NO to an opportunity that led me to take up a sales job while working as a scientist. She has lived/worked in four continents and understood the secret ingredient “your unique style”. Educational institutions engrave us with the belief to keep working hard all our life to be successful. No education gives us the soft skills and how to use one’s natural technique to be an empathetic impactful leader. 17 | 18 | >EqEquation was established to help people enjoy a fulfilled life using emotional intelligence techniques like self-awareness and empathy to achieve your goals in professional and personal life. My name is Deepa Sethi. I started my career as a scientist and then transitioned to be a successful strategic salesperson. I have lived in 4 continents and done business across the globe. Understanding the power of emotional intelligence has helped me excel in all positions and relationships, especially when the stakes are high. Navigating with empathy has helped me maintain or build new relationships with whoever I meet. It may be with cab drivers, someone on the flight, at home, or when developing a strategic partnership with large multinationals. Most leaders spend 60% of their time using their EI in their day to day activities. So why delaying building EI in our future leaders and only focusing on intelligence that is taught in our existing education system. We at EQ Equation help you find your authentic style to succeed. Regardless of what level of an organization you may be or individual that is looking to improve communication in personal life or help young adults to connect with themselves in a deeper manner. EQ Equation works individually in balancing emotions which leads to make this world a better place to live in. We look forward to connecting with you. 19 | 20 | ## References 21 | 22 | Participants can take the reference from this website👉[Reference](https://www.owenell.com/), We are going to create this website as mostly looking to this referenced website. 23 | #### All Features which are implemented in this Referenced website will be implemented in this current project. 24 | 25 | 26 | ## How to Contribute to this project? 27 | 28 | All contributors are Welcome before contributing to this Project, make sure you have gone through the [CONTRIBUTING.md](https://github.com/girlscript/EQEquation-Website/blob/master/CONTRIBUTING.md) ,and follow the Clean Practice to raise the issues. 29 | 30 | **The website is to be build from scratch so, we are required to follow below approaches👇** 31 | 32 | ✔ At the initial stages of the project, the issues where raised by project leads only ,as the initial website is build participants can raise issue like bug fixes and Features Enhancements. 33 | 34 | ✔ Participants have to contribute to a Particular issues,or fixes. 35 | 36 | ✔ Participant who come first and ask for issue they will be assigned first like in every OSS projects. 37 | 38 | ✔ Participant working on a particular issue will have to give daliy updates to the Project Leads in slack channel. 39 | 40 | ✔ If Project Lead donot see any progress in the particular issue ,The issue will be assigned to another Participant. 41 | 42 | ### **NOTE** : At the beginning of the project their is very less issues as we are building from scratch,so wait for some time everyone will get the fair chance. 43 | 44 | ## **All Queries are Welcomed** 45 | 46 | 👉Ritesh Yadav[Project Lead] 47 | * Shoot me a message on Slack Channel of GSSOC'20 Extended 48 | * Mail me at : [Ritesh](daydreamingguy941@gmail.com) 49 | 50 | 👉Shama Devi[Project Lead] 51 | * Shoot a message on Slack Channel of GSSOC'20 Extended 52 | * Mail at : [Shama](shamadevi4041@gmail.com) 53 | 54 | ## At the End: 55 | 56 | ![Alt Text](https://media.giphy.com/media/efPA2YD9BFWS30GJ5v/giphy.gif) 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /illustration/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/1.png -------------------------------------------------------------------------------- /illustration/10.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/10.png -------------------------------------------------------------------------------- /illustration/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/2.png -------------------------------------------------------------------------------- /illustration/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/3.png -------------------------------------------------------------------------------- /illustration/4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/4.png -------------------------------------------------------------------------------- /illustration/5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/5.png -------------------------------------------------------------------------------- /illustration/6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/6.png -------------------------------------------------------------------------------- /illustration/7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/7.png -------------------------------------------------------------------------------- /illustration/8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/8.png -------------------------------------------------------------------------------- /illustration/9.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/9.png -------------------------------------------------------------------------------- /illustration/Illustration1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/Illustration1.jpg -------------------------------------------------------------------------------- /illustration/Illustration3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/Illustration3.jpg -------------------------------------------------------------------------------- /illustration/dummy file: -------------------------------------------------------------------------------- 1 | <------------------------------------This is demo file with no use -----------------------------------------> 2 | -------------------------------------------------------------------------------- /illustration/emotions.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/emotions.jpg -------------------------------------------------------------------------------- /illustration/emotions.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/emotions.png -------------------------------------------------------------------------------- /illustration/emotions2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/emotions2.png -------------------------------------------------------------------------------- /illustration/emotions3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/emotions3.png -------------------------------------------------------------------------------- /illustration/emotions4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/emotions4.png -------------------------------------------------------------------------------- /illustration/human emotions.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/human emotions.jpg -------------------------------------------------------------------------------- /illustration/illustration2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/illustration2.png -------------------------------------------------------------------------------- /illustration/img1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/img1.png -------------------------------------------------------------------------------- /illustration/img2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/img2.jpg -------------------------------------------------------------------------------- /illustration/img3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/img3.jpg -------------------------------------------------------------------------------- /illustration/img4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/img4.jpg -------------------------------------------------------------------------------- /illustration/mental health.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/mental health.jpg -------------------------------------------------------------------------------- /illustration/mental-health.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/illustration/mental-health.jpg -------------------------------------------------------------------------------- /images/EQequation.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/EQequation.jpg -------------------------------------------------------------------------------- /images/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/about.png -------------------------------------------------------------------------------- /images/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/background.png -------------------------------------------------------------------------------- /images/contact.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/contact.png -------------------------------------------------------------------------------- /images/course.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/course.png -------------------------------------------------------------------------------- /images/dummy file: -------------------------------------------------------------------------------- 1 | 2 | -------------------------------------------------------------------------------- /images/facebook.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/facebook.png -------------------------------------------------------------------------------- /images/ham-removebg-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/ham-removebg-preview.png -------------------------------------------------------------------------------- /images/ham.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/ham.png -------------------------------------------------------------------------------- /images/header1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/header1.jpg -------------------------------------------------------------------------------- /images/header2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/header2.jpg -------------------------------------------------------------------------------- /images/header3.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/header3.jpeg -------------------------------------------------------------------------------- /images/header3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/header3.png -------------------------------------------------------------------------------- /images/header4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/header4.jpg -------------------------------------------------------------------------------- /images/header5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/header5.jpg -------------------------------------------------------------------------------- /images/instagram.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/instagram.png -------------------------------------------------------------------------------- /images/linkedin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/linkedin.png -------------------------------------------------------------------------------- /images/logo-removebg-preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/logo-removebg-preview.png -------------------------------------------------------------------------------- /images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/logo.png -------------------------------------------------------------------------------- /images/mainhero.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/mainhero.jpg -------------------------------------------------------------------------------- /images/mainhero2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/mainhero2.jpg -------------------------------------------------------------------------------- /images/menu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/menu.png -------------------------------------------------------------------------------- /images/newlogo.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/newlogo.jpeg -------------------------------------------------------------------------------- /images/newlogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/newlogo.png -------------------------------------------------------------------------------- /images/nobghero2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/nobghero2.png -------------------------------------------------------------------------------- /images/offer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/offer.png -------------------------------------------------------------------------------- /images/pic-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/pic-1.png -------------------------------------------------------------------------------- /images/pic-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/pic-2.png -------------------------------------------------------------------------------- /images/pic-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/pic-3.png -------------------------------------------------------------------------------- /images/preloader.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/preloader.gif -------------------------------------------------------------------------------- /images/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/GirlScript/EQEquation-Website/cc6b670179a9beb40ab39b0456eec3d1a4699d41/images/twitter.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 10 | 11 | 12 | EQEquation 13 | 14 | 20 | 21 | 22 | 23 | 24 | 25 | 31 | 32 | 36 | 37 | 42 | 43 | 44 | 50 | 55 | 59 | 63 | 68 | 69 | 70 | 71 | 72 | 73 | 74 |
75 |
76 |
77 | 86 |
87 | 101 |
102 |
103 | 146 | 147 |
148 |
149 | 150 | 151 | 152 | 153 |
154 | 155 |
156 |
157 |
158 | 171 |
172 |
173 |
174 |

Align IQ with EQ to escalate YOUR potential

175 |

176 | Strategically enhancing leadership, communities, individuals and 177 | adolescents 178 |

179 |
180 | 181 |
182 |
183 |
184 |
185 | 186 |
187 |
188 |

189 | 190 | In the past jobs were about muscles,now they're about brains,but 191 | in futue,they'll be about the heart. 192 | - Minouche Shafik(VP of World Bank) 193 |
194 |
195 | The emotional brains respond to an event more quicklythan the 196 | thinking brain. 197 | - Daniel Goleman(Author, Professor at Harvard) 198 |
199 |
200 | One of the most important of all personal leadership skills is 201 | Self-Awareness. 202 | - Robin Sharma (Author) 203 | 204 |

205 |
206 |
207 |
208 |
209 |
210 |

211 | What is Emotional Intelligence? 212 |

213 |

214 | The ability is to understand and control your own feelings, and 215 | to understand the feelings of others and react to them in 216 | suitable way: Emotional Intelligence is as important as 217 | academic intelligence. 218 | (Definition from the Cambridge Business 219 | English Dictionary) 220 |

221 | 222 |
223 |
224 |

What is Success?

225 |

226 | Our definition of success is when I have done better than 227 | yesterday. It's a measurement of self from self, the only 228 | constant is you and the effort is to do better from yesterday in 229 | whatever you choose to do. What is not is to compare yourself 230 | with someone else.Just the way you are unique, your success is 231 | unique as well. 232 |

233 | 234 |
235 |
236 |
237 |
238 |
239 | 240 |
241 |
242 | 243 | 244 | 272 | 273 | 302 | 303 | 330 | 331 | 356 | 357 |
358 |
359 |
360 |
361 |
362 | Image placeholder 367 |
368 |
369 | Edsger Dijkstra
Random 370 |
371 |
372 |
373 | If debugging is the process of removing software bugs, then 374 | programming must be the process of putting them in. 375 |
376 |
377 |
378 |
379 |
380 |
381 | Image placeholder 386 |
387 |
388 | Edsger Dijkstra
Random 389 |
390 |
391 |
392 | If debugging is the process of removing software bugs, then 393 | programming must be the process of putting them in. 394 |
395 |
396 |
397 |
398 |
399 |
400 | Image placeholder 405 |
406 |
407 | Edsger Dijkstra
Random 408 |
409 |
410 |
411 | If debugging is the process of removing software bugs, then 412 | programming must be the process of putting them in. 413 |
414 |
415 |
416 |
417 |
418 |
419 | Image placeholder 424 |
425 |
426 | Edsger Dijkstra
Random 427 |
428 |
429 |
430 | If debugging is the process of removing software bugs, then 431 | programming must be the process of putting them in. 432 |
433 |
434 |
435 |
436 |
437 |
438 | Image placeholder 443 |
444 |
445 | Edsger Dijkstra
Random 446 |
447 |
448 |
449 | If debugging is the process of removing software bugs, then 450 | programming must be the process of putting them in. 451 |
452 |
453 |
454 |
455 |
456 |
457 | Image placeholder 462 |
463 |
464 | Edsger Dijkstra
Random 465 |
466 |
467 |
468 | If debugging is the process of removing software bugs, then 469 | programming must be the process of putting them in. 470 |
471 |
472 |
473 |
474 |
475 | 476 |
477 |
478 |
479 | 480 | 481 | 482 |
483 |
484 |
485 |

Sign Up to join our
learning community

486 |
487 | 488 | 489 | 490 | 491 |
492 | 493 | 494 |
495 |
496 | 497 |
498 |
499 |
500 | 501 |
502 |
503 |
504 | 505 |
506 |
507 |
508 |
509 | 510 | 647 | 648 | 649 | 654 | 655 | 656 | 661 | 662 | 663 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | // PreLoader 2 | const preloader = document.querySelector(".preloader"); 3 | var intervalId; 4 | 5 | // calling timer on DOM load 6 | window.addEventListener( 7 | "load", 8 | function () { 9 | intervalId = setInterval(fadeEffect, 300); 10 | }, 11 | false 12 | ); 13 | 14 | function fadeEffect() { 15 | if (!preloader.style.opacity) { 16 | preloader.style.opacity = 1; 17 | } 18 | if (preloader.style.opacity > 0) { 19 | preloader.style.opacity -= 0.1; 20 | } else { 21 | preloader.parentNode.removeChild(preloader); 22 | clearInterval(intervalId); 23 | } 24 | } 25 | 26 | var sidenav = document.getElementById("sideNav"); 27 | var main = document.getElementById("main"); 28 | var menu = document.getElementById("menuBtn"); 29 | var footer = document.getElementById("footer"); 30 | var landingbar = document.getElementById("landingbar").querySelector(".desktop-page-bar"); 31 | 32 | function openNav() { 33 | sidenav.style.width = "250px"; 34 | main.style.transform = "translateX(-250px)"; 35 | main.style.transition = "transform 1s"; 36 | footer.style.transform = "translateX(-250px)"; 37 | footer.style.transition = "transform 1s"; 38 | landingbar.style.transform= "translateX(-250px)"; 39 | landingbar.style.transition = "transform 1s"; 40 | menu.onclick = function () { 41 | closeNav(); 42 | }; 43 | menu.className = "far fa-times-circle"; 44 | } 45 | 46 | function closeNav() { 47 | sidenav.style.width = "0"; 48 | main.style.transform = "translateX(0)"; 49 | main.style.transition = "transform 0.3s"; 50 | footer.style.transform = "translateX(0)"; 51 | footer.style.transition = "transform 0.3s"; 52 | landingbar.style.transform= "translateX(0)"; 53 | menu.onclick = function () { 54 | openNav(); 55 | }; 56 | menu.className = "fas fa-bars"; 57 | } 58 | 59 | var scroll = new SmoothScroll('a[href*="#"]', { 60 | speed: 500, 61 | speedAsDuration: true, 62 | }); 63 | 64 | // var prevScrollpos = window.pageYOffset; 65 | window.onscroll = function () { 66 | if (document.body.scrollTop > 90 || document.documentElement.scrollTop > 90) { 67 | // var currentScrollPos = window.pageYOffset; 68 | // if (prevScrollpos > currentScrollPos) { 69 | // document.getElementById("top-navbar").style.top = "0"; 70 | // } else { 71 | // document.getElementById("top-navbar").style.top = "-80px"; 72 | // } 73 | // prevScrollpos = currentScrollPos; 74 | document.getElementById("landingbar").style.background = 75 | "rgba(156, 181, 238,1)"; 76 | document 77 | .getElementById("landingbar") 78 | .querySelector(".desktop-page-bar > ul").style.color = "white"; 79 | document.getElementById("landingbar").style.height = "70px"; 80 | document.getElementById("landingbar").style.paddingTop = "0px"; 81 | document 82 | .getElementById("landingbar") 83 | .querySelector(".desktop-page-bar > ul").style.marginTop = "20px"; 84 | document 85 | .getElementById("landingbar") 86 | .querySelector(".desktop-page-bar img").style.maxWidth = "80%"; 87 | } else { 88 | // document.getElementById("top-navbar").style.top = "-80px"; 89 | document.getElementById("landingbar").style.background = 90 | "rgba(255,0,150,0.0)"; 91 | document.getElementById("landingbar").style.height = "90px"; 92 | document.getElementById("landingbar").style.paddingTop = "20px"; 93 | document 94 | .getElementById("landingbar") 95 | .querySelector(".desktop-page-bar > ul").style.marginTop = "0px"; 96 | document 97 | .getElementById("landingbar") 98 | .querySelector(".desktop-page-bar img").style.maxWidth = "100%"; 99 | } 100 | }; 101 | 102 | // Initialize Swiper 103 | var swiper = new Swiper(".swiper-container", { 104 | effect: "coverflow", 105 | grabCursor: true, 106 | centeredSlides: true, 107 | slidesPerView: "auto", 108 | coverflowEffect: { 109 | rotate: 50, 110 | stretch: 0, 111 | depth: 100, 112 | modifier: 1, 113 | slideShadows: false, 114 | }, 115 | pagination: { 116 | el: ".swiper-pagination", 117 | }, 118 | }); 119 | 120 | //Dark mode 121 | function toggleDarkLight() { 122 | var body = document.getElementById("body"); 123 | var currentClass = body.className; 124 | body.className = currentClass == "dark-mode" ? "light-mode" : "dark-mode"; 125 | } 126 | 127 | var tilt = $(".js-tilt").tilt(); 128 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | font-family: sans-serif; 5 | box-sizing: border-box; 6 | } 7 | 8 | a:hover { 9 | text-decoration: none !important; 10 | } 11 | 12 | a:active { 13 | text-decoration: none !important; 14 | } 15 | 16 | ::-webkit-scrollbar-track { 17 | background-color: #cccccc; 18 | } 19 | 20 | ::-webkit-scrollbargit { 21 | width: 12px; 22 | background-color: #f5f5f5; 23 | } 24 | 25 | ::-webkit-scrollbar-thumb { 26 | border-radius: 10px; 27 | background-color: #e426bb; 28 | background-image: -webkit-linear-gradient( 29 | 90deg, 30 | transparent, 31 | rgba(28, 26, 139, 0.4) 50%, 32 | transparent, 33 | transparent 34 | ); 35 | } 36 | 37 | /* width of scrollbar */ 38 | ::-webkit-scrollbar { 39 | width: 1rem; 40 | } 41 | 42 | /* --Preloader-- */ 43 | .preloader { 44 | align-items: center; 45 | background: rgb(255, 255, 255); 46 | display: flex; 47 | height: 100vh; 48 | justify-content: center; 49 | left: 0; 50 | position: fixed; 51 | top: 0; 52 | transition: opacity 1.3s linear; 53 | width: 100%; 54 | z-index: 9999; 55 | } 56 | /* -- Landng Page -- */ 57 | .landing-page-bar { 58 | position: sticky; 59 | top: 0; 60 | padding: 20px; 61 | width: 100%; 62 | height: 90px; 63 | z-index: 9998; 64 | transition: 1s; 65 | } 66 | 67 | .desktop-page-bar { 68 | display: flex; 69 | justify-content: space-between; 70 | align-items: center; 71 | padding-left: 50px; 72 | width: calc(100% - 120px); 73 | } 74 | .desktop-page-bar > ul { 75 | display: flex; 76 | justify-content: space-between; 77 | margin-bottom: 30px; 78 | transition: 1s; 79 | } 80 | .desktop-page-bar > ul > li { 81 | margin-left: 30px; 82 | list-style: none; 83 | white-space: nowrap; 84 | } 85 | .desktop-page-bar > ul > li > a { 86 | text-decoration: none; 87 | color: #555555; 88 | font-size: 20px; 89 | font-family: "Ubuntu", sans-serif; 90 | display: block; 91 | padding-bottom: 5px; 92 | } 93 | .desktop-page-bar > ul > li ul { 94 | position: absolute; 95 | width: max-content; 96 | background-color: rgb(200, 210, 250); 97 | -webkit-box-shadow: 10px 10px 0px -3px rgba(176, 176, 176, 1); 98 | -moz-box-shadow: 10px 10px 0px -3px rgba(176, 176, 176, 1); 99 | box-shadow: 10px 10px 0px -3px rgba(176, 176, 176, 1); 100 | } 101 | .desktop-page-bar > ul > li:hover ul li { 102 | display: block; 103 | } 104 | 105 | .dropdownmenu ul li { 106 | display: none; 107 | animation: animate 1s ease; 108 | height: 30px; 109 | padding-left: 10px; 110 | padding-right: 10px; 111 | text-decoration: none; 112 | color: #555555; 113 | font-size: 20px; 114 | font-family: "Ubuntu", sans-serif; 115 | } 116 | .dropdownmenu ul li:nth-child(1) { 117 | animation: animate 500ms ease; 118 | } 119 | .dropdownmenu ul li:nth-child(2) { 120 | animation: animate 800ms ease; 121 | } 122 | .dropdownmenu ul li:nth-child(3) { 123 | animation: animate 1.1s ease; 124 | } 125 | .dropdownmenu ul li:nth-child(4) { 126 | animation: animate 1.4s ease; 127 | } 128 | @keyframes animate { 129 | 0% { 130 | opacity: 0; 131 | } 132 | 100% { 133 | opacity: 1; 134 | } 135 | } 136 | 137 | /* -- Top Navbar -- */ 138 | #top-navbar { 139 | display: flex; 140 | justify-content: center; 141 | align-items: center; 142 | content: ""; 143 | position: fixed; 144 | width: 100%; 145 | height: 80px; 146 | top: 0; 147 | z-index: 9998 !important; 148 | transition: top 1.3s; 149 | top: -80px; 150 | } 151 | 152 | .desktop-top-navbar { 153 | display: flex; 154 | justify-content: center; 155 | align-items: center; 156 | content: ""; 157 | width: 100%; 158 | height: 80px; 159 | top: 0; 160 | z-index: 4 !important; 161 | backdrop-filter: blur(10px) saturate(100%); 162 | -webkit-backdrop-filter: blur(12px) saturate(50%); 163 | background: rgba(255, 0, 150, 0.3); 164 | } 165 | 166 | .logo-container { 167 | background-color: white; 168 | height: 60px; 169 | display: flex; 170 | align-items: center; 171 | justify-content: center; 172 | border-radius: 30px; 173 | padding: 10px; 174 | -webkit-box-shadow: -5px 5px 10px 0px rgba(212, 212, 212, 1); 175 | -moz-box-shadow: -5px 5px 10px 0px rgba(212, 212, 212, 1); 176 | box-shadow: -5px 5px 10px 0px rgba(212, 212, 212, 1); 177 | } 178 | 179 | .mobile-top-navbar { 180 | display: none; 181 | } 182 | 183 | .desktop-top-navbar > ul { 184 | display: flex; 185 | justify-content: space-between; 186 | align-items: center; 187 | padding-right: -10px; 188 | padding-left: -10px; 189 | margin-bottom: 0px; 190 | width: 80%; 191 | } 192 | 193 | .desktop-top-navbar > ul > li { 194 | list-style: none; 195 | display: flex; 196 | align-items: center; 197 | justify-content: center; 198 | width: 110px; 199 | height: 40px; 200 | text-decoration: none; 201 | } 202 | 203 | .desktop-top-navbar > ul > li:nth-child(3) { 204 | width: 250px; 205 | } 206 | 207 | .desktop-top-navbar ul li a { 208 | display: flex; 209 | width: 100%; 210 | height: 100%; 211 | border-radius: 25px; 212 | text-decoration: none; 213 | color: #fff; 214 | align-items: center; 215 | justify-content: center; 216 | transition: 1.3s; 217 | font-family: "Ubuntu", sans-serif; 218 | font-size: 20px; 219 | } 220 | .desktop-top-navbar ul li a:hover { 221 | color: #000; 222 | background-image: linear-gradient(-90deg, #f67c92, #f0556f); 223 | } 224 | 225 | /* -- Side Navbar -- */ 226 | #hamburger { 227 | width: 35px; 228 | height: 5px; 229 | background-color: black; 230 | margin: 6px 0; 231 | margin: 2px; 232 | } 233 | 234 | #sideNav { 235 | height: 100vh; 236 | width: 0; 237 | position: fixed; 238 | z-index: 9999; 239 | top: 0; 240 | right: 0; 241 | background: #606060; 242 | overflow-x: hidden; 243 | transition: 0.5s; 244 | padding-top: 90px; 245 | } 246 | 247 | #main { 248 | transition: transform 1s; 249 | } 250 | 251 | nav ul li { 252 | list-style: none; 253 | margin: 10px 20px; 254 | display: inline-block; 255 | opacity: 0.8; 256 | } 257 | nav ul li a { 258 | padding: 8px 8px 8px 32px; 259 | text-decoration: none; 260 | font-size: 20px; 261 | color: #fff; 262 | display: block; 263 | transition: 1.3s; 264 | white-space: nowrap; 265 | font-family: "Ubuntu", sans-serif; 266 | } 267 | nav ul li a:hover { 268 | color: #000; 269 | text-decoration: none; 270 | transition: 0.7s all; 271 | background-image: linear-gradient(-90deg, #f67c92, #f0556f); 272 | } 273 | 274 | @media screen and (max-height: 450px) { 275 | #sideNav { 276 | padding-top: 90px; 277 | } 278 | #sideNav a { 279 | font-size: 18px; 280 | } 281 | } 282 | nav ul a { 283 | text-decoration: none; 284 | color: white; 285 | } 286 | 287 | #menuBtn { 288 | width: 40px; 289 | height: 40px; 290 | position: fixed; 291 | right: 35px; 292 | top: 17px; 293 | z-index: 9999 !important; 294 | cursor: pointer; 295 | opacity: 1; 296 | display: flex; 297 | justify-content: center; 298 | align-items: center; 299 | background: rgba(0, 76, 255, 0.3); 300 | backdrop-filter: blur(5px); 301 | border-radius: 20px; 302 | color: white; 303 | font-size: 2rem; 304 | } 305 | 306 | body.dark-mode { 307 | background-color: #183d5d; 308 | color: white; 309 | } 310 | 311 | body.dark-mode .desktop-top-navbar { 312 | background: rgba(181, 181, 181, 0.4); 313 | } 314 | 315 | body.dark-mode .mobile-top-navbar { 316 | background: rgba(181, 181, 181, 0.4); 317 | } 318 | 319 | body.dark-mode #menuBtn { 320 | background: rgba(181, 181, 181, 0.4); 321 | } 322 | 323 | body.dark-mode .c-logo { 324 | background: rgb(236, 236, 236); 325 | background: linear-gradient( 326 | 180deg, 327 | rgba(236, 236, 236, 1) 0%, 328 | rgba(64, 109, 189, 1) 100% 329 | ); 330 | } 331 | 332 | body.light-mode { 333 | background: rgb(255,253,208); 334 | background: linear-gradient(0deg, rgba(255,253,208,1) 0%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); 335 | color: black; 336 | } 337 | 338 | .mode-div { 339 | font-size: 2rem; 340 | background-color: transparent; 341 | display: flex; 342 | z-index: 9999; 343 | font-style: oblique; 344 | width: 150px; 345 | justify-content: space-evenly; 346 | align-items: center; 347 | margin-left: 50px; 348 | } 349 | 350 | /* toggle */ 351 | input[type="checkbox"] { 352 | height: 0; 353 | width: 0; 354 | visibility: hidden; 355 | } 356 | 357 | label { 358 | cursor: pointer; 359 | width: 50px; 360 | height: 25px; 361 | background: grey; 362 | border-radius: 100px; 363 | transform: translateY(-50%); 364 | margin-top: 30px; 365 | } 366 | 367 | label:after { 368 | content: ""; 369 | position: absolute; 370 | left: 0px; 371 | width: 25px; 372 | height: 25px; 373 | background: #fff; 374 | border-radius: 100%; 375 | transition: 1s; 376 | z-index: 9999; 377 | } 378 | 379 | input:checked + label { 380 | background: #f67c92; 381 | } 382 | 383 | input:checked + label:after { 384 | left: calc(100% - 5px); 385 | transform: translateX(-100%); 386 | } 387 | 388 | .main-hero-section { 389 | 390 | height: calc(100vh - 90px); 391 | min-height: 520px; 392 | position: relative; 393 | } 394 | 395 | .main-hero-container { 396 | height: 100%; 397 | display: flex; 398 | flex-direction: row; 399 | justify-content: center; 400 | align-items: center; 401 | } 402 | 403 | .main-hero-img { 404 | width: 50%; 405 | display: flex; 406 | justify-content: center; 407 | align-items: center; 408 | } 409 | 410 | .main-hero-content { 411 | width: 50%; 412 | display: flex; 413 | justify-content: center; 414 | align-items: center; 415 | } 416 | 417 | .text-container { 418 | width: 90%; 419 | padding: 20px; 420 | } 421 | 422 | .text-container h1 { 423 | /* font-family: "Libre Baskerville", serif; */ 424 | font-family: "Yoxall"; 425 | font-size:calc(1px + 5vh); 426 | } 427 | 428 | .text-container button { 429 | background-color: #0011ab; 430 | border: none; 431 | color: white; 432 | padding: 15px 32px; 433 | text-align: center; 434 | text-decoration: none; 435 | display: inline-block; 436 | font-size: 16px; 437 | margin: 4px 2px; 438 | cursor: pointer; 439 | -webkit-transition-duration: 0.4s; 440 | transition-duration: 0.4s; 441 | } 442 | 443 | .text-container button:hover { 444 | box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 445 | 0 17px 50px 0 rgba(0, 0, 0, 0.19); 446 | } 447 | 448 | .main-hero-img img { 449 | width: 100%; 450 | height: auto; 451 | border-radius: 20%; 452 | border: 15px solid white; 453 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 454 | position: relative; 455 | } 456 | 457 | .c-logo { 458 | width: 50%; 459 | background: rgb(255, 161, 202); 460 | background: linear-gradient( 461 | 180deg, 462 | rgba(255, 161, 202, 1) 0%, 463 | rgba(119, 181, 255, 1) 100% 464 | ); 465 | box-shadow: 0 20px 27px rgba(0, 0, 0, 0.05); 466 | display: -webkit-box; 467 | display: -ms-flexbox; 468 | display: flex; 469 | -webkit-box-align: center; 470 | -ms-flex-align: center; 471 | align-items: center; 472 | -webkit-box-pack: center; 473 | -ms-flex-pack: center; 474 | justify-content: center; 475 | color: white; 476 | font-size: 3.16667rem; 477 | line-height: 1.26316; 478 | text-decoration: none; 479 | font-weight: 300; 480 | -webkit-transform-style: preserve-3d; 481 | transform-style: preserve-3d; 482 | -webkit-transform: perspective(500px); 483 | transform: perspective(500px); 484 | position: relative; 485 | } 486 | .c-logo:after { 487 | content: ""; 488 | position: absolute; 489 | top: 0; 490 | left: 0; 491 | height: 100%; 492 | width: 100%; 493 | background-color: #333; 494 | box-shadow: 0 20px 70px -10px rgba(51, 51, 51, 0.7), 495 | 0 50px 100px 0 rgba(51, 51, 51, 0.2); 496 | z-index: -1; 497 | -webkit-transform: translateZ(-50px); 498 | transform: translateZ(-50px); 499 | -webkit-transition: 0.3s; 500 | transition: 0.3s; 501 | } 502 | .c-logo > span { 503 | display: block; 504 | -webkit-transform: translateZ(00px) scale(0.7); 505 | transform: translateZ(90px) scale(0.7); 506 | } 507 | .c-logo:hover:after { 508 | -webkit-transform: translateZ(-100px); 509 | transform: translateZ(-100px); 510 | opacity: 1; 511 | } 512 | .c-logo .backdrop { 513 | width: 70%; 514 | height: 70%; 515 | border-radius: 50%; 516 | position: absolute; 517 | background-image: -webkit-linear-gradient( 518 | 300deg, 519 | #5a00ff 0%, 520 | #1fff73 100%, 521 | #1fff73 100% 522 | ); 523 | background-image: linear-gradient( 524 | 150deg, 525 | #5a00ff 0%, 526 | #1fff73 100%, 527 | #1fff73 100% 528 | ); 529 | -webkit-transform: translateZ(0px); 530 | transform: translateZ(0px); 531 | opacity: 0; 532 | -webkit-transition: 3s; 533 | transition: 3s; 534 | } 535 | /* -- Hero Section-- */ 536 | 537 | .hero-section { 538 | height: 120vh; 539 | min-height: 700px; 540 | width: 100%; 541 | display: flex; 542 | justify-content: center; 543 | align-items: center; 544 | } 545 | 546 | 547 | .hero-container { 548 | display: flex; 549 | justify-content: center; 550 | align-items: center; 551 | flex-direction: column; 552 | flex-wrap: wrap; 553 | text-align: center; 554 | /* padding: 20px; */ 555 | } 556 | 557 | .hero-container h1 { 558 | font-size: 2rem; 559 | margin-bottom: 5vh; 560 | } 561 | .container .box { 562 | /* width:540px; */ 563 | display: flex; 564 | margin: 150px; 565 | flex-wrap: wrap; 566 | } 567 | .container .box .box-cell { 568 | /* display:table-cell; */ 569 | /* width:50%; */ 570 | padding: 10px; 571 | } 572 | .box1 { 573 | color: black; 574 | padding: 0 200px 0 200px; 575 | flex-basis: 50%; 576 | text-align: center; 577 | } 578 | .h-blue { 579 | color: blue; 580 | } 581 | .box2 { 582 | text-align: center; 583 | padding: 0 200px; 584 | flex-basis: 50%; 585 | } 586 | 587 | .hero-container p { 588 | width: 50vw; 589 | font-size: 0.5rem; 590 | line-height: 1em; 591 | } 592 | .hero-container button { 593 | padding: 1vh 1.5vh; 594 | font-size: 14px; 595 | border: none; 596 | background-color: gold; 597 | border-radius: 20px; 598 | } 599 | .hero-container button:hover { 600 | background-color: white; 601 | border-color: gold; 602 | transition-duration: 1s; 603 | animation-direction: alternate; 604 | } 605 | 606 | /* --Section header -- */ 607 | 608 | /* Carousel base class */ 609 | #header div.container-fluid { 610 | padding: 0; 611 | height: 100vh; 612 | } 613 | 614 | /* Since positioning the image, we need to help out the caption */ 615 | .carousel-caption { 616 | z-index: 10; 617 | } 618 | 619 | /* Declare heights because of positioning of img element */ 620 | .carousel .item { 621 | height: 100vh; 622 | background-color: #ffa1b8; 623 | } 624 | .carousel-inner > .item > img { 625 | position: absolute; 626 | top: 50%; 627 | transform: translateY(-50%); 628 | left: 0; 629 | min-width: 100%; 630 | } 631 | 632 | .header-text { 633 | max-width: 350px; 634 | } 635 | 636 | h1 { 637 | font-size: 34px; 638 | } 639 | .square { 640 | height: 12px; 641 | width: 12px; 642 | display: inline-block; 643 | background: #f67c92; 644 | margin: 15px 0; 645 | } 646 | .common-btn { 647 | padding: 18px 40px; 648 | background: transparent; 649 | outline: none; 650 | border: 2px solid #f67c92; 651 | font-weight: bold; 652 | cursor: pointer; 653 | } 654 | .common-btn:hover { 655 | background-color: #f67c92; 656 | color: #fff; 657 | } 658 | p { 659 | font-size: 15px; 660 | line-height: 18px; 661 | color: #777777; 662 | } 663 | .header-text button { 664 | margin-top: 20px; 665 | margin-bottom: 60px; 666 | } 667 | .line-1 { 668 | width: 15px; 669 | height: 15px; 670 | background: #f67c92; 671 | display: inline-block; 672 | } 673 | .line-2 { 674 | width: 80px; 675 | height: 1px; 676 | background: #f67c92; 677 | display: inline-block; 678 | } 679 | .line-3 { 680 | width: 60px; 681 | height: 1px; 682 | background: #f67c92; 683 | display: inline-block; 684 | } 685 | .line { 686 | line-height: 8px; 687 | } 688 | 689 | /*----Section about----*/ 690 | 691 | #about, 692 | #offer { 693 | padding: 150px 0; 694 | display: flex; 695 | align-items: center; 696 | flex-wrap: wrap; 697 | } 698 | .about-left-col { 699 | flex-basis: 50%; 700 | } 701 | 702 | .about-left-col img { 703 | width: 100%; 704 | } 705 | .about-left-col { 706 | flex-basis: 50%; 707 | } 708 | .about-right-col { 709 | flex-basis: 50%; 710 | text-align: right; 711 | } 712 | .about-text { 713 | max-width: 500px; 714 | margin-right: 100px; 715 | display: inline-block; 716 | } 717 | .about-text h2 { 718 | margin: 50px 0 10px; 719 | font-size: 28px; 720 | font-style: italic; 721 | } 722 | .about-text h3 { 723 | font-size: 20px; 724 | font-style: italic; 725 | color: #797979; 726 | } 727 | 728 | /*----Section features-----*/ 729 | 730 | #features { 731 | padding-top: 50px; 732 | padding-bottom: 50px; 733 | } 734 | 735 | .feature-row { 736 | width: 80%; 737 | margin: auto; 738 | display: flex; 739 | align-items: center; 740 | justify-content: space-around; 741 | flex-wrap: wrap; 742 | } 743 | .feature-col { 744 | flex-basis: 25%; 745 | text-align: center; 746 | } 747 | .feature-col img { 748 | width: 100px; 749 | } 750 | .feature-col h4 { 751 | margin-bottom: 15px; 752 | font-size: 20px; 753 | font-weight: 400; 754 | } 755 | .feature-btn { 756 | margin: 80px auto 0; 757 | display: flex; 758 | align-items: flex-end; 759 | justify-content: center; 760 | } 761 | .feature-btn .line { 762 | text-align: right; 763 | display: inline-block; 764 | margin-right: 25px; 765 | } 766 | /*--Section couses--*/ 767 | 768 | #courses { 769 | padding: 100px 0; 770 | } 771 | .course-row { 772 | display: flex; 773 | align-items: center; 774 | flex-wrap: wrap; 775 | } 776 | .course-right-col { 777 | flex-basis: 50%; 778 | } 779 | .course-right-col img { 780 | width: 100%; 781 | } 782 | .course-left-col { 783 | flex-basis: 50%; 784 | } 785 | .course-text { 786 | max-width: 350px; 787 | } 788 | .course-text button { 789 | margin: 30px 0; 790 | } 791 | #offer button { 792 | margin: 30px 0; 793 | } 794 | 795 | /*--Section testimonials--*/ 796 | .img-testimonials { 797 | width: 200px; 798 | height: 200px; 799 | border-radius: 50%; 800 | } 801 | #testimonials { 802 | height: 100vh; 803 | min-height: 700px; 804 | display: flex; 805 | justify-content: space-between; 806 | align-items: center; 807 | } 808 | #testimonials blockquote::before { 809 | content: open-quote; 810 | } 811 | 812 | #testimonials blockquote::after { 813 | content: close-quote; 814 | } 815 | 816 | #testimonials blockquote { 817 | font-family: "Verdana"; 818 | font-size: 15px; 819 | font-weight: 300; 820 | line-height: 30px; 821 | color: #808080; 822 | quotes: "“" "”" "‘" "’"; 823 | border-left: none; 824 | } 825 | 826 | #testimonials figcaption { 827 | position: relative; 828 | } 829 | 830 | #testimonials cite { 831 | color: grey; 832 | } 833 | 834 | /*--testimonials Card--*/ 835 | .testimonials-card { 836 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 837 | border-radius: 20px; 838 | text-align: center; 839 | position: relative; 840 | height: 100%; 841 | } 842 | 843 | .testimonials-card:hover { 844 | box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); 845 | } 846 | 847 | .img-testimonials-card { 848 | width: 15vw; 849 | height: 15vw; 850 | max-width: 150px; 851 | max-height: 150px; 852 | border-radius: 50%; 853 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); 854 | position: relative; 855 | margin-top: -75px; 856 | } 857 | 858 | .quote { 859 | padding: 20px; 860 | } 861 | 862 | #testimonials .swiper-container { 863 | width: 100%; 864 | padding-top: 100px; 865 | padding-bottom: 50px; 866 | } 867 | 868 | #testimonials .swiper-slide { 869 | background-position: center; 870 | background-size: cover; 871 | width: 33.33%; 872 | min-width: 200px; 873 | height: 400px; 874 | } 875 | 876 | .container { 877 | margin-right: 100px; 878 | margin-left: 100px; 879 | } 880 | 881 | @media screen and (max-width: 1000px) { 882 | .img-testimonials-card { 883 | margin-top: -7.5vw; 884 | } 885 | .desktop-top-navbar ul li a { 886 | font-size: 15px; 887 | } 888 | .desktop-page-bar > ul > li > a { 889 | font-size: 15px; 890 | } 891 | .dropdownmenu ul li { 892 | font-size: 15px; 893 | } 894 | } 895 | 896 | /*-- Section Contact --*/ 897 | 898 | .contact-row { 899 | display: flex; 900 | align-items: center; 901 | flex-wrap: wrap; 902 | } 903 | .contact-left-col, 904 | .contact-right-col { 905 | flex-basis: 50%; 906 | } 907 | .contact-right-col img { 908 | width: 100%; 909 | } 910 | form { 911 | max-width: 350px; 912 | margin: 30px 0; 913 | } 914 | 915 | form input { 916 | width: 100%; 917 | padding: 12px 10px; 918 | margin-bottom: 5px; 919 | outline: none; 920 | box-shadow: none; 921 | box-sizing: border-box; 922 | border: 2px solid #fab3c4; 923 | } 924 | .btn-box { 925 | width: 100%; 926 | display: flex; 927 | justify-content: space-between; 928 | } 929 | .btn-box button { 930 | flex-basis: 48%; 931 | padding: 18px 0; 932 | } 933 | 934 | /* Footer */ 935 | 936 | #footer { 937 | background-color: rgb(247, 247, 247); 938 | color: black; 939 | } 940 | hr { 941 | width: 100%; 942 | border: 0; 943 | border-top: 1px solid #f67c92; 944 | } 945 | .footer-row { 946 | display: flex; 947 | align-items: center; 948 | justify-content: space-between; 949 | flex-wrap: wrap; 950 | } 951 | .footer-left-col { 952 | flex-basis: 55%; 953 | margin-top: 5px; 954 | } 955 | .footer-right-col { 956 | flex-basis: 10%; 957 | margin-top: 5px; 958 | } 959 | .footer-links { 960 | display: flex; 961 | justify-content: space-between; 962 | flex-wrap: wrap; 963 | } 964 | .link-title h4 { 965 | color: #fab3c4; 966 | margin-bottom: 20px; 967 | } 968 | .link-title small { 969 | font-size: 13px; 970 | color: #777777; 971 | } 972 | .footer-info { 973 | display: flex; 974 | align-items: flex-end; 975 | justify-content: space-between; 976 | flex-wrap: wrap; 977 | } 978 | .footer-logo img { 979 | width: 230px; 980 | } 981 | .footer-logo button { 982 | padding: 11px 34px; 983 | margin-top: 20px; 984 | font-size: 11px; 985 | } 986 | .copyright-text, 987 | .footer-logo { 988 | flex-basis: 40%; 989 | } 990 | 991 | .social-icons { 992 | position: sticky; 993 | top: 50%; 994 | transform: translateY(-50%); 995 | left: 0; 996 | width: 30px; 997 | z-index: 1; 998 | float: left; 999 | } 1000 | 1001 | .social-icons .fab { 1002 | display: block; 1003 | margin: 0 auto 20px; 1004 | cursor: pointer; 1005 | font-size: 20px; 1006 | text-align: center; 1007 | color: #f67c92; 1008 | } 1009 | 1010 | .social-icons .fab:hover { 1011 | opacity: 0.7; 1012 | } 1013 | 1014 | .footer-social .fab { 1015 | color: #f67c92; 1016 | } 1017 | .footer-social .fab:hover { 1018 | opacity: 0.7; 1019 | } 1020 | .bottom-bar { 1021 | position: relative; 1022 | text-align: center; 1023 | font-size: 0.9em; 1024 | margin: auto; 1025 | padding: 0 0 0 0; 1026 | color: #777777; 1027 | } 1028 | .desktop-view-footer { 1029 | display: block; 1030 | padding-bottom: 30px; 1031 | } 1032 | .mobile-view-footer { 1033 | display: none; 1034 | } 1035 | 1036 | @media only screen and (min-width: 450px) and (max-width: 770px) { 1037 | .logo { 1038 | margin-left: 45%; 1039 | } 1040 | } 1041 | 1042 | @media only screen and (max-width: 770px) { 1043 | #menuBtn { 1044 | top: 20px; 1045 | } 1046 | .container { 1047 | margin-right: 50px; 1048 | margin-left: 50px; 1049 | } 1050 | .logo { 1051 | width: 70px; 1052 | } 1053 | .header-text { 1054 | margin-top: 100px; 1055 | } 1056 | h1 { 1057 | font-size: 25px; 1058 | } 1059 | 1060 | .common-btn { 1061 | padding: 10px 16px; 1062 | } 1063 | .social-icons img { 1064 | width: 14px; 1065 | margin: 15px auto; 1066 | } 1067 | .main-hero-section { 1068 | left: -15px; 1069 | height: 100vh; 1070 | min-height: 900px; 1071 | } 1072 | .main-hero-container { 1073 | flex-direction: column; 1074 | text-align: center; 1075 | } 1076 | 1077 | .main-hero-img { 1078 | width: 100%; 1079 | } 1080 | 1081 | .main-hero-content { 1082 | width: 100%; 1083 | } 1084 | 1085 | .hero-container h1 { 1086 | font-size: 3.5vw; 1087 | } 1088 | .hero-container p { 1089 | font-size: 4vw; 1090 | } 1091 | .about-left-col, 1092 | .about-right-col { 1093 | flex-basis: 100%; 1094 | } 1095 | .about-text { 1096 | margin: 50px 50px 0; 1097 | display: inline-block; 1098 | } 1099 | .about-text h2 { 1100 | font-size: 18px; 1101 | } 1102 | .feature-col { 1103 | flex-basis: 100%; 1104 | margin-bottom: 20px; 1105 | } 1106 | .course-left-col { 1107 | flex-basis: 100%; 1108 | } 1109 | .course-text { 1110 | margin: 50px 50px 0px; 1111 | } 1112 | .course-right-col { 1113 | flex-basis: 100%; 1114 | margin-top: 70px; 1115 | } 1116 | 1117 | .contact-left-col { 1118 | flex-basis: 100%; 1119 | margin: 50px 50px 0px; 1120 | } 1121 | 1122 | .contact-right-col { 1123 | flex-basis: 100%; 1124 | } 1125 | 1126 | /* --Mobile view testimonials -- */ 1127 | .testimonials-column { 1128 | width: 100%; 1129 | display: block; 1130 | margin-bottom: 25%; 1131 | } 1132 | .img-testimonials-card { 1133 | width: 25vw; 1134 | height: 25vw; 1135 | margin-top: -12.5vw; 1136 | } 1137 | 1138 | #testimonials .swiper-slide { 1139 | background-position: center; 1140 | background-size: cover; 1141 | width: 33.33%; 1142 | min-width: 300px; 1143 | height: 400px; 1144 | } 1145 | 1146 | /* --Mobile view Navbar -- */ 1147 | .landing-page-bar { 1148 | display: none; 1149 | } 1150 | .desktop-top-navbar { 1151 | display: none; 1152 | } 1153 | 1154 | .mobile-top-navbar { 1155 | display: flex; 1156 | width: 100%; 1157 | height: 60px; 1158 | background-color: white; 1159 | border-radius: 20px; 1160 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 1161 | z-index: 4 !important; 1162 | backdrop-filter: blur(10px) saturate(100%); 1163 | -webkit-backdrop-filter: blur(12px) saturate(50%); 1164 | background: rgba(255, 0, 150, 0.3); 1165 | } 1166 | 1167 | .logo-mobile { 1168 | overflow: hidden; 1169 | height: 60px; 1170 | width: 200px; 1171 | display: flex; 1172 | align-content: center; 1173 | background-position: center center; 1174 | background-repeat: no-repeat; 1175 | background-size: 100px; 1176 | } 1177 | 1178 | .desktop-view-footer { 1179 | display: none; 1180 | } 1181 | 1182 | .mobile-view-footer { 1183 | display: block; 1184 | position: relative; 1185 | padding-left: 10px; 1186 | padding-right: 10px; 1187 | padding-top: 10px; 1188 | background-color: #f1f3f5; 1189 | padding-bottom: 30px; 1190 | z-index: 10; 1191 | } 1192 | 1193 | .full-width { 1194 | display: flex; 1195 | position: relative; 1196 | flex-direction: column; 1197 | } 1198 | 1199 | .relbtn { 1200 | width: 100%; 1201 | position: relative; 1202 | background-color: #f1f3f5; 1203 | } 1204 | 1205 | .toggleBtn { 1206 | position: relative; 1207 | display: flex; 1208 | justify-content: space-between; 1209 | align-items: center; 1210 | font-size: 2rem; 1211 | } 1212 | 1213 | .copyright-text small { 1214 | font-size: 13.5px; 1215 | } 1216 | 1217 | #footer ul { 1218 | width: 100%; 1219 | position: relative; 1220 | } 1221 | 1222 | .footer-line-break { 1223 | width: 100%; 1224 | background-color: grey; 1225 | height: 1px; 1226 | margin-top: 2px; 1227 | margin-bottom: 2px; 1228 | position: relative; 1229 | } 1230 | 1231 | .footer-social { 1232 | display: flex; 1233 | justify-content: space-around; 1234 | font-size: 30px; 1235 | padding-left: 50px; 1236 | padding-right: 50px; 1237 | } 1238 | 1239 | .footer-social .fab { 1240 | color: #717171; 1241 | } 1242 | 1243 | .footer-social .fab:hover { 1244 | opacity: 0.7; 1245 | } 1246 | } 1247 | --------------------------------------------------------------------------------