├── css └── style.css ├── images ├── background.jpg ├── banner-bg.jpg ├── bg2.jpg ├── blog1.jpg ├── blog2.jpg ├── blog3.jpg ├── blog4.jpg ├── blog5.jpg ├── davidlaid.jpg ├── davidtrainer.jpg ├── f-img-1.jpg ├── f-img-2.jpg ├── f-img-3.jpg ├── girlbg.jpg ├── icon-1.png ├── icon-2.png ├── icon-3.png ├── pic-1.png ├── pic-2.png ├── pic-3.png ├── pic-4.png ├── trainer2.jpg ├── trainer3.jpg └── trainer4.jpg ├── index.html └── js └── script.js /css/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600&display=swap"); 2 | * { 3 | font-family: 'Nunito', sans-serif; 4 | margin: 0; 5 | padding: 0; 6 | -webkit-box-sizing: border-box; 7 | box-sizing: border-box; 8 | text-decoration: none; 9 | outline: none; 10 | border: none; 11 | text-transform: capitalize; 12 | -webkit-transition: all .2s linear; 13 | transition: all .2s linear; 14 | } 15 | 16 | html { 17 | font-size: 62.5%; 18 | scroll-behavior: smooth; 19 | scroll-padding-top: 5rem; 20 | overflow-x: hidden; 21 | } 22 | 23 | html::-webkit-scrollbar { 24 | width: 1rem; 25 | } 26 | 27 | html::-webkit-scrollbar-track { 28 | background: #000; 29 | } 30 | 31 | html::-webkit-scrollbar-thumb { 32 | background: #009688; 33 | } 34 | 35 | body { 36 | background: #000; 37 | } 38 | 39 | section { 40 | padding: 5rem 9%; 41 | } 42 | 43 | .heading { 44 | text-align: center; 45 | margin-bottom: 3rem; 46 | position: relative; 47 | } 48 | 49 | .heading::before { 50 | content: ''; 51 | position: absolute; 52 | top: 50%; 53 | left: 0; 54 | -webkit-transform: translateY(-50%); 55 | transform: translateY(-50%); 56 | height: .1rem; 57 | width: 100%; 58 | background: #aaa; 59 | z-index: -1; 60 | } 61 | 62 | .heading span { 63 | font-size: 3rem; 64 | color: #009688; 65 | background: #000; 66 | padding: .5rem 1.5rem; 67 | border: 0.1rem solid #aaa; 68 | border-radius: .5rem; 69 | } 70 | 71 | .btn { 72 | margin-top: 1rem; 73 | display: inline-block; 74 | padding: 1rem 2.8rem; 75 | padding-right: 3rem; 76 | background: linear-gradient(130deg, #009688 93%, transparent 90%); 77 | color: #fff; 78 | cursor: pointer; 79 | font-size: 1.7rem; 80 | } 81 | 82 | .btn:hover { 83 | -webkit-transform: scale(1.1); 84 | transform: scale(1.1); 85 | } 86 | 87 | .header { 88 | position: fixed; 89 | top: 0; 90 | left: 0; 91 | right: 0; 92 | display: -webkit-box; 93 | display: -ms-flexbox; 94 | display: flex; 95 | -webkit-box-align: center; 96 | -ms-flex-align: center; 97 | align-items: center; 98 | -webkit-box-pack: justify; 99 | -ms-flex-pack: justify; 100 | justify-content: space-between; 101 | padding: 0 9%; 102 | z-index: 10000; 103 | background: #000; 104 | } 105 | 106 | .header .logo { 107 | font-weight: bolder; 108 | color: #fff; 109 | font-size: 3rem; 110 | } 111 | 112 | .header .logo span { 113 | color: #009688; 114 | } 115 | 116 | .header .navbar a { 117 | display: inline-block; 118 | padding: 1.5rem 2rem; 119 | font-size: 1.7rem; 120 | color: #fff; 121 | } 122 | 123 | .header .navbar a:hover { 124 | background: #009688; 125 | } 126 | 127 | #menu-btn { 128 | font-size: 3rem; 129 | color: #fff; 130 | cursor: pointer; 131 | display: none; 132 | } 133 | 134 | .home { 135 | padding: 0; 136 | margin-top: 5rem; 137 | } 138 | 139 | .home .main { 140 | min-height: 85vh; 141 | background-size: cover !important; 142 | background-position: center !important; 143 | padding: 2rem 9%; 144 | display: -webkit-box; 145 | display: -ms-flexbox; 146 | display: flex; 147 | -webkit-box-align: center; 148 | -ms-flex-align: center; 149 | align-items: center; 150 | } 151 | 152 | .home .main .content { 153 | width: 60rem; 154 | } 155 | 156 | .home .main .content span { 157 | font-size: 2rem; 158 | color: #009688; 159 | display: block; 160 | } 161 | 162 | .home .main .content h3 { 163 | font-size: 5rem; 164 | color: #fff; 165 | padding: 1rem 0; 166 | } 167 | 168 | .about { 169 | display: -webkit-box; 170 | display: -ms-flexbox; 171 | display: flex; 172 | -webkit-box-align: center; 173 | -ms-flex-align: center; 174 | align-items: center; 175 | -ms-flex-wrap: wrap; 176 | flex-wrap: wrap; 177 | gap: 8rem; 178 | } 179 | 180 | .about .image { 181 | -webkit-box-flex: 1; 182 | -ms-flex: 1 1 42rem; 183 | flex: 1 1 42rem; 184 | position: relative; 185 | } 186 | 187 | .about .image::before, .about .image::after { 188 | content: ''; 189 | position: absolute; 190 | z-index: -1; 191 | background: #009688; 192 | height: 15rem; 193 | width: 15rem; 194 | } 195 | 196 | .about .image::before { 197 | top: 0; 198 | left: 0; 199 | } 200 | 201 | .about .image::after { 202 | bottom: 0; 203 | right: 0; 204 | } 205 | 206 | .about .image img { 207 | width: 100%; 208 | padding: 2rem; 209 | } 210 | 211 | .about .content { 212 | -webkit-box-flex: 1; 213 | -ms-flex: 1 1 42rem; 214 | flex: 1 1 42rem; 215 | } 216 | 217 | .about .content span { 218 | font-size: 2rem; 219 | color: #009688; 220 | } 221 | 222 | .about .content .title { 223 | font-size: 4rem; 224 | color: #fff; 225 | margin-top: .5rem; 226 | } 227 | 228 | .about .content p { 229 | font-size: 1.5rem; 230 | color: #aaa; 231 | padding: 1rem 0; 232 | line-height: 2; 233 | } 234 | 235 | .about .content .box-container { 236 | display: -webkit-box; 237 | display: -ms-flexbox; 238 | display: flex; 239 | -ms-flex-wrap: wrap; 240 | flex-wrap: wrap; 241 | gap: 2rem; 242 | margin-top: 1rem; 243 | } 244 | 245 | .about .content .box-container .box { 246 | -webkit-box-flex: 1; 247 | -ms-flex: 1 1 20rem; 248 | flex: 1 1 20rem; 249 | } 250 | 251 | .about .content .box-container .box h3 { 252 | font-size: 2rem; 253 | color: #fff; 254 | } 255 | 256 | .about .content .box-container .box h3 i { 257 | padding-right: 1.5rem; 258 | color: #009688; 259 | } 260 | 261 | .features .box-container { 262 | display: -ms-grid; 263 | display: grid; 264 | -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit]; 265 | grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr)); 266 | gap: 1.5rem; 267 | gap: 0; 268 | } 269 | 270 | .features .box-container .box { 271 | background: #111; 272 | } 273 | 274 | .features .box-container .box.second { 275 | display: -webkit-box; 276 | display: -ms-flexbox; 277 | display: flex; 278 | -webkit-box-orient: vertical; 279 | -webkit-box-direction: reverse; 280 | -ms-flex-flow: column-reverse; 281 | flex-flow: column-reverse; 282 | } 283 | 284 | .features .box-container .box:hover .image img { 285 | -webkit-transform: scale(1.1); 286 | transform: scale(1.1); 287 | } 288 | 289 | .features .box-container .box .image { 290 | height: 30rem; 291 | width: 100%; 292 | overflow: hidden; 293 | } 294 | 295 | .features .box-container .box .image img { 296 | height: 100%; 297 | width: 100%; 298 | -o-object-fit: cover; 299 | object-fit: cover; 300 | } 301 | 302 | .features .box-container .box .content { 303 | padding: 2rem; 304 | text-align: center; 305 | } 306 | 307 | .features .box-container .box .content img { 308 | height: 9rem; 309 | margin-bottom: 1rem; 310 | -webkit-filter: invert(1); 311 | filter: invert(1); 312 | } 313 | 314 | .features .box-container .box .content h3 { 315 | font-size: 2rem; 316 | color: #009688; 317 | } 318 | 319 | .features .box-container .box .content p { 320 | line-height: 2; 321 | font-size: 1.5rem; 322 | color: #aaa; 323 | padding: 1rem 0; 324 | } 325 | 326 | .pricing { 327 | display: -ms-grid; 328 | display: grid; 329 | -ms-grid-columns: (minmax(32rem, 1fr))[auto-fit]; 330 | grid-template-columns: repeat(auto-fit, minmax(32rem, 1fr)); 331 | gap: 1.5rem; 332 | } 333 | 334 | .pricing .information span { 335 | font-size: 2rem; 336 | color: #009688; 337 | } 338 | 339 | .pricing .information h3 { 340 | font-size: 4rem; 341 | padding-top: .5rem; 342 | color: #fff; 343 | } 344 | 345 | .pricing .information p { 346 | line-height: 2; 347 | padding: 1rem 0; 348 | font-size: 1.4rem; 349 | color: #aaa; 350 | } 351 | 352 | .pricing .information p i { 353 | padding-right: 1rem; 354 | color: #009688; 355 | } 356 | 357 | .pricing .plan { 358 | text-align: center; 359 | padding: 2rem; 360 | } 361 | 362 | .pricing .plan.basic { 363 | background: linear-gradient(130deg, #111 93%, transparent 90%); 364 | } 365 | 366 | .pricing .plan h3 { 367 | font-size: 2.5rem; 368 | margin: 1rem 0; 369 | color: #fff; 370 | } 371 | 372 | .pricing .plan .price { 373 | font-size: 5rem; 374 | font-weight: bolder; 375 | color: #009688; 376 | } 377 | 378 | .pricing .plan .price span { 379 | color: #fff; 380 | font-size: 2rem; 381 | } 382 | 383 | .pricing .plan .list { 384 | padding: 1rem 0; 385 | } 386 | 387 | .pricing .plan .list p { 388 | line-height: 2; 389 | padding: 1rem 0; 390 | font-size: 1.4rem; 391 | color: #aaa; 392 | } 393 | 394 | .pricing .plan .list p i { 395 | padding-right: 1rem; 396 | color: #009688; 397 | } 398 | 399 | .trainers .box-container { 400 | display: -ms-grid; 401 | display: grid; 402 | -ms-grid-columns: (minmax(29rem, 1fr))[auto-fit]; 403 | grid-template-columns: repeat(auto-fit, minmax(29rem, 1fr)); 404 | gap: 1.5rem; 405 | } 406 | 407 | .trainers .box-container .box { 408 | height: 40rem; 409 | overflow: hidden; 410 | position: relative; 411 | } 412 | 413 | .trainers .box-container .box:hover .content { 414 | -webkit-transform: translateY(0); 415 | transform: translateY(0); 416 | } 417 | 418 | .trainers .box-container .box img { 419 | height: 120%; 420 | width: 100%; 421 | -o-object-fit: cover; 422 | object-fit: cover; 423 | } 424 | 425 | .trainers .box-container .box .content { 426 | position: absolute; 427 | bottom: 0; 428 | left: 0; 429 | right: 0; 430 | background: #111; 431 | padding: 2rem; 432 | -webkit-transform: translateY(6.5rem); 433 | transform: translateY(6.5rem); 434 | } 435 | 436 | .trainers .box-container .box .content span { 437 | font-size: 1.5rem; 438 | color: #009688; 439 | } 440 | 441 | .trainers .box-container .box .content h3 { 442 | font-size: 2rem; 443 | color: #fff; 444 | padding-top: .5rem; 445 | } 446 | 447 | .trainers .box-container .box .content .share { 448 | padding-top: 2rem; 449 | margin-top: 1.5rem; 450 | border-top: 0.1rem solid #aaa; 451 | } 452 | 453 | .trainers .box-container .box .content .share a { 454 | font-size: 2rem; 455 | color: #fff; 456 | margin-right: 1.5rem; 457 | } 458 | 459 | .trainers .box-container .box .content .share a:hover { 460 | color: #009688; 461 | } 462 | 463 | .banner { 464 | background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7))), url(../images/banner-bg.jpg) no-repeat; 465 | background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url(../images/banner-bg.jpg) no-repeat; 466 | background-size: cover; 467 | background-position: center; 468 | background-attachment: fixed; 469 | text-align: center; 470 | } 471 | 472 | .banner span { 473 | font-size: 2rem; 474 | color: #009688; 475 | } 476 | 477 | .banner h3 { 478 | padding-top: 1rem; 479 | color: #fff; 480 | text-transform: uppercase; 481 | font-size: 3.5rem; 482 | } 483 | 484 | .banner p { 485 | margin: 1rem auto; 486 | max-width: 60rem; 487 | font-size: 1.5rem; 488 | color: #aaa; 489 | line-height: 2; 490 | } 491 | 492 | .review { 493 | display: -webkit-box; 494 | display: -ms-flexbox; 495 | display: flex; 496 | -webkit-box-align: center; 497 | -ms-flex-align: center; 498 | align-items: center; 499 | -ms-flex-wrap: wrap; 500 | flex-wrap: wrap; 501 | gap: 2rem; 502 | } 503 | 504 | .review .information { 505 | -webkit-box-flex: 1; 506 | -ms-flex: 1 1 35rem; 507 | flex: 1 1 35rem; 508 | } 509 | 510 | .review .information span { 511 | font-size: 2rem; 512 | color: #009688; 513 | } 514 | 515 | .review .information h3 { 516 | font-size: 3rem; 517 | color: #fff; 518 | padding-top: 1rem; 519 | } 520 | 521 | .review .information p { 522 | font-size: 1.5rem; 523 | line-height: 2; 524 | color: #aaa; 525 | padding: 1rem 0; 526 | } 527 | 528 | .review .main { 529 | -webkit-box-flex: 1; 530 | -ms-flex: 1 1 60rem; 531 | flex: 1 1 60rem; 532 | background: linear-gradient(130deg, #111 93%, transparent 90%); 533 | padding: 2rem 3rem; 534 | } 535 | 536 | .review .main p { 537 | font-size: 1.5rem; 538 | line-height: 2; 539 | color: #aaa; 540 | } 541 | 542 | .review .main .user { 543 | display: -webkit-box; 544 | display: -ms-flexbox; 545 | display: flex; 546 | -webkit-box-align: center; 547 | -ms-flex-align: center; 548 | align-items: center; 549 | margin-top: 1.5rem; 550 | } 551 | 552 | .review .main .user img { 553 | height: 5rem; 554 | width: 5rem; 555 | -o-object-fit: cover; 556 | object-fit: cover; 557 | border-radius: 50%; 558 | margin-right: 1rem; 559 | } 560 | 561 | .review .main .user h3 { 562 | font-size: 2rem; 563 | color: #fff; 564 | } 565 | 566 | .review .main .user span { 567 | color: #009688; 568 | font-size: 1.5rem; 569 | } 570 | 571 | .review .main .user i { 572 | font-size: 5rem; 573 | margin-left: auto; 574 | margin-right: 2rem; 575 | color: #009688; 576 | } 577 | 578 | .register{ 579 | min-height: 90vh; 580 | } 581 | 582 | .register form{ 583 | width:90%; 584 | margin: 6rem auto; 585 | text-align: center; 586 | } 587 | 588 | .register form .inputBox{ 589 | display: flex; 590 | justify-content: space-between; 591 | flex-wrap: wrap; 592 | padding: .5rem 0; 593 | } 594 | 595 | .register form .inputBox input, textarea{ 596 | height:5rem; 597 | width:49%; 598 | background:#111; 599 | color:#fff; 600 | padding: 1.2rem; 601 | margin:1rem 0; 602 | font-size: 2rem; 603 | border:none; 604 | } 605 | 606 | .register form .inputBox input:focus, textarea:focus{ 607 | background:#222; 608 | } 609 | 610 | .register form textarea{ 611 | height:20rem; 612 | resize: none; 613 | padding:1rem; 614 | width:100%; 615 | } 616 | 617 | .register .btn{ 618 | font-size: 1.9rem; 619 | 620 | } 621 | 622 | .footer .box-container { 623 | display: -ms-grid; 624 | display: grid; 625 | -ms-grid-columns: (minmax(25rem, 1fr))[auto-fit]; 626 | grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); 627 | gap: 1.5rem; 628 | } 629 | 630 | .footer .box-container .box h3 { 631 | font-size: 2.2rem; 632 | color: #fff; 633 | padding: 1rem 0; 634 | } 635 | 636 | .footer .box-container .box .links { 637 | font-size: 1.5rem; 638 | display: block; 639 | color: #aaa; 640 | padding: 1rem 0; 641 | } 642 | 643 | .footer .box-container .box .links:hover { 644 | color: #009688; 645 | } 646 | 647 | .footer .box-container .box p { 648 | font-size: 1.5rem; 649 | color: #aaa; 650 | padding: 1rem 0; 651 | text-transform: none; 652 | } 653 | 654 | .footer .box-container .box p i { 655 | padding-right: .5rem; 656 | color: #009688; 657 | } 658 | 659 | .footer .box-container .box .share { 660 | padding: 1rem 0; 661 | } 662 | 663 | .footer .box-container .box .share a { 664 | height: 4.5rem; 665 | width: 4.5rem; 666 | line-height: 4.5rem; 667 | font-size: 1.7rem; 668 | color: #fff; 669 | background: #111; 670 | border-radius: 50%; 671 | margin-right: .5rem; 672 | text-align: center; 673 | } 674 | 675 | .footer .box-container .box .share a:hover { 676 | background: #009688; 677 | } 678 | 679 | .footer .box-container .box form .email { 680 | margin-bottom: 1rem; 681 | width: 100%; 682 | background: #111; 683 | padding: 1.2rem; 684 | font-size: 1.5rem; 685 | color: #fff; 686 | text-transform: none; 687 | } 688 | 689 | .credit { 690 | font-size: 2rem; 691 | text-align: center; 692 | padding: 2rem; 693 | color: #fff; 694 | background: #111; 695 | line-height: 1.5; 696 | } 697 | 698 | .credit span { 699 | color: #009688; 700 | } 701 | 702 | @media (max-width: 991px) { 703 | html { 704 | font-size: 55%; 705 | scroll-padding: 7rem; 706 | } 707 | .header { 708 | padding: 0 2rem; 709 | } 710 | section { 711 | padding: 3rem 2rem; 712 | } 713 | .home .main { 714 | padding: 2rem 5%; 715 | } 716 | .home .main .content { 717 | width: 50rem; 718 | } 719 | .home .main .content h3 { 720 | font-size: 4rem; 721 | } 722 | } 723 | 724 | @media (max-width: 768px) { 725 | #menu-btn { 726 | display: inline-block; 727 | } 728 | .header { 729 | padding: 2rem; 730 | } 731 | .header .navbar { 732 | position: absolute; 733 | top: 99%; 734 | left: 0; 735 | right: 0; 736 | background: #000; 737 | -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); 738 | clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); 739 | } 740 | .header .navbar.active { 741 | -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 742 | clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); 743 | } 744 | .header .navbar a { 745 | display: block; 746 | font-size: 2rem; 747 | } 748 | .header .navbar a:hover { 749 | background: #009688; 750 | } 751 | .about { 752 | gap: 3rem; 753 | } 754 | .about .image { 755 | margin-top: 5rem; 756 | } 757 | .about .content .title { 758 | font-size: 3rem; 759 | } 760 | .features .box-container .box.second { 761 | -webkit-box-orient: vertical; 762 | -webkit-box-direction: normal; 763 | -ms-flex-flow: column; 764 | flex-flow: column; 765 | } 766 | } 767 | 768 | @media (max-width: 450px) { 769 | html { 770 | font-size: 50%; 771 | } 772 | } 773 | -------------------------------------------------------------------------------- /images/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/background.jpg -------------------------------------------------------------------------------- /images/banner-bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/banner-bg.jpg -------------------------------------------------------------------------------- /images/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/bg2.jpg -------------------------------------------------------------------------------- /images/blog1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/blog1.jpg -------------------------------------------------------------------------------- /images/blog2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/blog2.jpg -------------------------------------------------------------------------------- /images/blog3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/blog3.jpg -------------------------------------------------------------------------------- /images/blog4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/blog4.jpg -------------------------------------------------------------------------------- /images/blog5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/blog5.jpg -------------------------------------------------------------------------------- /images/davidlaid.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/davidlaid.jpg -------------------------------------------------------------------------------- /images/davidtrainer.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/davidtrainer.jpg -------------------------------------------------------------------------------- /images/f-img-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/f-img-1.jpg -------------------------------------------------------------------------------- /images/f-img-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/f-img-2.jpg -------------------------------------------------------------------------------- /images/f-img-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/f-img-3.jpg -------------------------------------------------------------------------------- /images/girlbg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/girlbg.jpg -------------------------------------------------------------------------------- /images/icon-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/icon-1.png -------------------------------------------------------------------------------- /images/icon-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/icon-2.png -------------------------------------------------------------------------------- /images/icon-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/icon-3.png -------------------------------------------------------------------------------- /images/pic-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/pic-1.png -------------------------------------------------------------------------------- /images/pic-2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/pic-2.png -------------------------------------------------------------------------------- /images/pic-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/pic-3.png -------------------------------------------------------------------------------- /images/pic-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/pic-4.png -------------------------------------------------------------------------------- /images/trainer2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/trainer2.jpg -------------------------------------------------------------------------------- /images/trainer3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/trainer3.jpg -------------------------------------------------------------------------------- /images/trainer4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Basitx72/Website/1afd4d5982c4788a5383050a7ae36b8e7f754860/images/trainer4.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Fitness Website Project 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 37 | 38 |
39 | 40 | 41 | 42 | 43 | 44 |
45 | 46 |
47 |
48 | be strong, be fit 49 |

