├── .vscode └── settings.json ├── README.md ├── css ├── ailmentstyle.css ├── style.css └── styleasana.css ├── html ├── asthama.html ├── balasana.html ├── bodypain.html ├── cobra.html ├── depression.html ├── diabetes.html ├── digestive.html ├── heartdisease.html ├── paripurnanavasana.html ├── pranayam.html ├── suryanamaskar.html ├── tadasana.html └── varkasana.html ├── images ├── Heart-Health.jpg ├── WhatsApp Image 2022-09-11 at 4.26.58 PM.jpeg ├── Yoga and Digestion.jpg ├── anulom-vulom.jpg ├── anxiety.jpg ├── asthma.jpg ├── balasana.jpg ├── bg.jpg ├── bg2.jpg ├── bg3.jpg ├── bg4.jpg ├── bhastrika.jpg ├── boat_pose.png ├── bodypain.jpg ├── dark.jpeg ├── depression.jpg ├── depression_anxiety.jpg ├── diabetes.jpg ├── digestive.jpg ├── grey.jpeg ├── heart.jpg ├── kapal-bhati.jpg ├── leaf-solid.svg ├── pain.jpg ├── self_improvement.png ├── step1-suryanamaskar.jpg ├── step2-suryanamaskar.jpg ├── step3-suryanamaskar.jpg ├── step5-suryanamaskar.jpg ├── step6-suryanamaskar.jpg ├── step7-suryanamaskar.jpg ├── step8-suryanamaskar.jpg ├── tadasana.jpg ├── varkasana.jpg ├── yoga.jpg ├── yoga1.jpg └── yoga2.jpg ├── index.html └── javascript ├── nav.js └── searchbox.js /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Rog-Free 2 | 3 | Rog-Free is a website that shows you specialised yoga postures for specific diseases or ailments. 4 | 5 | It acts as a simplified yoga instructor, so you can follow along at your own pace whenever and wherever you want.
6 | 7 | It's simple to see and use so that it can be easier for people of any age group to easily browse through the website without any hassle. 8 | 9 | ![responsive](https://user-images.githubusercontent.com/98885752/189529461-f3269776-a118-41d2-b840-d21772257016.png) 10 | 11 | Visit the deployed site: Rog-Free 12 | 13 | 14 | # Color-Design 15 | 16 | ![color pallete](https://user-images.githubusercontent.com/98885752/189531949-991a0da5-2d7a-4a91-b7d2-811179a1e8a8.png) 17 | 18 | 19 | # Features 20 | 21 | This website comprises of 14 html pages including the index file. 22 | 23 | 7 out of those 14 pages are different Asanas HTML pages like Balasana, Cobra pose, etc. 6 pages are used as ailments pages to inform you a bit about the specified disease and then that directs you to the Asanas which are best suited to you based on the choice you have made. 24 | 25 | The home page starts with a beautiful landing page with a minimalist look. On the top you can find the Navigation bar which can be used to easily browse the website. 26 | 27 | ![Nav Bar](https://user-images.githubusercontent.com/98885752/189532664-279387d5-ea50-4eac-8dd7-1b7751570471.png) 28 | 29 | The Nav bar is not only responsive but also consists of a dropdown of asanas which opens up on hovering. 30 | Making browsing even easier and looks more appealing. 31 | 32 | As you scroll down you can see a search bar to search for your particular ailment and land at your desired page. Then there is a horizontal scroll to see some cue cards for easy navigation of Asanas. 33 | 34 | 35 | This is followed by a simple contact form, in order somebody wants to connect or ask any query. 36 | 37 | Throughout the website we have tried to keep it breathable and minimalistic looking, so that it can have a cool and calm vibe. 38 | 39 | # Technology 40 | 41 | Languages used : HTML, CSS and JAVASCRIPT 42 | 43 |
44 | 45 | Github : To save and store the files for the website.
46 | 47 | Google Fonts : Used for icon and fonts. 48 | 49 | Pexels : Used for stocked images. 50 | 51 | Am I responsive? : To show the website image on a range of devices. 52 | 53 | Hook Agency : used for picking a color scheme. 54 | 55 |
56 | 57 | Github Pages was used to deploy the website: Rog-Free 58 | -------------------------------------------------------------------------------- /css/ailmentstyle.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); 2 | 3 | 4 | *{ 5 | margin: 0; 6 | padding: 0; 7 | text-decoration: none; 8 | font-family: 'PT Sans', sans-serif; 9 | box-sizing: border-box; 10 | letter-spacing: 0.5px; 11 | line-height: 30px; 12 | } 13 | 14 | body{ 15 | font-size: 17px; 16 | color: #16123f;; 17 | line-height: 1.6; 18 | } 19 | 20 | .material-symbols-outlined{ 21 | font-size: 70px; 22 | } 23 | 24 | nav{ 25 | position: fixed; 26 | display: flex; 27 | justify-content:space-between; 28 | padding: 0 7vw; 29 | align-items: center; 30 | background-color: #c7ddcc; 31 | width: 100%; 32 | height: 80px; 33 | z-index: 1; 34 | } 35 | 36 | .navlinks{ 37 | display: flex; 38 | justify-content: space-around; 39 | align-items: center; 40 | list-style: none; 41 | } 42 | 43 | 44 | .navlinks li { 45 | padding: 20px 15px; 46 | white-space:nowrap; 47 | text-align: center; 48 | min-width: 130px; 49 | letter-spacing: 1px; 50 | font-size: 25px; 51 | font-weight: 300; 52 | color: #16123f; 53 | position: relative; 54 | background-color: inherit; 55 | } 56 | 57 | .navlinks a, .navlinks a:visited { 58 | color: #16123f; 59 | } 60 | 61 | 62 | .dropdown { 63 | position: absolute; 64 | } 65 | 66 | .navlinks .dropdown .dropdown-content { 67 | background-color: #c7ddcc; 68 | min-width: 160px; 69 | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 70 | display: flex; 71 | flex-direction: column; 72 | position: absolute; 73 | top: 70px; 74 | left: -40px; 75 | display: none; 76 | } 77 | 78 | .dropdown-content a { 79 | color:#16123f; 80 | padding: 12px 16px; 81 | text-align: center; 82 | } 83 | 84 | .dropdown:hover .dropdown-content { 85 | display:flex; 86 | } 87 | 88 | .dropdown-content a:hover{ 89 | text-decoration: underline; 90 | } 91 | 92 | .burger{ 93 | padding-left: 50%; 94 | display: none; 95 | cursor: pointer; 96 | } 97 | .burger div{ 98 | width: 26px; 99 | height: 3px; 100 | margin: 3px; 101 | background-color: #16123f; 102 | transition: all 0.3s ease; 103 | } 104 | 105 | @media screen and (max-width:768px) { 106 | body{ 107 | overflow-x: hidden; 108 | } 109 | .navlinks{ 110 | position: absolute; 111 | right: 0px; 112 | top: 80px; 113 | width: 40%; 114 | height: 50vh; 115 | display: flex; 116 | flex-direction:column; 117 | align-items: center; 118 | text-align: center; 119 | background-color: #c7ddcc; 120 | color: #16123f; 121 | transform: translateX(100%); 122 | transition: transform 0.5s ease-in; 123 | } 124 | 125 | .navlinks .dropdown .dropdown-content { 126 | display: none; 127 | position: absolute; 128 | top: 0; 129 | left: -210px; 130 | z-index: 2; 131 | } 132 | 133 | .dropdown:hover .dropdown-content { 134 | display: flex; 135 | } 136 | 137 | .navlinks li{ 138 | position: relative; 139 | opacity: 0; 140 | width: 100%; 141 | } 142 | .burger{ 143 | display: block; 144 | } 145 | 146 | } 147 | 148 | .nav-active{ 149 | transform: translateX(0%); 150 | } 151 | 152 | @keyframes navLinkFade { 153 | from{ 154 | opacity: 0; 155 | transform: translateX(50px); 156 | } 157 | to{ 158 | opacity: 1; 159 | transform: translateX(0px); 160 | } 161 | } 162 | .toggle .line1{ 163 | transform: rotate(-45deg) translate(-1px, 5px); 164 | } 165 | .toggle .line2{ 166 | opacity:0; 167 | } 168 | .toggle .line3{ 169 | transform: rotate(45deg) translate(-5px, -8px) ; 170 | } 171 | 172 | 173 | 174 | 175 | .title{ 176 | background-image:url('../images/yoga1.jpg'), url(../images/grey.jpeg); 177 | background-size: cover; 178 | background-blend-mode:multiply; 179 | background-position: center; 180 | display: flex; 181 | flex-direction: column; 182 | justify-content: center; 183 | align-items: center; 184 | text-align: center; 185 | max-height: 500px; 186 | height: fit-content; 187 | color: #16123F; 188 | padding: 20vw 5vw; 189 | border-bottom: 10px solid #75c9b76e; 190 | color: rgb(217, 217, 217); 191 | text-shadow: 0.5px 0.5px #b9bdbc; 192 | } 193 | 194 | .title #mainPage { 195 | margin: 20px; 196 | font-size: 30px; 197 | } 198 | 199 | .title a{ 200 | color: #fff; 201 | } 202 | 203 | .title .diseaseTitle { 204 | margin: 20px; 205 | font-size: 45px; 206 | } 207 | 208 | .diseaseTitle p { 209 | line-height: 50px; 210 | } 211 | 212 | .title a span:hover { 213 | background-color: #fff; 214 | color: #75c9b7; 215 | border-radius: 30px; 216 | padding: 1px 1px 7px 7px; 217 | box-shadow: 0 0 12px 9px #fff; 218 | } 219 | 220 | .container{ 221 | color:#16123F; 222 | padding: 6vw; 223 | width: 100%; 224 | background-color: #c7ddcc; 225 | text-align: justify; 226 | font-size: 20px; 227 | line-height: 1.2; 228 | font-weight: 500; 229 | } 230 | 231 | .intro { 232 | display: flex; 233 | flex-direction: column; 234 | justify-content: center; 235 | text-align: justify; 236 | } 237 | 238 | .intro div, .intro h3, .cure h2, .asana h2 { 239 | padding-bottom: 30px; 240 | } 241 | 242 | .intro img { 243 | display: block; 244 | border: 8px solid #fff; 245 | padding: 20px; 246 | margin: 40px auto; 247 | background-color: #75c9b75a; 248 | max-width: 500px; 249 | width: 100%; 250 | max-height: 500px; 251 | } 252 | 253 | .cure { 254 | padding: 50px 0; 255 | margin: 20px 0; 256 | } 257 | 258 | .cure li, div li { 259 | list-style: disc; 260 | padding: 7px 0; 261 | margin: 0 20px; 262 | } 263 | 264 | .asana { 265 | padding: 50px 0; 266 | margin: 20px 0; 267 | } 268 | 269 | .asanaCollection { 270 | display: flex; 271 | justify-content: space-between; 272 | align-items: center; 273 | flex-wrap: wrap; 274 | min-height: 350px; 275 | height: 100%; 276 | width: 100%; 277 | } 278 | 279 | .asanaCollection .box { 280 | display: flex; 281 | flex-direction: column; 282 | align-items: center; 283 | justify-content: center; 284 | border: 2px solid #fff; 285 | border-radius: 20px; 286 | margin: 10px 0; 287 | padding: 20px; 288 | background-color: #75c9b74e; 289 | } 290 | 291 | .box img { 292 | min-width: 300px; 293 | max-width: 350px; 294 | width: 100%; 295 | min-height: 170px; 296 | height: 100%; 297 | border-radius: 20px; 298 | border: 8px solid #fff; 299 | } 300 | 301 | @media screen and (max-width: 480px) { 302 | .box img { 303 | max-width: 300px; 304 | min-width: 250px; 305 | width: 100%; 306 | } 307 | } 308 | 309 | .box span { 310 | font-size: 22px; 311 | border: 2px solid #fff; 312 | border-radius: 10px; 313 | padding: 10px 20px; 314 | margin-top: 30px; 315 | background-color: #75c9b7; 316 | transition: all 0.3s ease-in; 317 | } 318 | 319 | .box span a { 320 | color: #16123F; 321 | } 322 | 323 | .box span:hover { 324 | background-color: #fff; 325 | cursor: pointer; 326 | } -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); 2 | 3 | *{ 4 | margin:0; 5 | padding: 0; 6 | box-sizing: border-box; 7 | font-family: 'PT Sans', sans-serif; 8 | text-decoration: none; 9 | } 10 | 11 | body{ 12 | font-size: 17px; 13 | color: #16123f;; 14 | line-height: 1.6; 15 | } 16 | 17 | 18 | .material-symbols-outlined{ 19 | font-size: 70px; 20 | } 21 | 22 | nav{ 23 | position: fixed; 24 | display: flex; 25 | justify-content:space-between; 26 | padding: 0 7vw; 27 | align-items: center; 28 | background-color: #c7ddcc; 29 | width: 100%; 30 | height: 80px; 31 | z-index: 1; 32 | } 33 | 34 | .navlinks{ 35 | display: flex; 36 | justify-content: space-around; 37 | align-items: center; 38 | list-style: none; 39 | } 40 | 41 | 42 | .navlinks li { 43 | padding: 20px 15px; 44 | white-space:nowrap; 45 | text-align: center; 46 | min-width: 130px; 47 | letter-spacing: 1px; 48 | font-size: 25px; 49 | font-weight: 300; 50 | color: #16123f; 51 | position: relative; 52 | background-color: inherit; 53 | } 54 | 55 | .navlinks a, .navlinks a:visited { 56 | color: #16123f; 57 | } 58 | 59 | 60 | .dropdown { 61 | position: absolute; 62 | } 63 | 64 | .navlinks .dropdown .dropdown-content { 65 | background-color: #c7ddcc; 66 | min-width: 160px; 67 | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 68 | display: flex; 69 | flex-direction: column; 70 | position: absolute; 71 | top: 80px; 72 | left: -47px; 73 | display: none; 74 | } 75 | 76 | .dropdown-content a { 77 | color:#16123f; 78 | padding: 12px 16px; 79 | text-align: center; 80 | } 81 | 82 | .dropdown:hover .dropdown-content { 83 | display:flex; 84 | } 85 | 86 | .dropdown-content a:hover{ 87 | text-decoration: underline; 88 | } 89 | 90 | .burger{ 91 | padding-left: 50%; 92 | display: none; 93 | cursor: pointer; 94 | } 95 | .burger div{ 96 | width: 26px; 97 | height: 3px; 98 | margin: 3px; 99 | background-color: #16123f; 100 | transition: all 0.3s ease; 101 | } 102 | 103 | @media screen and (max-width:768px) { 104 | body{ 105 | overflow-x: hidden; 106 | } 107 | .navlinks{ 108 | position: absolute; 109 | right: 0px; 110 | top: 80px; 111 | width: 40%; 112 | height: 50vh; 113 | display: flex; 114 | flex-direction:column; 115 | align-items: center; 116 | text-align: center; 117 | background-color: #c7ddcc; 118 | color: #16123f; 119 | transform: translateX(100%); 120 | transition: transform 0.5s ease-in; 121 | } 122 | 123 | .navlinks .dropdown .dropdown-content { 124 | display: none; 125 | position: absolute; 126 | top: 0; 127 | left: -217px; 128 | z-index: 2; 129 | } 130 | 131 | .dropdown:hover .dropdown-content { 132 | display: flex; 133 | } 134 | 135 | .navlinks li{ 136 | position: relative; 137 | opacity: 0; 138 | width: 100%; 139 | } 140 | .burger{ 141 | display: block; 142 | } 143 | 144 | } 145 | 146 | .nav-active{ 147 | transform: translateX(0%); 148 | } 149 | 150 | @keyframes navLinkFade { 151 | from{ 152 | opacity: 0; 153 | transform: translateX(50px); 154 | } 155 | to{ 156 | opacity: 1; 157 | transform: translateX(0px); 158 | } 159 | } 160 | .toggle .line1{ 161 | transform: rotate(-45deg) translate(-1px, 5px); 162 | } 163 | .toggle .line2{ 164 | opacity:0; 165 | } 166 | .toggle .line3{ 167 | transform: rotate(45deg) translate(-5px, -8px) ; 168 | } 169 | 170 | 171 | #showcase{ 172 | background-image:url('../images/bg4.jpg'); 173 | background-size: cover; 174 | background-position: center; 175 | 176 | height: 100vh; 177 | display: flex; 178 | flex-direction: column; 179 | justify-content: center; 180 | align-items: center; 181 | padding: 0 20px; 182 | } 183 | 184 | #showcase h1{ 185 | font-size: 75px; 186 | font-weight: 100; 187 | line-height: 1.2; 188 | padding-bottom: 10px ; 189 | } 190 | 191 | #showcase p{ 192 | font-size: 25px; 193 | justify-content: center; 194 | align-items: center; 195 | text-align: center; 196 | } 197 | 198 | #showcase .button{ 199 | font-size: 18px; 200 | color: #16123f; 201 | border: #16123f 1px solid; 202 | padding: 10px 20px; 203 | border-radius: 10px; 204 | margin-top: 20px; 205 | } 206 | 207 | #showcase .button:hover{ 208 | background-color: #16123f; 209 | color: #fff; 210 | } 211 | 212 | 213 | /* Search Bar styling */ 214 | 215 | .search-box { 216 | max-width: 450px; 217 | min-width: 50%; 218 | margin: 0px auto; 219 | margin-top: 70px; 220 | /* border: 2px solid blue; */ 221 | } 222 | 223 | .search-input { 224 | background: #fff; 225 | width: 100%; 226 | position: relative; 227 | /* border: 2px solid red; */ 228 | border-radius: 30px; 229 | box-shadow: 0px 1px 5px 3px rgba(0,0,0,0.12); 230 | } 231 | 232 | .search-input input { 233 | height: 55px; 234 | width: 100%; 235 | outline: none; 236 | border: none; 237 | border-radius: 30px; 238 | padding: 0 60px 0 20px; 239 | font-size: 18px; 240 | box-shadow: 0px 1px 5px rgba(0,0,0,0.1); 241 | } 242 | 243 | .search-input.active input{ 244 | border-radius: 5px 5px 0 0; 245 | } 246 | 247 | .search-input .autocom-box { 248 | padding: 0; 249 | opacity: 0; 250 | pointer-events: none; 251 | max-height: 280px; 252 | overflow-y: auto; 253 | } 254 | 255 | .search-input.active .autocom-box{ 256 | padding: 10px 8px; 257 | opacity: 1; 258 | pointer-events: auto; 259 | } 260 | 261 | .autocom-box li { 262 | list-style: none; 263 | padding: 8px 12px; 264 | display: none; 265 | width: 100%; 266 | cursor: default; 267 | border-radius: 3px; 268 | } 269 | 270 | .search-input.active .autocom-box li{ 271 | display: block; 272 | } 273 | 274 | .autocom-box li:hover{ 275 | background: #efefef; 276 | } 277 | 278 | .search-input .material-symbols-outlined { 279 | position: absolute; 280 | right: 0px; 281 | top: 0px; 282 | height: 55px; 283 | width: 55px; 284 | text-align: center; 285 | line-height: 55px; 286 | font-size: 32px; 287 | cursor: pointer; 288 | color: #16123f; 289 | } 290 | 291 | 292 | 293 | /* Cards styling */ 294 | 295 | 296 | .cards{ 297 | padding:100px 0px; 298 | display: flex; 299 | background-color: #8cbc97; 300 | height: fit-content; 301 | align-items: center; 302 | justify-content: center; 303 | flex-direction: column; 304 | } 305 | 306 | .cards h1{ 307 | font-size: 50px; 308 | line-height:60px; 309 | text-align: center; 310 | } 311 | 312 | .cue{ 313 | padding-top: 40px; 314 | width: 100%; 315 | height: 400px; 316 | display: flex; 317 | position: relative; 318 | overflow-y: hidden; 319 | justify-content: left; 320 | align-items: center; 321 | scroll-behavior: smooth; 322 | } 323 | 324 | .cue::-webkit-scrollbar{ 325 | -webkit-appearance: none; 326 | } 327 | .cue img{ 328 | width: 100%; 329 | height: 100%; 330 | justify-content: left; 331 | align-items: center; 332 | overflow: auto; 333 | } 334 | 335 | .box:hover{ 336 | cursor: pointer; 337 | box-shadow: 2px 2px 10px 4px #2c3d30 338 | } 339 | 340 | .box{ 341 | height: 230px; 342 | min-width: 200px; 343 | margin: 20px; 344 | border:#3d5e45 0.5px groove; 345 | overflow: hidden; 346 | } 347 | 348 | .box a:visited{ 349 | color: #16123f; 350 | } 351 | 352 | .dis{ 353 | position: absolute; 354 | z-index: 0; 355 | } 356 | 357 | 358 | .contact{ 359 | background-color: #c7ddcc; 360 | height: 90vh; 361 | display: flex; 362 | flex-direction:column ; 363 | justify-content: center; 364 | align-items: center; 365 | padding-bottom: 50px; 366 | } 367 | 368 | .contact h1{ 369 | padding-bottom: 20px; 370 | padding-top: 10px; 371 | font-size: 40px; 372 | } 373 | 374 | .contact input, .contact button, .contact textarea{ 375 | font-size: 20px; 376 | justify-content: space-around; 377 | align-items: center; 378 | padding: 5px 80px 5px 5px; 379 | margin: 10px; 380 | border: #16123f 1px solid; 381 | border-radius: 5px; 382 | } 383 | 384 | .contact .message{ 385 | padding: 5px 80px 100px 5px; 386 | /* display: ; */ 387 | flex-wrap: nowrap; 388 | } 389 | 390 | .contact button{ 391 | font-size: 25px; 392 | background-color: #abd699; 393 | color: #16123f; 394 | border-radius: 20px; 395 | padding: 5px 50px; 396 | border: #16123f 1px solid; 397 | } 398 | 399 | .contact button:hover{ 400 | cursor: pointer; 401 | } 402 | 403 | .footer{ 404 | display: flex; 405 | justify-content:center; 406 | align-items: center; 407 | padding:25px 50px; 408 | font-size: 30px; 409 | } 410 | 411 | .footer a{ 412 | 413 | padding-right: 10px; 414 | color: #16123f; 415 | } 416 | .footer a:visited{ 417 | color: #16123f; 418 | } 419 | 420 | .footer .foot{ 421 | display: flex; 422 | flex-wrap: nowrap; 423 | margin: 0 50px;; 424 | 425 | } 426 | .footer p{ 427 | display: flex; 428 | flex-wrap: nowrap; 429 | font-size: 20px; 430 | font-weight:400; 431 | padding-right: 25px; 432 | line-height: 1.2; 433 | } 434 | 435 | @media screen and (max-width:768px) { 436 | .footer { 437 | padding: 27px 50px; 438 | } 439 | } -------------------------------------------------------------------------------- /css/styleasana.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); 2 | 3 | 4 | *{ 5 | margin: 0; 6 | padding: 0; 7 | text-decoration: none; 8 | font-family: 'PT Sans', sans-serif; 9 | box-sizing: border-box; 10 | letter-spacing: 0.5px; 11 | line-height: 30px; 12 | } 13 | 14 | .material-symbols-outlined{ 15 | font-size: 70px; 16 | } 17 | 18 | nav{ 19 | position: fixed; 20 | display: flex; 21 | justify-content:space-between; 22 | padding: 0 7vw; 23 | align-items: center; 24 | background-color: #c7ddcc; 25 | width: 100%; 26 | height: 80px; 27 | z-index: 1; 28 | } 29 | 30 | .navlinks{ 31 | display: flex; 32 | justify-content: space-around; 33 | align-items: center; 34 | list-style: none; 35 | } 36 | 37 | 38 | .navlinks li { 39 | padding: 20px 15px; 40 | white-space:nowrap; 41 | text-align: center; 42 | min-width: 130px; 43 | letter-spacing: 1px; 44 | font-size: 25px; 45 | font-weight: 300; 46 | color: #16123f; 47 | position: relative; 48 | background-color: inherit; 49 | } 50 | 51 | .navlinks a, .navlinks a:visited { 52 | color: #16123f; 53 | } 54 | 55 | 56 | .dropdown { 57 | position: absolute; 58 | } 59 | 60 | .navlinks .dropdown .dropdown-content { 61 | background-color: #c7ddcc; 62 | min-width: 160px; 63 | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); 64 | display: flex; 65 | flex-direction: column; 66 | position: absolute; 67 | top: 70px; 68 | left: -40px; 69 | display: none; 70 | } 71 | 72 | .dropdown-content a { 73 | color:#16123f; 74 | padding: 12px 16px; 75 | text-align: center; 76 | } 77 | 78 | .dropdown:hover .dropdown-content { 79 | display:flex; 80 | } 81 | 82 | .dropdown-content a:hover{ 83 | text-decoration: underline; 84 | } 85 | 86 | .burger{ 87 | padding-left: 50%; 88 | display: none; 89 | cursor: pointer; 90 | } 91 | .burger div{ 92 | width: 26px; 93 | height: 3px; 94 | margin: 3px; 95 | background-color: #16123f; 96 | transition: all 0.3s ease; 97 | } 98 | 99 | @media screen and (max-width:768px) { 100 | body{ 101 | overflow-x: hidden; 102 | } 103 | .navlinks{ 104 | position: absolute; 105 | right: 0px; 106 | top: 80px; 107 | width: 40%; 108 | height: 50vh; 109 | display: flex; 110 | flex-direction:column; 111 | align-items: center; 112 | text-align: center; 113 | background-color: #c7ddcc; 114 | color: #16123f; 115 | z-index: 0; 116 | transform: translateX(100%); 117 | transition: transform 0.5s ease-in; 118 | } 119 | 120 | .navlinks .dropdown .dropdown-content { 121 | display: none; 122 | position: absolute; 123 | top: 0; 124 | left: -210px; 125 | z-index: 2; 126 | } 127 | 128 | .dropdown:hover .dropdown-content { 129 | display: flex; 130 | } 131 | 132 | .navlinks li{ 133 | position: relative; 134 | opacity: 0; 135 | width: 100%; 136 | } 137 | .burger{ 138 | display: block; 139 | } 140 | 141 | } 142 | 143 | .nav-active{ 144 | transform: translateX(0%); 145 | } 146 | 147 | @keyframes navLinkFade { 148 | from{ 149 | opacity: 0; 150 | transform: translateX(50px); 151 | } 152 | to{ 153 | opacity: 1; 154 | transform: translateX(0px); 155 | } 156 | } 157 | 158 | .toggle .line1{ 159 | transform: rotate(-45deg) translate(-1px, 5px); 160 | } 161 | 162 | .toggle .line2{ 163 | opacity:0; 164 | } 165 | 166 | .toggle .line3{ 167 | transform: rotate(45deg) translate(-5px, -8px) ; 168 | } 169 | 170 | .title{ 171 | display: flex; 172 | flex-direction: column; 173 | justify-content: center; 174 | align-items: center; 175 | text-align: center; 176 | max-height: 500px; 177 | height: fit-content; 178 | color: rgb(217, 217, 217); 179 | text-shadow: 0.5px 0.5px #b9bdbc; 180 | padding: 20vw 5vw; 181 | background-image:url('../images/yoga1.jpg'), url(../images/grey.jpeg); 182 | background-size: cover; 183 | background-blend-mode:multiply; 184 | border-bottom: 10px solid #75c9b76e; 185 | } 186 | 187 | .title #mainPage { 188 | margin: 20px; 189 | font-size: 30px; 190 | } 191 | 192 | .title a{ 193 | color: #fff; 194 | } 195 | 196 | .title .asanaTitle { 197 | margin: 20px; 198 | font-size: 45px; 199 | } 200 | 201 | .asanaTitle p { 202 | line-height: 50px; 203 | } 204 | 205 | .title .asanasubtitle{ 206 | margin: 20px; 207 | font-size: 25px; 208 | } 209 | 210 | .title a span:hover{ 211 | background-color: #fff; 212 | color: #75c9b7; 213 | border-radius: 30px; 214 | padding: 1px 7px 7px 7px; 215 | box-shadow: 0 0 12px 8px #fff; 216 | } 217 | 218 | .container{ 219 | color:#16123F; 220 | padding: 6vw; 221 | width: 100%; 222 | background-color: #c7ddcc; 223 | text-align: justify; 224 | font-size: 20px; 225 | } 226 | 227 | .container h1{ 228 | font-size: 35px; 229 | padding: 15px 0; 230 | } 231 | 232 | .container .asana{ 233 | font-size: 25px; 234 | padding: 20px 0; 235 | } 236 | 237 | .step{ 238 | font-size: 20px; 239 | display: flex; 240 | flex-wrap: wrap; 241 | justify-content: center; 242 | } 243 | 244 | .step .img img{ 245 | max-width: 900px; 246 | width: 100%; 247 | max-height: 700px; 248 | margin-bottom: 50px; 249 | border: 8px solid #fff; 250 | padding: 20px; 251 | background-color: #75c9b788; 252 | } 253 | 254 | .step li{ 255 | padding: 15px 0 0 10px ; 256 | margin-left: 15px; 257 | } -------------------------------------------------------------------------------- /html/asthama.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Digestive Disorders 12 | 13 | 14 | 15 | 49 | 50 | 51 | 52 | 53 |
54 |
55 | 56 | 57 | ← 58 | 59 | Home Page 60 | 61 |
62 | 63 |
64 |

65 | Yoga asanas for Asthamatics 66 |

67 |
68 |
69 | 70 |
71 |
72 |
73 |

74 | If you have asthma, you’re not alone. Approximately 300 million peopleTrusted Source around the world have this chronic inflammatory disorder.Despite innumerable medical advances we’ve made in the last few decades, asthma - its causes and cures - still remains a mystery. Asthma, which affects the lungs by constricting the airways and making it harder for the person to breathe, is a by-product of many factors, some physiological and others because of environmental conditions. 75 |

76 |
77 |
78 |

79 | In simple terms, asthma is a very strong response of the body’s immune system to fight the infiltration of substances in the lungs. Although there is no cure for asthma, leading a healthy lifestyle is credited to alleviating the problem to a point where the symptoms are almost negligible - and practising yoga asanas for asthma is observed to be especially helpful. 80 |

81 |
82 |
83 | Image is not Available 84 |
85 |
86 | 87 |
88 |

How can yoga asanas improve Asthamatic patients?

89 | 90 |

91 | Yoga helps in strengthening the lungs as it focuses on not only holding the asana but breathing through the same, allowing the respiratory system to work while the body is in unnatural poses. This in turn strengthens it. Practising yoga asanas for asthma has helped control asthma effectively and in some cases, asanas are used for preventing asthma attacks altogether. 92 |

93 |
94 | 95 |
96 |

Yoga poses for people with Asthma:

97 | 98 |
99 | 100 | 101 |
102 |
103 |
104 | 105 | 106 | -------------------------------------------------------------------------------- /html/balasana.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | Balasana 11 | 12 | 13 | 14 | 48 | 49 | 50 | 51 |
52 |
Home Page
53 |

Balasana - Child's Pose

54 |
Take a break. Balasana is a restful pose that can be sequenced between more challenging asanas.
55 |
56 |
57 |
Child's Pose (Balasana) is yoga's most important resting posture and it is a nice way to gently stretch various parts of your body.1 It's a chance to stop what you are doing, reassess your position, reconnect with your breath, and prepare yourself to move forward. In class, the teacher may offer the opportunity to rest in child's pose after a fast-paced vinyasa sequence, a long hold in a pose like Downward Facing Dog or Plank, or an attempt at a challenging inversion. It is a counter pose for Cobra and other back extensions.

58 | Child's Pose is a gentle stretch for the back, hips, thighs, and ankles. It can help relieve back pain.
59 | Learning to use this pose wisely is the part of your developing practice where you listen to your body's inner voice and do what it tells you. Your body will tell you when to rest. It might need different things on different days. Keeping your ear finely tuned to the messages your body is sending you and respectfully responding to them is the greater lesson that child's pose has to offer. You will come to know when to use Child's Pose during your yoga practice. 60 |

61 | 62 |
63 |

Steps to do Balasana:

64 |
Yoga pose
65 |

  1. Come to your hands and knees on the yoga mat.
  2. 66 |
  3. Spread your knees as wide as your mat, keeping the tops of your feet on the floor with the big toes touching.
  4. 67 |
  5. Bring your belly to rest between your thighs and root your forehead to the floor. Relax the shoulders, jaw, and eyes. If it is not comfortable to place the forehead on the floor, rest it on a block or two stacked fists. There is an energy point at the center of the forehead in between the eyebrows that stimulates the vagus nerve and supports a "rest and digest" response. Finding a comfortable place for the forehead is key to gaining this soothing benefit.
  6. 68 |
  7. There are several possible arm variations. You can stretch your arms in front of you with the palms toward the floor or bring your arms back alongside your thighs with the palms facing upwards. These are the most common variations. But you can also stretch the arms forward with palms facing up for a shoulder release or try bending the elbows so that the palms touch and rest the thumbs at the back of the neck. In this position inch the elbows forward.
  8. 69 |
  9. Do whichever feel more comfortable for you. If you've been doing a lot of shoulder work, the second option feels nice.
  10. 70 |
  11. Stay as long as you like, eventually reconnecting with the steady inhales and exhales of your breath.



71 | 72 | 73 |

Avoid Child's Pose if you have a knee injury. If you are pregnant, spread your legs wider and don't press your stomach onto your thighs. If you have a shoulder injury, keeping your arms by your side will provide the most support.
74 | If you feel any pain, ease out of the pose.

75 | 76 |
77 | 78 |
79 | 80 | -------------------------------------------------------------------------------- /html/bodypain.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Body pain/Back pain 9 | 10 | 11 | 12 | 13 | 14 | 15 | 49 | 50 | 51 | 52 |
53 |
54 | 55 | 56 | ← 57 | 58 | Home Page 59 | 60 |
61 | 62 |
63 |

64 | Yoga asanas to reduce body pain/back pain 65 |

66 |
67 |
68 | 69 |
70 |
71 |
72 |

73 | Yoga has countless benefits, a prominent one is that it helps relieve muscle pain and stretches your muscles. 74 |

75 |
76 |
77 |

78 | Yoga is a powerful practice that helps us stay active, manage stress, and also help with pain management. Yoga helps because of its strong focus on breathing, which energizes and relaxes our nervous system. Secondly, we move in so many different ways and planes of motion in a yoga class that it works like a complete reset for our posture. And a good posture means less pain. That's why a wholesome yoga practice with a wide variety of poses and mindful breathing helps reduce chronic pain and stiffness in muscles or joints. Here are eight strengthening and stretching postures that are particularly helpful in managing pain in the most common areas of the body. 79 |

80 |
81 |
82 | 83 |
84 | 85 |
86 |

87 | Yoga provides a more traditional and effective way of leading a healthy life. Yoga helps in the complete toning of the whole body of a person. Doing yoga provides strength and flexibility to the body. Taking medicine for pain has side effects associated with it. Only yoga helps in leading a pain-free life in a natural way. A person who encounter pain like headache, back pain or if there is pain in the entire body then he/she can rely on yoga to provide complete relief from the condition. 88 |

89 |
90 |
91 |

92 | There are various asanas in yoga that help in treating the pain of the body in a natural manner. These yoga asanas not only help in alleviating pain but they also improve the quality of life of a person. Yoga releases the stress on the muscles of the body thereby imparting relief. Doing yoga improves blood circulation in the body. Yoga provides the necessary strength to the various muscles of the body. Yoga stimulates the functioning of the nerve thereby providing relief in the body pain. Given below are some of the asanas of yoga that help a person suffering from body pain. 93 |

94 |
95 |
96 | 97 |
98 |

Yoga Poses To Get Rid Of Body/Muscle Pain:

99 | 100 |
101 | 102 | 103 | 104 |
105 |
106 |
107 | 108 | 109 | -------------------------------------------------------------------------------- /html/cobra.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Cobra Pose 9 | 10 | 11 | 12 | 13 | 47 | 48 | 49 | 50 |
51 |
Home Page
52 |

Bhujangasana - Cobra Pose

53 |
By providing a conscious opening in the chest and stretch in the shoulders, Cobra Pose, called Bhujangasana in Sanskrit, fights fatigue and relieves lower back pain, boosting both the energetic and the physical body.
54 |
55 |
56 |
Bhujangasana (Cobra Pose) is a heart-opening backbend that stretches your entire upper body and can provide relief if you’re experiencing back pain, tightness in your shoulders, or upper body soreness.

57 | Move into this pose slowly in order to avoid straining your back, notes yoga teacher Abbie Mood. If you are coming into this pose from Sphinx Pose, Mood says you should avoid pushing your ribs forward. Instead, ensure that the backbend is evenly distributed throughout your spine. Your upper back is harder to bend than your lower back. To open it, think of lengthening your spine to make more space between the vertebrae. 58 |

59 | 60 |
61 |

Steps to do Bhujangasana:

62 |
Yoga pose
63 |

If you're in the middle of a Sun Salutation, you'll be coming into Cobra from Knees, Chest, and Chin. If not, you can begin by lying down flat on your stomach.

  1. Place your palms flat on the ground directly under your shoulders. Bend your elbows straight back and hug them into your sides.
  2. 64 |
  3. Pause for a moment looking straight down at your mat with your neck in a neutral position. Anchor your pubic bone to the floor.
  4. 65 |
  5. Inhale to lift your chest off the floor. Roll your shoulders back and keep your low ribs on the floor. Make sure your elbows continue hugging your sides. Don't let them wing out to either side.
  6. 66 |
  7. Keep your neck neutral. Don’t crank it up. Your gaze should stay on the floor.
  8. 67 |
  9. Exhale to release back to the floor (or push back to Downward Facing Dog, Adho Mukha Svanasana, if you are doing a Sun Salutation).
  10. 68 |



69 | 70 | 71 |

Cobra Pose should not be done if you have carpal tunnel syndrome or an injury to your back, arms, or shoulders. Also, avoid it if you recently had abdominal surgery or are pregnant.
72 | If you feel any strain on your lower back, relax the pose to lower yourself a bit, or release down to rest on your forearms.

73 | 74 |
75 | 76 |
77 | 78 | -------------------------------------------------------------------------------- /html/depression.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Depression and Anxiety 10 | 11 | 12 | 13 | 14 | 15 | 49 | 50 | 51 | 52 |
53 |
54 | 55 | 56 | ← 57 | 58 | Home Page 59 | 60 |
61 | 62 |
63 |

64 | Yoga asanas to overcome Anxiety and Depression 65 |

66 |
67 |
68 | 69 |
70 |
71 |
72 |

73 | There’s nothing like the serenity, bliss, and relaxation that can come following a good yoga session. In fact, many first-time yoga practitioners are surprised by how elevated their mood is after a yoga class. 74 |

75 |
76 |
77 |

78 | One of the primary reasons for this sense of upliftment is that exercise naturally increases serotonin levels in our brains. Seratonin is a neurotransmitter that makes us feel good. Unfortunately, it’s often deficient in people who suffer from depressive disorders. 79 |

80 |
81 |
82 |

83 | Symptoms to know if you have an anxiety disorder: 84 |

85 |
    86 |
  • You feel unusually panicky, scared and uneasy.
  • 87 |
  • You tend to get uncontrolled, obsessive thoughts of past traumatic experiences.
  • 88 |
  • You wake up from frequent nightmares.
  • 89 |
  • You tend to repeatedly wash your hands.
  • 90 |
  • You have problems sleeping.
  • 91 |
  • Your hands and feet stay unusually sweaty.
  • 92 |
  • You get frequent palpitations
  • 93 |
94 |
95 |
96 | 97 |
98 | 99 |
100 |

101 | Although there are hundreds of yoga poses, some are particularly good for dealing with anxiety and depression. Here, we will discuss some postures that you can incorporate into your own practice to invite greater mental health into your life. 102 |

103 |
104 |
105 |

106 | As you practice these, be sure to breathe steadily and deeply, even when your body feels strained. Ideally, you should maintain ujjayi breath throughout your practice. Doing this will help you remain calm in states of adversity, a skill that can help you stay grounded in many of life’s challenging moments! 107 |

108 |
109 |
110 | 111 |
112 |

Yoga Tips to Overcome Anxiety

113 | 114 | 125 |
126 | 127 |
128 |

Yoga poses for better digestion:

129 | 130 |
131 | 132 |
133 |
134 |
135 | 136 | 137 | -------------------------------------------------------------------------------- /html/diabetes.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Digestive Disorders 10 | 11 | 12 | 13 | 14 | 15 | 49 | 50 | 51 | 52 | 53 |
54 |
55 | 56 | 57 | ← 58 | 59 | Home Page 60 | 61 |
62 | 63 |
64 |

65 | Yoga asanas for Diabetes 66 |

67 |
68 |
69 | 70 |
71 |
72 |
73 |

74 | Yoga is an additional treatment for those living with diabetes type-2. It helps in improving all the health parameters to promote physical and mental health. Yoga helps in managing diabetes better if you practice yoga for long enough. It will also reduce the risk of complications related to diabetes. Yoga in the early stage of diabetes not only controls your diabetes but also gives the best results for your health. You can practice the best yoga for diabetes to keep your blood sugar levels in control. 75 |

76 |
77 |
78 |

79 | Many people with diabetes are now turning to practicing yoga to keep their blood sugar levels under control. Yoga is an ancient known practice that helps in improving overall well-being, reduces stress, lowers blood pressure, and enhances mobility. Adding the simple yogic practice to your daily regime is a way to address diabetes besides medicines. You need to maintain consistency and regularity to get the best results of yoga on your health. 80 |

81 |
82 |
83 | 84 |
85 |
86 |

87 | Therapeutic Role of Yoga in Diabetes 88 |

89 | 90 |

91 | The key factors that increase the risk of Type -2 Diabetes by 3 times are: 92 |

93 |
  • Unhealthy diet patterns
  • 94 |
  • Lack of physical exercises
  • 95 |
  • Psychological stress
  • 96 | 97 |

    98 | These factors also pose a risk of coronary heart disease and the risk or severity of diabetes. Therefore it is necessary to have a balance of medicines, physical exercise, and a diabetic diet plan for efficient management of health in diabetic conditions. Yoga is a set of activities that helps in controlling your stress, and emotions and helps in balancing the body to its perfect shape. 99 |

    100 |
    101 |
    102 | 103 |
    104 |

    Benefits of Yoga For People With Diabetes

    105 | 106 | 115 |
    116 | 117 |
    118 |

    Yoga poses for better digestion:

    119 | 120 |
    121 | 122 | 123 | 124 |
    125 |
    126 |
    127 | 128 | 129 | -------------------------------------------------------------------------------- /html/digestive.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Digestive Disorders 12 | 13 | 14 | 15 | 49 | 50 | 51 | 52 |
    53 |
    54 | 55 | 56 | ← 57 | 58 | Home Page 59 | 60 |
    61 | 62 |
    63 |

    64 | Yoga asanas for good digestion 65 |

    66 |
    67 |
    68 | 69 |
    70 |
    71 |
    72 |

    73 | Bad digestion is the root of all evil,’ says Hippocrates. Our ancient texts concur. According 74 | to Ayurveda, the root cause of all disorders lies in poor digestion. That is why it is 75 | imperative that our digestive fire remain strong. So that the food that we eat is efficiently 76 | metabolized. Otherwise, regardless of how healthy our food choices may be, our body will find it 77 | difficult to assimilate and absorb the nutrients present in what we eat. 78 |

    79 |
    80 |
    81 | 82 |
    83 |
    84 |

    85 | Understanding the Digestive process: 86 |

    87 | 88 |

    89 | Think of the digestive system as a juicer, ‘agni’ as juicer blades, body toxins as fruit waste, and 90 | energy as juice! 91 |

    92 | 93 |

    94 | If the juicer blades are weak, there is less juice and more fruit waste. So, if the ‘agni’ (juicer blades) 95 | is weak, the digestive system produces less energy (juice). This results in more toxins (fruit waste) 96 | getting accumulated in the cells. Thus, a strong agni is required for a good digestive system. With its 97 | rejuvenating powers, yoga can make your agni strong and help improve your digestion! 98 |

    99 |
    100 |
    101 | 102 |
    103 |

    How can yoga asanas improve digestion?

    104 | 105 | 114 |
    115 | 116 |
    117 |

    Yoga poses for better digestion:

    118 | 119 |
    120 | 121 | 122 | 123 |
    124 |
    125 |
    126 | 127 | 128 | -------------------------------------------------------------------------------- /html/heartdisease.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Heart Disease 10 | 11 | 12 | 13 | 14 | 15 | 49 | 50 | 51 | 52 |
    53 |
    54 | 55 | 56 | ← 57 | 58 | Home Page 59 | 60 |
    61 | 62 |
    63 |

    64 | Yoga asanas for good heart health 65 |

    66 |
    67 |
    68 | 69 |
    70 |
    71 |
    72 |

    73 | Today, there is no age factor that determines heart ailments. People in their 20s are falling prey to heart attacks. Is it because like Atlas, the world is on our shoulders? Is it because we skip our meals and substitute it with convenience food with zero nutrition? The reasons are many, especially related to an unhealthy lifestyle. 74 |

    75 |
    76 |
    77 |

    78 | The good news is that one can do a lot about it. Committing to a healthier lifestyle is critical and easier to follow than most imagine. What if a few simple stretches and breathing exercises could make you feel good (especially your heart)! Yoga for healthy heart asanas are a preventive measure and are beneficial as a curative one too. And with no side-effects, except a feeling of greater peace and health. 79 |

    80 |
    81 |
    82 | 83 |
    84 |
    85 |

    86 | Gurudev Sri Sri Ravi Shankar says: “Yoga is a study of life, the study of your body, breath, mind, intellect, memory, and ego; study of your inner faculties.” 87 |

    88 |
    89 |
    90 | 91 |
    92 |

    How yoga asanas help in keeping our Heart healthy?

    93 | 94 | 103 |
    104 | 105 |
    106 |

    Yoga poses for healthy heart:

    107 | 108 |
    109 | 110 | 111 | 112 |
    113 |
    114 |
    115 | 116 | 117 | -------------------------------------------------------------------------------- /html/paripurnanavasana.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Paripurna Navasana 9 | 10 | 11 | 12 | 13 | 47 | 48 | 49 | 50 | 51 |
    52 |
    Home Page
    53 |

    Paripurna Navasana - Boat Pose

    54 |
    Boat Pose, or Paripurna Navasana, requires you to balance on the tripod of your sitting bones and tailbone to build mental and physical focus, inspiring a full-body awareness.
    55 |
    56 |
    57 |
    Full boat pose, also known as Paripurna Navasana (from the Sanskrit words “paripurna” meaning “full,” “nava” for “boat,” and “asana” for “posture”), is a seated yoga pose in which you extend your legs and arms so that your body resembles an upside-down capital “A.” This yoga posture involves core strength, coordination, and balance and can help strengthen the torso, stretch the hamstrings, and aid digestion.

    58 | Boat pose has a few benefits, including:
    59 | 1. Helps digestion. The diaphragm’s elevation during boat pose allows air to flow through the abdomen more freely, stimulating the internal organs. This airflow can help relieve pressure on both the liver and stomach, aiding digestion.
    60 | 2. Strengthens the torso. Boat pose opens the chest and engages the muscles in your core while also strengthening the hip flexors and adductor muscles (muscles that help with hip extension).
    61 | 3. Stretches the hamstrings. Boat pose can help alleviate tightness in the hamstrings, which can reduce flexibility or potentially lead to injury.
    62 | Boat Pose builds focus and body awareness. It can boost energy and fight fatigue, and help build confidence and empowerment. Boat Pose also improves posture and counteracts the effects of prolonged sitting and doing computer work by strengthening your core and thighs. 63 |

    64 | 65 |
    66 |

    Steps to do Paripurna Navasana:

    67 |
    Yoga pose
    68 |

    1. Sit on the floor with your legs straight in front of you. Press your hands on the floor a little behind your hips.
    2. 69 |
    3. Lift through the top of the sternum and lean back slightly, making sure your back doesn’t round. Balance your weight on the tripod of your sitting bones and tailbone.
    4. 70 |
    5. Exhale and bend your knees, then lift your thighs so they are angled about 45 degrees above the floor, with your knees still bent.
    6. 71 |
    7. Keeping your heart open and your spine long, draw your shoulders back and extend both arms forward alongside the legs, parallel to the floor, with your palms facing in. Try to keep your lower belly flat and firm, but not hard and thick.
    8. 72 |
    9. Do whichever feel more comfortable for you. If you've been doing a lot of shoulder work, the second option feels nice.
    10. 73 |
    11. Point your toes or flex through your heels, and breathe. Try to stay in the pose for 10 to 20 seconds, slowly increasing your time to a minute.



    74 | 75 |
    76 | 77 |
    78 | 79 | -------------------------------------------------------------------------------- /html/pranayam.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Pranayam 9 | 10 | 11 | 12 | 13 | 47 | 48 | 49 | 50 | 51 |
    52 |
    Home Page
    53 |

    Pranayam

    54 |
    55 |
    56 |
    "Pranayama is control of Breath". "Prana" is Breath or vital energy in the body. On subtle levels prana represents the pranic energy responsible for life or life force, and "ayama" means control. So Pranayama is "Control of Breath".

    57 | Yoga comprises all the essential elements of life such as knowledge, emotions, and action. It has the power to cure all lifestyle-based diseases. If one practices anulom vilom pranayam for 15 minutes, it will cure high blood pressure while kapalbhati pranayam has the power to cure thyroid. A 30-minute practice of kapalbhati will cure hepatitis and colitis diseases. Similarly, if one does anulom vilom and kapalbhati pranayam for 30 minutes each, it will cure chronic diseases. 58 |

    59 | 60 |
    61 |

    Types of Pranayam:

    62 |

    1.   Anulom-Vulom Pranayama

    63 |
    Yoga pose
    64 |

    This pranayama is all about deep breathing and has no sound as such. For this exercise sit in a comfortable position, close your right nostril with your thumb and slowly exhale from the left nostril. After exhaling slowly and steadily inhale through the same nostril. Do the same process with your left nostril with your ring finger and exhale through the right nostril. Repeat this process for 2-5 minutes.



    65 | 66 |

    2.   Kapalbhati Pranayama

    67 |
    Yoga pose
    68 |

    This pranayama is all about forceful and active inhalation and exhalation, where you have to inhale normally and exhale forcefully. During exhalation the stomach muscles should be moved fiercely (pulling it closer to your back). Do this breathing exercise for 2-5 minutes.



    69 | 70 |

    3.   Ujjayi Pranayama

    71 |
    72 |

    Start this breathing exercise with normal inhalation and exhale completely. Bow your head down blocking the free flow of air and inhale as long as you can. Hold back for 2-5 seconds. While exhaling, close your right nostril with your right thumb and breathe out through your left nostril. You can repeat this exercise for ten to twelve times.



    73 | 74 |

    4.   Bhastrika Pranayama

    75 |
    Yoga pose
    76 |

    This breathing exercise starts with deep breath-in where we expand our stomach. The air is completely breathed out with strength, sucking your stomach towards the backbone. During inhalation, your stomach should be extended to the maximum. Do this exercise for 1-2 minutes and do take rest.



    77 | 78 |

    5.   Bhramari Pranayama

    79 |
    80 |

    In this pranayama the breathing sounds like a humming bee. To do this, sit in a relaxed posture and close your ears with your thumbs, place your index fingers on the temple and close your eyes with the other three fingers. Slowly inhale through your nose and hold it for a few seconds. Keeping your mouth closed, slowly exhale by making a humming sound. Repeat it 5 times.



    81 | 82 | 83 |

    Initially one should start with eleven cycles of breathing, and it should be increased to one hundred and twenty one without any fear. However, later the breathing should be made a part of daily practice of other Asanas, and be practiced for two to three minutes. All these types can also be practiced with slow inhalation and exhalation. Here it is important to note that practicing these types of breathing does not mean doing Pranayama. This is simply a preparation of the actual practice of Pranayama.

    84 | 85 |
    86 | 87 |
    88 | 89 | -------------------------------------------------------------------------------- /html/suryanamaskar.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Surya Namaskar 10 | 11 | 12 | 13 | 14 | 15 | 49 | 50 | 51 | 52 | 53 |
    54 |
    55 | Home Page 56 |
    57 | 58 |
    59 |

    60 | Surya Namaskar - Sun Salutation 61 |

    62 |
    63 |
    64 | 65 | 66 |
    67 |
    68 |

    69 | Surya Namaskar serves as a great practice to manage psychosomatic ailments such as Diabetes and reduce 70 | the risk for Heart Disease. Surya Namaskar or Sun Salutation is a sequence of 12 powerful yoga poses. 71 | Besides being a great cardiovascular workout, Surya Namaskar is also known to have an immensely positive 72 | impact on the body and mind. Practicing Surya Namaskar steps is best done early morning on an empty 73 | stomach. Each round of Sun Salutation consists of two sets, and each set is composed of 12 yoga poses. 74 | You might find several versions on how to practice Sun Salutation. However, it is advisable to stick to 75 | one particular version and practice it regularly for the best results. Besides good health, Surya 76 | Namaskar also provides an opportunity to express gratitude to the sun for sustaining life on this 77 | planet. 78 |

    79 |


    80 | 81 |
    82 |

    Steps to Follow:

    83 |

    Step 1. Pranamasana (Prayer pose)

    84 |
    85 |
    86 | Yoga pose 87 |
    88 |

    Stand at the edge of your mat, keep your feet together and balance your weight 89 | equally on both feet. Expand your chest and relax your shoulders. As you breathe in, lift both arms 90 | up from the sides, and as you exhale, bring your palms together in front of the chest in a prayer 91 | position.



    92 |
    93 | 94 |

    Step 2. Hastauttanasana (Raised arms pose)

    95 |
    96 |
    Yoga pose
    97 |

    Breathing in, lift the arms up and back, keeping the biceps close to the ears. In 98 | this pose, the effort is to stretch the whole body up from the heels to the tips of the fingers. 99 |

    100 | Tip to deepen this yoga stretch:
    101 | You may push the pelvis forward a little bit. Ensure you're reaching up with the fingers rather 102 | than trying to bend backward. 103 |



    104 |
    105 | 106 |

    Step 3. Hastapadasana (Standing forward bend)

    107 |
    108 |
    Yoga pose
    109 |

    Breathing out, bend forward from the waist keeping the spine erect. As you exhale 110 | completely, bring the hands down to the floor beside the feet.

    111 | Tip to deepen this yoga stretch:
    112 | You may bend the knees, if necessary, to bring the palms down to the floor. Now make a gentle 113 | effort to straighten the knees. It's a good idea to keep the hands fixed in this position and 114 | not move them henceforth until we finish the sequence. 115 |



    116 |
    117 | 118 |

    Step 4. Ashwa Sanchalanasana (Equestrian pose)

    119 |

    Breathing in, push your right leg back, as far back as possible. Bring the right knee 120 | to the floor and look up.

    121 | Tip to deepen this yoga stretch:
    122 | Ensure that the left foot is exactly in between the palms. 123 |



    124 |
    125 | 126 |

    Step 5. Dandasana (Stick pose)

    127 |
    128 |
    Yoga pose
    129 |

    As you breathe in, take the left leg back and bring the whole body in a straight line. 130 |

    131 | Tip to deepen this yoga stretch:
    132 | Keep your arms perpendicular to the floor. 133 |



    134 |
    135 | 136 |

    Step 6. Ashtanga Namaskara (Salute with eight parts or points)

    137 |
    138 |
    Yoga pose
    139 |

    Gently bring your knees down to the floor and exhale. Take the hips back slightly, 140 | slide forward, rest your chest and chin on the floor. Raise your posterior a little bit. The two hands, 141 | two feet, two knees, chest and chin (eight parts of the body) should touch the floor.



    142 |
    143 | 144 |

    Step 7. Bhujangasana (Cobra pose)

    145 |
    146 |
    Yoga pose
    147 |

    Slide forward and raise the chest up into the Cobra pose. You may keep your elbows bent 148 | in this pose with the shoulders away from the ears. Look up at the ceiling.

    149 | Tip to deepen this yoga stretch:
    150 | As you inhale, make a gentle effort to push the chest forward; as you exhale, make a gentle effort to 151 | push the navel down. Tuck the toes under. Ensure you're stretching just as much as you can and not 152 | forcing your body. 153 |



    154 |
    155 | 156 |

    Step 8. Adho Mukha Svanasana (Downward facing dog pose)

    157 |
    158 |
    Yoga pose
    159 |

    Breathing out, lift the hips and the tailbone up to bring the body into an inverted ‘V’ 160 | pose.

    161 | Tip to deepen this yoga stretch:
    162 | f possible, try and keep the heels on the ground and make a gentle effort to lift the tailbone up, 163 | going deeper into the stretch. 164 |



    165 |
    166 | 167 |

    Step 9. Ashwa Sanchalanasana (Equestrian pose)

    168 |
    169 |

    Breathing in, bring the right foot forward in between the two hands. The left knee goes 170 | down on the floor. Press the hips down and look up.

    171 | Tip to deepen this yoga stretch:
    172 | Place the right foot exactly between the two hands and the right calf perpendicular to the floor. In 173 | this 174 | position, make a gentle effort to push the hips down towards the floor, to deepen the stretch. 175 |



    176 |
    177 | 178 |

    Step 10. Hastapadasana (Standing forward bend)

    179 |
    180 |
    Yoga pose
    181 |

    Breathing out, bring the left foot forward. Keep the palms on the floor. You may bend 182 | the 183 | knees, if necessary.

    184 | Tip to deepen this yoga stretch:
    185 | Gently straighten the knees, and if you can, try and touch your nose to the knees. Keep 186 | breathing. 187 |



    188 |
    189 | 190 |

    Step 11. Hastauttanasana (Raised arms pose)

    191 |
    192 |
    Yoga pose
    193 |

    Breathing in, roll the spine up. Raise the hands up and bend backward a little bit, 194 | pushing 195 | the hips slightly outward.

    196 | Tip to deepen this yoga stretch:
    197 | Ensure that your biceps are beside your ears. The idea is to stretch up more rather than stretching 198 | backward. 199 |



    200 |
    201 | 202 |

    Step 12. Tadasana (Mountain Pose)

    203 |
    204 |
    Yoga pose
    205 |

    As you exhale, first straighten the body, then bring the arms down. Relax in this 206 | position 207 | and observe the sensations in your body.
    208 |



    209 |
    210 |

    This completes one set of Surya Namaskar. Complete the round by repeating the steps. Only 211 | this 212 | time, start with taking the left foot behind in step number 4 and bringing the right foot forward in step 213 | number 214 | 10. Once done, you would’ve completed one round of Surya Namaskar.

    215 | 216 |
    217 | 218 | 219 | -------------------------------------------------------------------------------- /html/tadasana.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tadasana 9 | 10 | 11 | 12 | 13 | 47 | 48 | 49 | 50 | 51 |
    52 |
    Home Page
    53 |

    Tadasana - Mountain Pose

    54 |
    The foundation of all standing poses, Mountain Pose makes a great a starting position, resting pose, or tool to improve posture.
    55 |
    56 |
    57 |
    Tadasana or the Mountain Pose is a basic yoga pose that is very beneficial for our health. Beginners are often asked to practise this yoga pose. Although it is a basic yoga pose and won’t tire you out, practising it regularly can improve your health. If you master it, performing other asanas won’t seem like a challenge to you.

    58 | Mountain Pose improves your posture and body awareness, strengthens your legs, and establishes good alignment. Tadasana may not look like much, but keeping your body active and aligned is hard work. You're not just standing in any old way. You have to be aware of each part of your body and the role that it plays in stacking your bones and keeping your spine long.
    59 | You can even break a sweat if you engage your leg muscles as strongly as possible.
    60 | The basic alignment for Mountain Pose carries through to many of the other standing postures (Warrior I, or Virabhadrasana I, for example) and inverted poses (Handstand, or Adho Mukha Vrksasana) that you're going to do.
    61 |

    62 | 63 |
    64 |

    Steps to do Tadasana:

    65 |
    Yoga pose
    66 |

    1. Stand with the feel parallel, a few inches apart. (Alternately you may stand with the bases of your big toes touching, heels slightly apart.
    2. 67 |
    3. Lift and spread your toes and the balls of your feet, then lay them softly back down on the floor. Rock gently back and forth and side to side. Gradually reduce this swaying to a standstill, with your weight balanced evenly across your feet. Feel the energy draw from your feet up through your core.
    4. 68 |
    5. Without pushing your lower front ribs forward, lift the top of your sternum straight toward the ceiling. Widen your collarbones. Allow your shoulder blades to draw toward each other and down the back, away from the ears.
    6. 69 |
    7. Let your arms relax beside your torso, palms facing in or forward.
    8. 70 |
    9. Balance the crown of your head directly over the center of your pelvis, with the underside of your chin parallel to the floor, throat soft, and tongue wide and flat on the floor of your mouth. Soften your eyes. Breathe.
    10. 71 |




    72 |

    Your stance is extremely important. To begin with a balanced Mountain Pose: Place your feet where they naturally fall when you walk forward, and leave a few inches between them. Keep your hips and knees facing forward.
    73 | Try to gently activate your core to keep your stance strong and retain the pose’s integrity, and prevent yourself from locking your joints.

    74 | 75 |
    76 | 77 |
    78 | 79 | -------------------------------------------------------------------------------- /html/varkasana.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Varkasana 9 | 10 | 11 | 12 | 13 | 47 | 48 | 49 | 50 | 51 |
    52 |
    Home Page
    53 |

    Varkasana - Tree Pose

    54 |
    A classic standing posture, Vrksasana establishes strength and balance, and helps you feel centered, steady and grounded.
    55 |
    56 |
    57 |
    Vrksasana (Tree Pose) teaches you to simultaneously press down and feel rooted as you reach tall like the branches of a mighty tree. In this pose, you find a sense of groundedness through the strength of your standing leg. Bringing the sole of your opposite foot to your shin or thigh challenges your balance. Continuously engage your ankles, legs, and core and notice what tiny movements your body might make to help you stay balanced.

    58 | By strengthening your legs, glutes, core, and back, Tree Pose can improve your posture and alignment, which is especially helpful if you sit throughout the day.

    59 | This standing posture can help improve your balance, as well as your postural and body awareness. In addition to its physical benefits, this pose can assist in calming and relaxing the mind—relieving anxious thoughts and feelings. 60 |

    61 | 62 |
    63 |

    Steps to do Vrksasana:

    64 |
    Yoga pose
    65 |

    1. Stand in Tadasana. Spread your toes, press your feet into the mat and firm your leg muscles. Raise your front hip points toward your lower ribs to gently lift in your lower belly.
    2. 66 |
    3. Inhale deeply, lifting your chest, and exhale as you draw your shoulder blades down your back. Look straight ahead at a steady gazing spot.
    4. 67 |
    5. Place your hands on your hips and raise your right foot high onto your left thigh or shin. Avoid making contact with the knee.
    6. 68 |
    7. Press your right foot and left leg into each other.
    8. 69 |
    9. Check that your pelvis is level and squared to the front.
    10. 70 |
    11. When you feel steady, place your hands into Anjali Mudra at the heart or stretch your arms overhead like branches reaching into the sun.
    12. 71 |
    13. Hold for several breaths, then step back into Mountain Pose and repeat on the other side.



    72 | 73 |
    74 | 75 |
    76 | 77 | -------------------------------------------------------------------------------- /images/Heart-Health.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/Heart-Health.jpg -------------------------------------------------------------------------------- /images/WhatsApp Image 2022-09-11 at 4.26.58 PM.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/WhatsApp Image 2022-09-11 at 4.26.58 PM.jpeg -------------------------------------------------------------------------------- /images/Yoga and Digestion.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/Yoga and Digestion.jpg -------------------------------------------------------------------------------- /images/anulom-vulom.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/anulom-vulom.jpg -------------------------------------------------------------------------------- /images/anxiety.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/anxiety.jpg -------------------------------------------------------------------------------- /images/asthma.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/asthma.jpg -------------------------------------------------------------------------------- /images/balasana.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/balasana.jpg -------------------------------------------------------------------------------- /images/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/bg.jpg -------------------------------------------------------------------------------- /images/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/bg2.jpg -------------------------------------------------------------------------------- /images/bg3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/bg3.jpg -------------------------------------------------------------------------------- /images/bg4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/bg4.jpg -------------------------------------------------------------------------------- /images/bhastrika.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/bhastrika.jpg -------------------------------------------------------------------------------- /images/boat_pose.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/boat_pose.png -------------------------------------------------------------------------------- /images/bodypain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/bodypain.jpg -------------------------------------------------------------------------------- /images/dark.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/dark.jpeg -------------------------------------------------------------------------------- /images/depression.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/depression.jpg -------------------------------------------------------------------------------- /images/depression_anxiety.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/depression_anxiety.jpg -------------------------------------------------------------------------------- /images/diabetes.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/diabetes.jpg -------------------------------------------------------------------------------- /images/digestive.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/digestive.jpg -------------------------------------------------------------------------------- /images/grey.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/grey.jpeg -------------------------------------------------------------------------------- /images/heart.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/heart.jpg -------------------------------------------------------------------------------- /images/kapal-bhati.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/kapal-bhati.jpg -------------------------------------------------------------------------------- /images/leaf-solid.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /images/pain.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/pain.jpg -------------------------------------------------------------------------------- /images/self_improvement.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/self_improvement.png -------------------------------------------------------------------------------- /images/step1-suryanamaskar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/step1-suryanamaskar.jpg -------------------------------------------------------------------------------- /images/step2-suryanamaskar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/step2-suryanamaskar.jpg -------------------------------------------------------------------------------- /images/step3-suryanamaskar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/step3-suryanamaskar.jpg -------------------------------------------------------------------------------- /images/step5-suryanamaskar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/step5-suryanamaskar.jpg -------------------------------------------------------------------------------- /images/step6-suryanamaskar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/step6-suryanamaskar.jpg -------------------------------------------------------------------------------- /images/step7-suryanamaskar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/step7-suryanamaskar.jpg -------------------------------------------------------------------------------- /images/step8-suryanamaskar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/step8-suryanamaskar.jpg -------------------------------------------------------------------------------- /images/tadasana.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/tadasana.jpg -------------------------------------------------------------------------------- /images/varkasana.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/varkasana.jpg -------------------------------------------------------------------------------- /images/yoga.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/yoga.jpg -------------------------------------------------------------------------------- /images/yoga1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/yoga1.jpg -------------------------------------------------------------------------------- /images/yoga2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/dreamhighcodestar/rog_free/938b5977d38e42175535b641bf669a0b33eca38f/images/yoga2.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | Home Page 12 | 13 | 14 | 15 | 16 | 50 | 51 | 52 | 53 | 54 |
    55 |

    Rog-Free

    56 |

    57 | Yoga helps you in forming perfect harmony between your body and your mind. 58 |

    59 | Read more 60 |
    61 | 62 | 63 |
    64 |
    65 |

    Select your ailment!

    66 | 74 | 113 | 114 |
    115 |
    116 | 117 | 118 |
    119 |
    120 |
    121 |

    Contact Us

    122 | 123 | 124 | 125 | 126 | 127 | 128 |
    129 |
    130 |
    131 | 132 | 133 | 142 | 143 | 144 | 145 | 146 | 147 | -------------------------------------------------------------------------------- /javascript/nav.js: -------------------------------------------------------------------------------- 1 | const navslide = () => { 2 | const burger=document.querySelector('.burger'); 3 | const nav= document.querySelector('.navlinks'); 4 | const navlinks=document.querySelectorAll('.navlinks li') 5 | 6 | burger.addEventListener('click',() =>{ 7 | nav.classList.toggle('nav-active'); 8 | 9 | navlinks.forEach((link,index) =>{ 10 | if(link.style.animation){ 11 | link.style.animation=''; 12 | } 13 | else{ 14 | link.style.animation =`navLinkFade 0.5s ease forwards ${index/7 + 0.3}s`; 15 | } 16 | }); 17 | //burger 18 | burger.classList.toggle('toggle'); 19 | }); 20 | 21 | 22 | } 23 | 24 | navslide(); 25 | -------------------------------------------------------------------------------- /javascript/searchbox.js: -------------------------------------------------------------------------------- 1 | const searchboxinput = document.querySelector(".search-input"); 2 | const inputBox = searchboxinput.querySelector("input"); 3 | const suggBox = searchboxinput.querySelector(".autocom-box"); 4 | const icon = searchboxinput.querySelector(".search-input .material-symbols-outlined"); 5 | 6 | let suggestions = [ 7 | "stomach ache", 8 | "indigestion", 9 | "joint pain", 10 | "shoulder pain", 11 | "back pain", 12 | "neck pain", 13 | "unable to concentrate", 14 | "increase focus", 15 | "not able to sleep properly", 16 | "tiredness", 17 | "high sugar level", 18 | "high blood pressure", 19 | "breathing problem", 20 | "difficulty in breathing", 21 | ]; 22 | 23 | let digestive = [ 24 | "stomach ache", 25 | "indigestion", 26 | ]; 27 | 28 | let heart = [ 29 | "high blood pressure", 30 | ]; 31 | 32 | let anxiety = [ 33 | "unable to concentrate", 34 | "increase focus", 35 | "not able to sleep properly", 36 | ]; 37 | 38 | let asthma = [ 39 | "breathing problem", 40 | "difficulty in breathing", 41 | ]; 42 | 43 | let joint = [ 44 | "shoulder pain", 45 | "back pain", 46 | "neck pain", 47 | "tiredness", 48 | ]; 49 | 50 | let diabetes = [ 51 | "high sugar level", 52 | ]; 53 | 54 | 55 | inputBox.onkeyup = (e)=>{ 56 | let userData = e.target.value; 57 | let emptyArray = []; 58 | if(userData){ 59 | 60 | 61 | 62 | emptyArray = suggestions.filter((data)=>{ 63 | return data.toLocaleLowerCase().startsWith(userData.toLocaleLowerCase()); 64 | }); 65 | emptyArray = emptyArray.map((data)=>{ 66 | return data = `
  • ${data}
  • `; 67 | }); 68 | searchboxinput.classList.add("active"); 69 | showSuggestions(emptyArray); 70 | let allList = suggBox.querySelectorAll("li"); 71 | for (let i = 0; i < allList.length; i++) { 72 | allList[i].setAttribute("onclick", "select(this)"); 73 | } 74 | 75 | icon.onclick = () => { 76 | if (digestive.includes(userData)) { 77 | window.open("../Rog-Free/html/digestive.html"); 78 | } 79 | 80 | else if (heart.includes(userData)) { 81 | window.open("../Rog-Free/html/heartdisease.html"); 82 | } 83 | 84 | else if (anxiety.includes(userData)) { 85 | window.open("../Rog-Free/html/depression.html"); 86 | } 87 | 88 | else if (asthma.includes(userData)) { 89 | window.open("../Rog-Free/html/asthama.html"); 90 | } 91 | 92 | else if (joint.includes(userData)) { 93 | window.open("../Rog-Free/html/bodypain.html"); 94 | } 95 | 96 | else if (diabetes.includes(userData)) { 97 | window.open("../Rog-Free/html/diabetes.html"); 98 | } 99 | } 100 | 101 | } 102 | else{ 103 | searchboxinput.classList.remove("active"); 104 | } 105 | } 106 | 107 | function select(element){ 108 | let selectData = element.textContent; 109 | inputBox.value = selectData; 110 | userData = selectData; 111 | 112 | icon.onclick = () => { 113 | if (digestive.includes(userData)) { 114 | window.open("../Rog-Free/html/digestive.html"); 115 | } 116 | 117 | else if (heart.includes(userData)) { 118 | window.open("../Rog-Free/html/heartdisease.html"); 119 | } 120 | 121 | else if (anxiety.includes(userData)) { 122 | window.open("../Rog-Free/html/depression.html"); 123 | } 124 | 125 | else if (asthma.includes(userData)) { 126 | window.open("../Rog-Free/html/asthama.html"); 127 | } 128 | 129 | else if (joint.includes(userData)) { 130 | window.open("../Rog-Free/html/bodypain.html"); 131 | } 132 | 133 | else if (diabetes.includes(userData)) { 134 | window.open("../Rog-Free/html/diabetes.html"); 135 | } 136 | } 137 | 138 | searchboxinput.classList.remove("active"); 139 | } 140 | 141 | function showSuggestions(list){ 142 | let listData; 143 | if(!list.length){ 144 | userValue = inputBox.value; 145 | listData = `
  • ${userValue}
  • `; 146 | }else{ 147 | listData = list.join(''); 148 | } 149 | suggBox.innerHTML = listData; 150 | } 151 | --------------------------------------------------------------------------------