Make yourself stronger than your excuses.

50 | get started 51 |
52 |
53 | 54 |
55 | 56 | 57 | 58 | 59 | 60 |
61 | 62 |
63 | 64 |
65 | 66 |
67 | about us 68 |

Every day is a chance to become better

69 |

Established in 2001, “IronWill Health and Fitness” pioneered the boutique, high street training centers and has started to pop up in major cities of the country. Our results-driven facilities are built with one thing in mind. "HUSTLE TO GET MUSCLE"

70 |
71 |
72 |

body and mind

73 |

we instruct you with different exercises to improve your body and mind. our mind-body exercises include yoga, Pilates, tai chi, swimming, and gardening.

74 |
75 |
76 |

healthy life

77 |

our facility provides you with a good and healthy environment. we have all the natural supplement for you to take and grind like hell.

78 |
79 |
80 |

strategies

81 |

we provide you with different strategies to grow faster. we introduce you to muscular meditation,cognitive reframing etc.

82 |
83 |
84 |

workout

85 |

We don't follow the traditional gym practices; we have added all the ingredients to make your workout at “IronWill” an experience.

86 |
87 |
88 | read more 89 |
90 | 91 |
92 | 93 | 94 | 95 | 96 | 97 |
98 | 99 |

gym features

100 | 101 |
102 | 103 |
104 |
105 | 106 |
107 |
108 | 109 |

body building

110 |

Each IronWill facility offers high quality cardio & strength equipment to build muscles.

111 | read more 112 |
113 |
114 | 115 |
116 |
117 | 118 |
119 |
120 | 121 |

gym for men

122 |

we offer our gym services to men and teenagers.

123 | read more 124 |
125 |
126 | 127 |
128 |
129 | 130 |
131 |
132 | 133 |

gym for women

134 |

we also have facilities for women.they can rest assure and workout whenever and however they want.

135 | read more 136 |
137 |
138 | 139 |
140 | 141 |
142 | 143 | 144 | 145 | 146 | 147 |
148 | 149 |
150 | pricing plan 151 |

affordable pricing plan for your

152 |

the pricing plans mentioned below are very reasonable budget plans which includes your nutrition costs too.

153 |

cardio exercise

154 |

weight lifting

155 |

diet plans

156 |

overall results

157 | all pricing 158 |
159 | 160 |
161 |

basic plan

162 |
$30/mo
163 |
164 |

personal training

165 |

cardio exercise

166 |

weight lifting

167 |

diet plans

168 |

overall results

169 |
170 | get started 171 |
172 | 173 |
174 |

premium plan

175 |
$90/mo
176 |
177 |

personal training

178 |

cardio exercise

179 |

weight lifting

180 |

diet plans

181 |

overall results

182 |
183 | get started 184 |
185 | 186 |
187 | 188 | 189 | 190 | 191 | 192 |
193 | 194 |

expert trainers

195 | 196 |
197 | 198 |
199 | 200 |
201 | expert trainer 202 |

david laid

203 | 209 |
210 |
211 | 212 |
213 | 214 |
215 | expert trainer 216 |

c bum

217 | 223 |
224 |
225 | 226 |
227 | 228 |
229 | expert trainer 230 |

james

231 | 237 |
238 |
239 | 240 |
241 | 242 |
243 | expert trainer 244 |

lean beef patty

245 | 251 |
252 |
253 | 254 |
255 | 256 |
257 | 258 | 259 | 260 | 261 | 262 | 270 | 271 | 272 | 273 | 274 | 275 |
276 | 277 |
278 | testimonials 279 |

what our clients says

280 |

our clients really like the services we provide and we are so happy to hear that. here is one of our regulars giving his feeedback.

281 | read more 282 |
283 | 284 |
285 |

its been an year since i have been a member of IronWill community and i really love the progress. i feel like i have become an upgraded version of myself. i would recommend joining the community, it's really worth it.

286 |
287 | 288 |
289 |

Basit

290 | designer 291 |
292 | 293 |
294 |
295 | 296 | 297 | 298 |
299 | 300 | 301 | 302 | 303 | 304 |
305 | 306 |

register now

307 | 308 |
309 | 310 |
311 | 312 | 313 |
314 | 315 |
316 | 317 | 318 |
319 | 320 | 321 | 322 | 323 | 324 |
325 | 326 |
327 | 328 | 329 | 330 | 331 | 332 |
333 | 334 |
335 | 336 |
337 |

quick links

338 | home 339 | about 340 | features 341 | pricing 342 | trainers 343 | register 344 |
345 | 346 |
347 |

opening hours

348 |

monday : 7:00am - 10:30pm

349 |

tuesday : 7:00am - 10:30pm

350 |

wednesday : 7:00am - 10:30pm

351 |

friday : 7:00am - 10:30pm

352 |

saturday : 7:00am - 10:30pm

353 |

sunday : closed

354 |
355 | 356 |
357 |

opening hours

358 |

+123-456-7890

359 |

+111-222-3333

360 |

basitx72@gmail.com

361 |

Islamabad, Pakistan - 45720

362 | 368 |
369 | 370 |
371 |

newsletter

372 |

subscribe for latest updates

373 |
374 | 375 | 376 |
377 |
378 | 379 |
380 | 381 |
382 | 383 |
created by basit | all rights reserved!
384 | 385 | 386 | 387 | 388 | 389 | 390 | 391 | 392 | 393 | 399 | 400 | 401 | 402 | 403 | 404 | 405 | -------------------------------------------------------------------------------- /js/script.js: -------------------------------------------------------------------------------- 1 | let menu = document.querySelector('#menu-btn'); 2 | let navbar = document.querySelector('.header .navbar'); 3 | 4 | menu.onclick = () =>{ 5 | menu.classList.toggle('fa-times'); 6 | navbar.classList.toggle('active'); 7 | }; 8 | 9 | window.onscroll = () =>{ 10 | menu.classList.remove('fa-times'); 11 | navbar.classList.remove('active'); 12 | }; 13 | 14 | 15 | var swiper = new Swiper(".home-slider", { 16 | spaceBetween: 20, 17 | effect: "fade", 18 | grabCursor: true, 19 | loop:true, 20 | centeredSlides: true, 21 | pagination: { 22 | el: ".swiper-pagination", 23 | clickable: true, 24 | }, 25 | }); 26 | 27 | var swiper = new Swiper(".review-slider", { 28 | spaceBetween: 20, 29 | grabCursor: true, 30 | loop:true, 31 | autoplay: { 32 | delay: 7500, 33 | disableOnInteraction: false, 34 | }, 35 | breakpoints:{ 36 | 0:{ 37 | slidesPerView:1, 38 | }, 39 | 600:{ 40 | slidesPerView:2, 41 | }, 42 | }, 43 | }); 44 | 45 | var swiper = new Swiper(".blogs-slider", { 46 | spaceBetween: 20, 47 | grabCursor: true, 48 | loop:true, 49 | autoplay: { 50 | delay: 7500, 51 | disableOnInteraction: false, 52 | }, 53 | pagination: { 54 | el: ".swiper-pagination", 55 | clickable: true, 56 | }, 57 | breakpoints:{ 58 | 0:{ 59 | slidesPerView:1, 60 | }, 61 | 768:{ 62 | slidesPerView:2, 63 | }, 64 | 991:{ 65 | slidesPerView:3, 66 | }, 67 | }, 68 | }); --------------------------------------------------------------------------------