├── README.md ├── Readme.txt ├── _config.yml ├── a1style.css ├── about.php ├── bmi_calculator.php ├── breadcrumb.php ├── calorie_cal.php ├── change_s_pwd.php ├── class_schedule.php ├── connect.php ├── contact.php ├── details.php ├── footer.php ├── forgot_password.php ├── gallery.php ├── header.php ├── index.php ├── layout.txt ├── loading.gif ├── login.php ├── project elements.txt ├── secure_login.php ├── style.css ├── submit_contact.php ├── test.php ├── titangym.sql ├── trainer.php └── user_reviews.php /README.md: -------------------------------------------------------------------------------- 1 | # Gym-Website-and-Management-System 2 | 3 | Complete Front end Gym Website with PHP MySQL based admin panel and Management System which can be used to take registrations and to manage the gym with multiple features like 4 | 5 | #### Front End: 6 | * Index Page 7 | * BMI Calculator 8 | * Calorie Calculator 9 | * Gallery 10 | * Contact Us 11 | * Project Details 12 | * About Us 13 | * Use of multiple multiuse modules 14 | * Dynamic Headers 15 | * Sliders 16 | * Contact form (PHP, MySQL) 17 | 18 | 19 | #### Admin Panel: 20 | * New Registration 21 | * New Plan Creation 22 | * Payment Collection 23 | * Invoice Generation 24 | * Diet Plan Creation 25 | * Daily workout Routine creation 26 | * Monthly/yearly registrations viewer 27 | * Monthly Income Viewer 28 | * Member Edit/Update 29 | * Contact Form entries 30 | * User Profile 31 | 32 | -------------------------------------------------------------------------------- /Readme.txt: -------------------------------------------------------------------------------- 1 | Installation Steps: 2 | 3 | - Create a database 'titangym'; 4 | - Import the titangym.sql file located on the project folder 5 | - Open the project file 6 | 7 | Login details for admin 8 | (use this detail to login) 9 | userid- admin1 10 | password - admin1 11 | 12 | 13 | 14 | Sample user details only 15 | userid - 1529336794 16 | name- Christiana Mayberry 17 | email- christiani@gmail.com -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | theme: jekyll-theme-hacker 2 | title: [Gym Management System] 3 | description: [Complete Gym Management Website with PHP MySQL] 4 | -------------------------------------------------------------------------------- /a1style.css: -------------------------------------------------------------------------------- 1 | html { 2 | box-sizing: border-box 3 | } 4 | 5 | *, 6 | *:before, 7 | *:after { 8 | box-sizing: inherit 9 | } 10 | 11 | html { 12 | -ms-text-size-adjust: 100%; 13 | -webkit-text-size-adjust: 100% 14 | } 15 | 16 | body { 17 | margin: 0 18 | } 19 | 20 | article, 21 | aside, 22 | details, 23 | figcaption, 24 | figure, 25 | footer, 26 | header, 27 | main, 28 | menu, 29 | nav, 30 | section, 31 | summary { 32 | display: block 33 | } 34 | 35 | audio, 36 | canvas, 37 | progress, 38 | video { 39 | display: inline-block 40 | } 41 | 42 | progress { 43 | vertical-align: baseline 44 | } 45 | 46 | audio:not([controls]) { 47 | display: none; 48 | height: 0 49 | } 50 | 51 | [hidden], 52 | template { 53 | display: none 54 | } 55 | 56 | a { 57 | background-color: transparent; 58 | -webkit-text-decoration-skip: objects 59 | } 60 | 61 | a:active, 62 | a:hover { 63 | outline-width: 0 64 | } 65 | 66 | abbr[title] { 67 | border-bottom: none; 68 | text-decoration: underline; 69 | text-decoration: underline dotted 70 | } 71 | 72 | dfn { 73 | font-style: italic 74 | } 75 | 76 | mark { 77 | background: #ff0; 78 | color: #000 79 | } 80 | 81 | small { 82 | font-size: 80% 83 | } 84 | 85 | sub, 86 | sup { 87 | font-size: 75%; 88 | line-height: 0; 89 | position: relative; 90 | vertical-align: baseline 91 | } 92 | 93 | sub { 94 | bottom: -0.25em 95 | } 96 | 97 | sup { 98 | top: -0.5em 99 | } 100 | 101 | figure { 102 | margin: 1em 40px 103 | } 104 | 105 | img { 106 | border-style: none 107 | } 108 | 109 | svg:not(:root) { 110 | overflow: hidden 111 | } 112 | 113 | code, 114 | kbd, 115 | pre, 116 | samp { 117 | font-family: monospace, monospace; 118 | font-size: 1em 119 | } 120 | 121 | hr { 122 | box-sizing: content-box; 123 | height: 0; 124 | overflow: visible 125 | } 126 | 127 | button, 128 | input, 129 | select, 130 | textarea { 131 | font: inherit; 132 | margin: 0 133 | } 134 | 135 | optgroup { 136 | font-weight: bold 137 | } 138 | 139 | button, 140 | input { 141 | overflow: visible 142 | } 143 | 144 | button, 145 | select { 146 | text-transform: none 147 | } 148 | 149 | button, 150 | html [type=button], 151 | [type=reset], 152 | [type=submit] { 153 | -webkit-appearance: button 154 | } 155 | 156 | button::-moz-focus-inner, 157 | [type=button]::-moz-focus-inner, 158 | [type=reset]::-moz-focus-inner, 159 | [type=submit]::-moz-focus-inner { 160 | border-style: none; 161 | padding: 0 162 | } 163 | 164 | button:-moz-focusring, 165 | [type=button]:-moz-focusring, 166 | [type=reset]:-moz-focusring, 167 | [type=submit]:-moz-focusring { 168 | outline: 1px dotted ButtonText 169 | } 170 | 171 | fieldset { 172 | border: 1px solid #c0c0c0; 173 | margin: 0 2px; 174 | padding: .35em .625em .75em 175 | } 176 | 177 | legend { 178 | color: inherit; 179 | display: table; 180 | max-width: 100%; 181 | padding: 0; 182 | white-space: normal 183 | } 184 | 185 | textarea { 186 | overflow: auto 187 | } 188 | 189 | [type=checkbox], 190 | [type=radio] { 191 | padding: 0 192 | } 193 | 194 | [type=number]::-webkit-inner-spin-button, 195 | [type=number]::-webkit-outer-spin-button { 196 | height: auto 197 | } 198 | 199 | [type=search] { 200 | -webkit-appearance: textfield; 201 | outline-offset: -2px 202 | } 203 | 204 | [type=search]::-webkit-search-cancel-button, 205 | [type=search]::-webkit-search-decoration { 206 | -webkit-appearance: none 207 | } 208 | 209 | ::-webkit-input-placeholder { 210 | color: inherit; 211 | opacity: 0.54 212 | } 213 | 214 | ::-webkit-file-upload-button { 215 | -webkit-appearance: button; 216 | font: inherit 217 | } 218 | 219 | 220 | /* End extract */ 221 | 222 | html, 223 | body { 224 | font-family: Verdana, sans-serif; 225 | font-size: 15px; 226 | line-height: 1.5 227 | } 228 | 229 | html { 230 | overflow-x: hidden 231 | } 232 | 233 | h1, 234 | h2, 235 | h3, 236 | h4, 237 | h5, 238 | h6, 239 | .a1-slim, 240 | .a1-wide { 241 | font-family: "Segoe UI", Arial, sans-serif 242 | } 243 | 244 | h1 { 245 | font-size: 36px 246 | } 247 | 248 | h2 { 249 | font-size: 30px 250 | } 251 | 252 | h3 { 253 | font-size: 24px 254 | } 255 | 256 | h4 { 257 | font-size: 20px 258 | } 259 | 260 | h5 { 261 | font-size: 18px 262 | } 263 | 264 | h6 { 265 | font-size: 16px 266 | } 267 | 268 | .a1-serif { 269 | font-family: "Times New Roman", Times, serif 270 | } 271 | 272 | h1, 273 | h2, 274 | h3, 275 | h4, 276 | h5, 277 | h6 { 278 | font-weight: 400; 279 | margin: 10px 0 280 | } 281 | 282 | .a1-wide { 283 | letter-spacing: 4px 284 | } 285 | 286 | h1 a, 287 | h2 a, 288 | h3 a, 289 | h4 a, 290 | h5 a, 291 | h6 a { 292 | font-weight: inherit 293 | } 294 | 295 | hr { 296 | border: 0; 297 | border-top: 1px solid #eee; 298 | margin: 20px 0 299 | } 300 | 301 | img { 302 | margin-bottom: -5px 303 | } 304 | 305 | a { 306 | color: inherit 307 | } 308 | 309 | .a1-image { 310 | max-width: 100%; 311 | height: auto 312 | } 313 | 314 | .a1-table, 315 | .a1-table-all { 316 | border-collapse: collapse; 317 | border-spacing: 0; 318 | border-radius: 20px; 319 | width: 100%; 320 | display: table 321 | } 322 | 323 | .a1-table-all { 324 | border: 1px solid #ccc 325 | } 326 | 327 | .a1-bordered tr, 328 | .a1-table-all tr { 329 | border-bottom: 1px solid #ddd; 330 | border-radius: 20px; 331 | } 332 | 333 | .a1-striped tbody tr:nth-child(even) { 334 | background-color: #f1f1f1 335 | } 336 | 337 | .a1-table-all tr:nth-child(odd) { 338 | background-color: #fff 339 | } 340 | 341 | .a1-table-all tr:nth-child(even) { 342 | background-color: #f1f1f1 343 | } 344 | 345 | .a1-hoverable tbody tr:hover, 346 | .a1-ul.a1-hoverable li:hover { 347 | background-color: #ccc 348 | } 349 | 350 | .a1-centered tr th, 351 | .a1-centered tr td { 352 | text-align: center 353 | } 354 | 355 | .a1-table td, 356 | .a1-table th, 357 | .a1-table-all td, 358 | .a1-table-all th { 359 | padding: 8px 8px; 360 | display: table-cell; 361 | text-align: left; 362 | vertical-align: top 363 | } 364 | 365 | .a1-table th:first-child, 366 | .a1-table td:first-child, 367 | .a1-table-all th:first-child, 368 | .a1-table-all td:first-child { 369 | padding-left: 16px 370 | } 371 | 372 | .a1-btn, 373 | .a1-btn-block, 374 | .a1-button { 375 | border: none; 376 | display: inline-block; 377 | outline: 0; 378 | padding: 6px 16px; 379 | vertical-align: middle; 380 | overflow: hidden; 381 | text-decoration: none!important; 382 | color: #fff; 383 | background-color: #000; 384 | text-align: center; 385 | cursor: pointer; 386 | white-space: nowrap 387 | } 388 | 389 | .a1-btn:hover, 390 | .a1-btn-block:hover, 391 | .a1-btn-floating:hover, 392 | .a1-btn-floating-large:hover { 393 | box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) 394 | } 395 | 396 | .a1-button { 397 | color: #000; 398 | background-color: #f1f1f1; 399 | padding: 8px 16px 400 | } 401 | 402 | .a1-button:hover { 403 | color: #000!important; 404 | background-color: #ccc!important 405 | } 406 | 407 | .a1-btn, 408 | .a1-btn-floating, 409 | .a1-btn-floating-large, 410 | .a1-closenav, 411 | .a1-opennav, 412 | .a1-btn-block, 413 | .a1-button { 414 | -webkit-touch-callout: none; 415 | -webkit-user-select: none; 416 | -khtml-user-select: none; 417 | -moz-user-select: none; 418 | -ms-user-select: none; 419 | user-select: none 420 | } 421 | 422 | .a1-btn-floating, 423 | .a1-btn-floating-large { 424 | display: inline-block; 425 | text-align: center; 426 | color: #fff; 427 | background-color: #000; 428 | position: relative; 429 | overflow: hidden; 430 | z-index: 1; 431 | padding: 0; 432 | border-radius: 50%; 433 | cursor: pointer; 434 | font-size: 24px 435 | } 436 | 437 | .a1-btn-floating { 438 | width: 40px; 439 | height: 40px; 440 | line-height: 40px 441 | } 442 | 443 | .a1-btn-floating-large { 444 | width: 56px; 445 | height: 56px; 446 | line-height: 56px 447 | } 448 | 449 | .a1-disabled, 450 | .a1-btn:disabled, 451 | .a1-button:disabled, 452 | .a1-btn-floating:disabled, 453 | .a1-btn-floating-large:disabled { 454 | cursor: not-allowed; 455 | opacity: 0.3 456 | } 457 | 458 | .a1-disabled *, 459 | :disabled * { 460 | pointer-events: none 461 | } 462 | 463 | .a1-btn.a1-disabled:hover, 464 | .a1-btn-block.a1-disabled:hover, 465 | .a1-btn:disabled:hover, 466 | .a1-btn-floating.a1-disabled:hover, 467 | .a1-btn-floating:disabled:hover, 468 | .a1-btn-floating-large.a1-disabled:hover, 469 | .a1-btn-floating-large:disabled:hover { 470 | box-shadow: none 471 | } 472 | 473 | .a1-btn-group .a1-btn { 474 | float: left 475 | } 476 | 477 | .a1-btn-block { 478 | width: 100% 479 | } 480 | 481 | .a1-btn-bar .a1-btn { 482 | box-shadow: none; 483 | background-color: inherit; 484 | color: inherit; 485 | float: left 486 | } 487 | 488 | .a1-btn-bar .a1-btn:hover { 489 | background-color: #ccc 490 | } 491 | 492 | .a1-badge, 493 | .a1-tag, 494 | .a1-sign { 495 | background-color: #000; 496 | color: #fff; 497 | display: inline-block; 498 | padding-left: 8px; 499 | padding-right: 8px; 500 | text-align: center 501 | } 502 | 503 | .a1-badge { 504 | border-radius: 50% 505 | } 506 | 507 | ul.a1-ul { 508 | list-style-type: none; 509 | padding: 0; 510 | margin: 0 511 | } 512 | 513 | ul.a1-ul li { 514 | padding: 8px 16px; 515 | border-bottom: 1px solid #ddd 516 | } 517 | 518 | ul.a1-ul li:last-child { 519 | border-bottom: none 520 | } 521 | 522 | .a1-tooltip, 523 | .a1-display-container { 524 | position: relative 525 | } 526 | 527 | .a1-tooltip .a1-text { 528 | display: none 529 | } 530 | 531 | .a1-tooltip:hover .a1-text { 532 | display: inline-block 533 | } 534 | 535 | .a1-navbar { 536 | list-style-type: none; 537 | margin: 0; 538 | padding: 0; 539 | overflow: hidden 540 | } 541 | 542 | .a1-navbar li { 543 | float: left 544 | } 545 | 546 | .a1-navbar li a, 547 | .a1-navitem, 548 | .a1-navbar li .a1-btn, 549 | .a1-navbar li .a1-input { 550 | display: block; 551 | padding: 8px 16px 552 | } 553 | 554 | .a1-navbar li .a1-btn, 555 | .a1-navbar li .a1-input { 556 | border: none; 557 | outline: none; 558 | width: 100% 559 | } 560 | 561 | .a1-navbar li a:hover { 562 | color: #000; 563 | background-color: #ccc 564 | } 565 | 566 | .a1-navbar .a1-dropdown-hover, 567 | .a1-navbar .a1-dropdown-click { 568 | position: static 569 | } 570 | 571 | .a1-navbar .a1-dropdown-hover:hover, 572 | .a1-navbar .a1-dropdown-hover:first-child, 573 | .a1-navbar .a1-dropdown-click:hover { 574 | background-color: #ccc; 575 | color: #000 576 | } 577 | 578 | .a1-navbar a, 579 | .a1-topnav a, 580 | .a1-sidenav a, 581 | .a1-dropdown-content a, 582 | .a1-accordion-content a, 583 | .a1-dropnav a, 584 | .a1-navblock a { 585 | text-decoration: none!important 586 | } 587 | 588 | .a1-navbar .a1-opennav.a1-right { 589 | float: right!important 590 | } 591 | 592 | .a1-topnav { 593 | padding: 8px 8px 594 | } 595 | 596 | .a1-navblock .a1-dropdown-hover:hover, 597 | .a1-navblock .a1-dropdown-hover:first-child, 598 | .a1-navblock .a1-dropdown-click:hover { 599 | background-color: #ccc; 600 | color: #000 601 | } 602 | 603 | .a1-navblock .a1-dropdown-hover, 604 | .a1-navblock .a1-dropdown-click { 605 | width: 100% 606 | } 607 | 608 | .a1-navblock .a1-dropdown-hover .a1-dropdown-content, 609 | .a1-navblock .a1-dropdown-click .a1-dropdown-content { 610 | min-width: 100% 611 | } 612 | 613 | .a1-topnav a { 614 | padding: 0 8px; 615 | border-bottom: 3px solid transparent; 616 | -webkit-transition: border-bottom .25s; 617 | transition: border-bottom .25s 618 | } 619 | 620 | .a1-topnav a:hover { 621 | border-bottom: 3px solid #fff 622 | } 623 | 624 | .a1-topnav .a1-dropdown-hover a { 625 | border-bottom: 0 626 | } 627 | 628 | .a1-opennav, 629 | .a1-closenav { 630 | color: inherit 631 | } 632 | 633 | .a1-opennav:hover, 634 | .a1-closenav:hover { 635 | cursor: pointer; 636 | opacity: 0.8 637 | } 638 | 639 | .a1-btn, 640 | .a1-btn-floating, 641 | .a1-dropnav a, 642 | .a1-btn-floating-large, 643 | .a1-btn-block, 644 | .a1-navbar a, 645 | .a1-navblock a, 646 | .a1-sidenav a, 647 | .a1-pagination li a, 648 | .a1-hoverable tbody tr, 649 | .a1-hoverable li, 650 | .a1-accordion-content a, 651 | .a1-dropdown-content a, 652 | .a1-dropdown-click:hover, 653 | .a1-dropdown-hover:hover, 654 | .a1-opennav, 655 | .a1-closenav, 656 | .a1-closebtn, 657 | *[class*="a1-hover-"] { 658 | -webkit-transition: background-color .25s, color .15s, box-shadow .25s, opacity 0.25s, filter 0.25s, border 0.15s; 659 | transition: background-color .25s, color .15s, box-shadow .15s, opacity .25s, filter .25s, border .15s 660 | } 661 | 662 | .a1-ripple:active { 663 | opacity: 0.5 664 | } 665 | 666 | .a1-ripple { 667 | -webkit-transition: opacity 0s; 668 | transition: opacity 0s 669 | } 670 | 671 | .a1-sidenav, 672 | .a1-sidebar { 673 | height: 100%; 674 | width: 200px; 675 | background-color: #fff; 676 | position: fixed!important; 677 | z-index: 1; 678 | overflow: auto 679 | } 680 | 681 | .a1-sidenav a, 682 | .a1-navblock a { 683 | padding: 4px 2px 4px 16px 684 | } 685 | 686 | .a1-sidenav a:hover, 687 | .a1-navblock a:hover { 688 | background-color: #ccc; 689 | color: #000 690 | } 691 | 692 | .a1-sidenav a, 693 | .a1-dropnav a, 694 | .a1-navblock a { 695 | display: block 696 | } 697 | 698 | .a1-sidenav .a1-dropdown-hover:hover, 699 | .a1-sidenav .a1-dropdown-hover:first-child, 700 | .a1-sidenav .a1-dropdown-click:hover, 701 | .a1-dropnav a:hover { 702 | background-color: #ccc; 703 | color: #000 704 | } 705 | 706 | .a1-sidenav .a1-dropdown-hover, 707 | .a1-sidenav .a1-dropdown-click, 708 | .a1-bar-block .a1-dropdown-hover, 709 | .a1-bar-block .a1-dropdown-click { 710 | width: 100% 711 | } 712 | 713 | .a1-sidenav .a1-dropdown-hover .a1-dropdown-content, 714 | .a1-sidenav .a1-dropdown-click .a1-dropdown-content, 715 | .a1-bar-block .a1-dropdown-hover .a1-dropdown-content, 716 | .a1-bar-block .a1-dropdown-click .a1-dropdown-content { 717 | min-width: 100% 718 | } 719 | 720 | .a1-bar-block .a1-dropdown-hover .a1-button, 721 | .a1-bar-block .a1-dropdown-click .a1-button { 722 | width: 100%; 723 | text-align: left; 724 | background-color: inherit; 725 | color: inherit; 726 | padding: 6px 2px 6px 16px 727 | } 728 | 729 | .a1-main, 730 | #main { 731 | transition: margin-left .4s 732 | } 733 | 734 | .a1-modal { 735 | z-index: 3; 736 | display: none; 737 | padding-top: 100px; 738 | position: fixed; 739 | left: 0; 740 | top: 0; 741 | width: 100%; 742 | height: 100%; 743 | overflow: auto; 744 | background-color: rgb(0, 0, 0); 745 | background-color: rgba(0, 0, 0, 0.4) 746 | } 747 | 748 | .a1-modal-content { 749 | margin: auto; 750 | background-color: #fff; 751 | position: relative; 752 | padding: 0; 753 | outline: 0; 754 | width: 600px 755 | } 756 | 757 | .a1-closebtn { 758 | text-decoration: none; 759 | float: right; 760 | font-size: 24px; 761 | font-weight: bold; 762 | color: inherit 763 | } 764 | 765 | .a1-closebtn:hover, 766 | .a1-closebtn:focus { 767 | color: #000; 768 | text-decoration: none; 769 | cursor: pointer 770 | } 771 | 772 | .a1-pagination { 773 | display: inline-block; 774 | padding: 0; 775 | margin: 0 776 | } 777 | 778 | .a1-pagination li { 779 | display: inline 780 | } 781 | 782 | .a1-pagination li a { 783 | text-decoration: none; 784 | color: #000; 785 | float: left; 786 | padding: 8px 16px 787 | } 788 | 789 | .a1-pagination li a:hover { 790 | background-color: #ccc 791 | } 792 | 793 | .a1-input-group, 794 | .a1-group { 795 | margin-top: 24px; 796 | margin-bottom: 24px 797 | } 798 | 799 | .a1-input { 800 | padding: 8px; 801 | display: block; 802 | border: none; 803 | border-bottom: 1px solid #808080; 804 | width: 100% 805 | } 806 | 807 | .a1-label { 808 | color: #009688 809 | } 810 | 811 | .a1-input:not(:valid)~.a1-validate { 812 | color: #f44336 813 | } 814 | 815 | .a1-select { 816 | padding: 9px 0; 817 | width: 100%; 818 | color: #000; 819 | border: 1px solid transparent; 820 | border-bottom: 1px solid #009688 821 | } 822 | 823 | .a1-select select:focus { 824 | color: #000; 825 | border: 1px solid #009688 826 | } 827 | 828 | .a1-select option[disabled] { 829 | color: #009688 830 | } 831 | 832 | .a1-dropdown-click, 833 | .a1-dropdown-hover { 834 | position: relative; 835 | display: inline-block; 836 | cursor: pointer 837 | } 838 | 839 | .a1-dropdown-hover:hover .a1-dropdown-content { 840 | display: block; 841 | z-index: 1 842 | } 843 | 844 | .a1-dropdown-hover:first-child, 845 | .a1-dropdown-click:hover { 846 | background-color: #ccc; 847 | color: #000 848 | } 849 | 850 | .a1-dropdown-hover:hover>.a1-button:first-child, 851 | .a1-dropdown-click:hover>.a1-button:first-child { 852 | background-color: #ccc; 853 | color: #000 854 | } 855 | 856 | .a1-dropdown-content { 857 | cursor: auto; 858 | color: #000; 859 | background-color: #fff; 860 | display: none; 861 | position: absolute; 862 | min-width: 160px; 863 | margin: 0; 864 | padding: 0 865 | } 866 | 867 | .a1-dropdown-content a { 868 | padding: 6px 16px; 869 | display: block 870 | } 871 | 872 | .a1-dropdown-content a:hover { 873 | background-color: #ccc 874 | } 875 | 876 | .a1-accordion { 877 | width: 100%; 878 | cursor: pointer 879 | } 880 | 881 | .a1-accordion-content { 882 | cursor: auto; 883 | display: none; 884 | position: relative; 885 | width: 100%; 886 | margin: 0; 887 | padding: 0 888 | } 889 | 890 | .a1-accordion-content a { 891 | padding: 6px 16px; 892 | display: block 893 | } 894 | 895 | .a1-accordion-content a:hover { 896 | background-color: #ccc 897 | } 898 | 899 | .a1-progress-container { 900 | width: 100%; 901 | height: 1.5em; 902 | position: relative; 903 | background-color: #f1f1f1 904 | } 905 | 906 | .a1-progressbar { 907 | background-color: #757575; 908 | height: 100%; 909 | position: absolute; 910 | line-height: inherit 911 | } 912 | 913 | input[type=checkbox].a1-check, 914 | input[type=radio].a1-radio { 915 | width: 24px; 916 | height: 24px; 917 | position: relative; 918 | top: 6px 919 | } 920 | 921 | input[type=checkbox].a1-check:checked+.a1-validate, 922 | input[type=radio].a1-radio:checked+.a1-validate { 923 | color: #009688 924 | } 925 | 926 | input[type=checkbox].a1-check:disabled+.a1-validate, 927 | input[type=radio].a1-radio:disabled+.a1-validate { 928 | color: #aaa 929 | } 930 | 931 | .a1-bar { 932 | width: 100%; 933 | overflow: hidden 934 | } 935 | 936 | .a1-center .a1-bar { 937 | display: inline-block; 938 | width: auto 939 | } 940 | 941 | .a1-bar .a1-bar-item { 942 | padding: 8px 16px; 943 | float: left; 944 | background-color: inherit; 945 | color: inherit; 946 | width: auto; 947 | border: none; 948 | outline: none; 949 | display: block 950 | } 951 | 952 | .a1-bar .a1-dropdown-hover, 953 | .a1-bar .a1-dropdown-click { 954 | position: static; 955 | float: left 956 | } 957 | 958 | .a1-bar .a1-button { 959 | background-color: inherit; 960 | color: inherit; 961 | white-space: normal 962 | } 963 | 964 | .a1-bar-block .a1-bar-item { 965 | width: 100%; 966 | display: block; 967 | padding: 8px 16px; 968 | text-align: left; 969 | background-color: inherit; 970 | color: inherit; 971 | border: none; 972 | outline: none; 973 | white-space: normal 974 | } 975 | 976 | .a1-bar-block.a1-center .a1-bar-item { 977 | text-align: center 978 | } 979 | 980 | .a1-block { 981 | display: block; 982 | width: 100% 983 | } 984 | 985 | .a1-responsive { 986 | overflow-x: auto 987 | } 988 | 989 | .a1-container:after, 990 | .a1-container:before, 991 | .a1-panel:after, 992 | .a1-panel:before, 993 | .a1-row:after, 994 | .a1-row:before, 995 | .a1-row-padding:after, 996 | .a1-row-padding:before, 997 | .a1-cell-row:before, 998 | .a1-cell-row:after, 999 | .a1-topnav:after, 1000 | .a1-topnav:before, 1001 | .a1-clear:after, 1002 | .a1-clear:before, 1003 | .a1-btn-group:before, 1004 | .a1-btn-group:after, 1005 | .a1-btn-bar:before, 1006 | .a1-btn-bar:after, 1007 | .a1-bar:before, 1008 | .a1-bar:after { 1009 | content: ""; 1010 | display: table; 1011 | clear: both 1012 | } 1013 | 1014 | .a1-col, 1015 | .a1-half, 1016 | .a1-third, 1017 | .a1-twothird, 1018 | .a1-threequarter, 1019 | .a1-quarter { 1020 | float: left; 1021 | width: 100% 1022 | } 1023 | 1024 | .a1-col.s1 { 1025 | width: 8.33333% 1026 | } 1027 | 1028 | .a1-col.s2 { 1029 | width: 16.66666% 1030 | } 1031 | 1032 | .a1-col.s3 { 1033 | width: 24.99999% 1034 | } 1035 | 1036 | .a1-col.s4 { 1037 | width: 33.33333% 1038 | } 1039 | 1040 | .a1-col.s5 { 1041 | width: 41.66666% 1042 | } 1043 | 1044 | .a1-col.s6 { 1045 | width: 49.99999% 1046 | } 1047 | 1048 | .a1-col.s7 { 1049 | width: 58.33333% 1050 | } 1051 | 1052 | .a1-col.s8 { 1053 | width: 66.66666% 1054 | } 1055 | 1056 | .a1-col.s9 { 1057 | width: 74.99999% 1058 | } 1059 | 1060 | .a1-col.s10 { 1061 | width: 83.33333% 1062 | } 1063 | 1064 | .a1-col.s11 { 1065 | width: 91.66666% 1066 | } 1067 | 1068 | .a1-col.s12, 1069 | .a1-half, 1070 | .a1-third, 1071 | .a1-twothird, 1072 | .a1-threequarter, 1073 | .a1-quarter { 1074 | width: 99.99999% 1075 | } 1076 | 1077 | @media (min-width:601px) { 1078 | .a1-col.m1 { 1079 | width: 8.33333% 1080 | } 1081 | .a1-col.m2 { 1082 | width: 16.66666% 1083 | } 1084 | .a1-col.m3, 1085 | .a1-quarter { 1086 | width: 24.99999% 1087 | } 1088 | .a1-col.m4, 1089 | .a1-third { 1090 | width: 33.33333% 1091 | } 1092 | .a1-col.m5 { 1093 | width: 41.66666% 1094 | } 1095 | .a1-col.m6, 1096 | .a1-half { 1097 | width: 49.99999% 1098 | } 1099 | .a1-col.m7 { 1100 | width: 58.33333% 1101 | } 1102 | .a1-col.m8, 1103 | .a1-twothird { 1104 | width: 66.66666% 1105 | } 1106 | .a1-col.m9, 1107 | .a1-threequarter { 1108 | width: 74.99999% 1109 | } 1110 | .a1-col.m10 { 1111 | width: 83.33333% 1112 | } 1113 | .a1-col.m11 { 1114 | width: 91.66666% 1115 | } 1116 | .a1-col.m12 { 1117 | width: 99.99999% 1118 | } 1119 | } 1120 | 1121 | @media (min-width:993px) { 1122 | .a1-col.l1 { 1123 | width: 8.33333% 1124 | } 1125 | .a1-col.l2 { 1126 | width: 16.66666% 1127 | } 1128 | .a1-col.l3, 1129 | .a1-quarter { 1130 | width: 24.99999% 1131 | } 1132 | .a1-col.l4, 1133 | .a1-third { 1134 | width: 33.33333% 1135 | } 1136 | .a1-col.l5 { 1137 | width: 41.66666% 1138 | } 1139 | .a1-col.l6, 1140 | .a1-half { 1141 | width: 49.99999% 1142 | } 1143 | .a1-col.l7 { 1144 | width: 58.33333% 1145 | } 1146 | .a1-col.l8, 1147 | .a1-twothird { 1148 | width: 66.66666% 1149 | } 1150 | .a1-col.l9, 1151 | .a1-threequarter { 1152 | width: 74.99999% 1153 | } 1154 | .a1-col.l10 { 1155 | width: 83.33333% 1156 | } 1157 | .a1-col.l11 { 1158 | width: 91.66666% 1159 | } 1160 | .a1-col.l12 { 1161 | width: 99.99999% 1162 | } 1163 | } 1164 | 1165 | .a1-content { 1166 | max-width: 980px; 1167 | margin: auto 1168 | } 1169 | 1170 | .a1-rest { 1171 | overflow: hidden 1172 | } 1173 | 1174 | .a1-layout-container, 1175 | .a1-cell-row { 1176 | display: table; 1177 | width: 100% 1178 | } 1179 | 1180 | .a1-layout-row { 1181 | display: table-row 1182 | } 1183 | 1184 | .a1-layout-cell, 1185 | .a1-layout-col, 1186 | .a1-cell { 1187 | display: table-cell 1188 | } 1189 | 1190 | .a1-layout-top, 1191 | .a1-cell-top { 1192 | vertical-align: top 1193 | } 1194 | 1195 | .a1-layout-middle, 1196 | .a1-cell-middle { 1197 | vertical-align: middle 1198 | } 1199 | 1200 | .a1-layout-bottom, 1201 | .a1-cell-bottom { 1202 | vertical-align: bottom 1203 | } 1204 | 1205 | .a1-hide { 1206 | display: none!important 1207 | } 1208 | 1209 | .a1-show-block, 1210 | .a1-show { 1211 | display: block!important 1212 | } 1213 | 1214 | .a1-show-inline-block { 1215 | display: inline-block!important 1216 | } 1217 | 1218 | @media (max-width:600px) { 1219 | .a1-modal-content { 1220 | margin: 0 10px; 1221 | width: auto!important 1222 | } 1223 | .a1-modal { 1224 | padding-top: 30px 1225 | } 1226 | .a1-topnav a { 1227 | display: block 1228 | } 1229 | .a1-navbar li:not(.a1-opennav) { 1230 | float: none; 1231 | width: 100%!important 1232 | } 1233 | .a1-navbar li.a1-right { 1234 | float: none!important 1235 | } 1236 | .a1-topnav .a1-dropdown-hover .a1-dropdown-content, 1237 | .a1-navbar .a1-dropdown-click .a1-dropdown-content, 1238 | .a1-navbar .a1-dropdown-hover .a1-dropdown-content, 1239 | .a1-dropdown-hover.a1-mobile .a1-dropdown-content, 1240 | .a1-dropdown-click.a1-mobile .a1-dropdown-content { 1241 | position: relative 1242 | } 1243 | .a1-topnav, 1244 | .a1-navbar { 1245 | text-align: center 1246 | } 1247 | .a1-hide-small { 1248 | display: none!important 1249 | } 1250 | .a1-layout-col, 1251 | .a1-mobile { 1252 | display: block; 1253 | width: 100%!important 1254 | } 1255 | .a1-bar-item.a1-mobile, 1256 | .a1-dropdown-hover.a1-mobile, 1257 | .a1-dropdown-click.a1-mobile { 1258 | text-align: center 1259 | } 1260 | .a1-dropdown-hover.a1-mobile, 1261 | .a1-dropdown-hover.a1-mobile .a1-btn, 1262 | .a1-dropdown-hover.a1-mobile .a1-button, 1263 | .a1-dropdown-click.a1-mobile, 1264 | .a1-dropdown-click.a1-mobile .a1-btn, 1265 | .a1-dropdown-click.a1-mobile .a1-button { 1266 | width: 100% 1267 | } 1268 | } 1269 | 1270 | @media (max-width:768px) { 1271 | .a1-modal-content { 1272 | width: 500px 1273 | } 1274 | .a1-modal { 1275 | padding-top: 50px 1276 | } 1277 | } 1278 | 1279 | @media (min-width:993px) { 1280 | .a1-modal-content { 1281 | width: 900px 1282 | } 1283 | .a1-hide-large { 1284 | display: none!important 1285 | } 1286 | .a1-sidenav.a1-collapse, 1287 | .a1-sidebar.a1-collapse { 1288 | display: block!important 1289 | } 1290 | } 1291 | 1292 | @media (max-width:992px) and (min-width:601px) { 1293 | .a1-hide-medium { 1294 | display: none!important 1295 | } 1296 | } 1297 | 1298 | @media (max-width:992px) { 1299 | .a1-sidenav.a1-collapse, 1300 | .a1-sidebar.a1-collapse { 1301 | display: none 1302 | } 1303 | .a1-main { 1304 | margin-left: 0!important; 1305 | margin-right: 0!important 1306 | } 1307 | } 1308 | 1309 | .a1-top, 1310 | .a1-bottom { 1311 | position: fixed; 1312 | width: 100%; 1313 | z-index: 1 1314 | } 1315 | 1316 | .a1-top { 1317 | top: 0 1318 | } 1319 | 1320 | .a1-bottom { 1321 | bottom: 0 1322 | } 1323 | 1324 | .a1-overlay { 1325 | position: fixed; 1326 | display: none; 1327 | width: 100%; 1328 | height: 100%; 1329 | top: 0; 1330 | left: 0; 1331 | right: 0; 1332 | bottom: 0; 1333 | background-color: rgba(0, 0, 0, 0.5); 1334 | z-index: 2 1335 | } 1336 | 1337 | .a1-left { 1338 | float: left!important 1339 | } 1340 | 1341 | .a1-right { 1342 | float: right!important 1343 | } 1344 | 1345 | .a1-tiny { 1346 | font-size: 10px!important 1347 | } 1348 | 1349 | .a1-small { 1350 | font-size: 12px!important 1351 | } 1352 | 1353 | .a1-medium { 1354 | font-size: 15px!important 1355 | } 1356 | 1357 | .a1-large { 1358 | font-size: 18px!important 1359 | } 1360 | 1361 | .a1-xlarge { 1362 | font-size: 24px!important 1363 | } 1364 | 1365 | .a1-xxlarge { 1366 | font-size: 36px!important 1367 | } 1368 | 1369 | .a1-xxxlarge { 1370 | font-size: 48px!important 1371 | } 1372 | 1373 | .a1-jumbo { 1374 | font-size: 64px!important 1375 | } 1376 | 1377 | .a1-vertical { 1378 | word-break: break-all; 1379 | line-height: 1; 1380 | text-align: center; 1381 | width: 0.6em 1382 | } 1383 | 1384 | .a1-left-align { 1385 | text-align: left!important 1386 | } 1387 | 1388 | .a1-right-align { 1389 | text-align: right!important 1390 | } 1391 | 1392 | .a1-justify { 1393 | text-align: justify!important 1394 | } 1395 | 1396 | .a1-center { 1397 | text-align: center!important 1398 | } 1399 | 1400 | .a1-display-topleft { 1401 | position: absolute; 1402 | left: 0; 1403 | top: 0 1404 | } 1405 | 1406 | .a1-display-topright { 1407 | position: absolute; 1408 | right: 0; 1409 | top: 0 1410 | } 1411 | 1412 | .a1-display-bottomleft { 1413 | position: absolute; 1414 | left: 0; 1415 | bottom: 0 1416 | } 1417 | 1418 | .a1-display-bottomright { 1419 | position: absolute; 1420 | right: 0; 1421 | bottom: 0 1422 | } 1423 | 1424 | .a1-display-middle { 1425 | position: absolute; 1426 | top: 50%; 1427 | left: 50%; 1428 | transform: translate(-50%, -50%); 1429 | -ms-transform: translate(-50%, -50%) 1430 | } 1431 | 1432 | .a1-display-left { 1433 | position: absolute; 1434 | top: 50%; 1435 | left: 0%; 1436 | transform: translate(0%, -50%); 1437 | -ms-transform: translate(-0%, -50%) 1438 | } 1439 | 1440 | .a1-display-right { 1441 | position: absolute; 1442 | top: 50%; 1443 | right: 0%; 1444 | transform: translate(0%, -50%); 1445 | -ms-transform: translate(0%, -50%) 1446 | } 1447 | 1448 | .a1-display-topmiddle { 1449 | position: absolute; 1450 | left: 50%; 1451 | top: 0; 1452 | transform: translate(-50%, 0%); 1453 | -ms-transform: translate(-50%, 0%) 1454 | } 1455 | 1456 | .a1-display-bottommiddle { 1457 | position: absolute; 1458 | left: 50%; 1459 | bottom: 0; 1460 | transform: translate(-50%, 0%); 1461 | -ms-transform: translate(-50%, 0%) 1462 | } 1463 | 1464 | .a1-display-container:hover .a1-display-hover { 1465 | display: block 1466 | } 1467 | 1468 | .a1-display-container:hover span.a1-display-hover { 1469 | display: inline-block 1470 | } 1471 | 1472 | .a1-display-hover { 1473 | display: none 1474 | } 1475 | 1476 | .a1-display-position { 1477 | position: absolute 1478 | } 1479 | 1480 | .a1-circle { 1481 | border-radius: 50%!important 1482 | } 1483 | 1484 | .a1-round-small { 1485 | border-radius: 2px!important 1486 | } 1487 | 1488 | .a1-round, 1489 | .a1-round-medium { 1490 | border-radius: 4px!important 1491 | } 1492 | 1493 | .a1-round-large { 1494 | border-radius: 8px!important 1495 | } 1496 | 1497 | .a1-round-xlarge { 1498 | border-radius: 16px!important 1499 | } 1500 | 1501 | .a1-round-xxlarge { 1502 | border-radius: 32px!important 1503 | } 1504 | 1505 | .a1-round-jumbo { 1506 | border-radius: 64px!important 1507 | } 1508 | 1509 | .a1-border-0 { 1510 | border: 0!important 1511 | } 1512 | 1513 | .a1-border { 1514 | border: 1px solid #ccc!important 1515 | } 1516 | 1517 | .a1-border-top { 1518 | border-top: 1px solid #ccc!important 1519 | } 1520 | 1521 | .a1-border-bottom { 1522 | border-bottom: 1px solid #ccc!important 1523 | } 1524 | 1525 | .a1-border-left { 1526 | border-left: 1px solid #ccc!important 1527 | } 1528 | 1529 | .a1-border-right { 1530 | border-right: 1px solid #ccc!important 1531 | } 1532 | 1533 | .a1-margin { 1534 | margin: 16px!important 1535 | } 1536 | 1537 | .a1-margin-0 { 1538 | margin: 0!important 1539 | } 1540 | 1541 | .a1-margin-top { 1542 | margin-top: 16px!important 1543 | } 1544 | 1545 | .a1-margin-bottom { 1546 | margin-bottom: 16px!important 1547 | } 1548 | 1549 | .a1-margin-left { 1550 | margin-left: 16px!important 1551 | } 1552 | 1553 | .a1-margin-right { 1554 | margin-right: 16px!important 1555 | } 1556 | 1557 | .a1-section { 1558 | margin-top: 16px!important; 1559 | margin-bottom: 16px!important 1560 | } 1561 | 1562 | .a1-padding-tiny { 1563 | padding: 2px 4px!important 1564 | } 1565 | 1566 | .a1-padding-small { 1567 | padding: 4px 8px!important 1568 | } 1569 | 1570 | .a1-padding-medium, 1571 | .a1-padding, 1572 | .a1-form { 1573 | padding: 8px 16px!important 1574 | } 1575 | 1576 | .a1-padding-large { 1577 | padding: 12px 24px!important 1578 | } 1579 | 1580 | .a1-padding-xlarge { 1581 | padding: 16px 32px!important 1582 | } 1583 | 1584 | .a1-padding-xxlarge { 1585 | padding: 24px 48px!important 1586 | } 1587 | 1588 | .a1-padding-jumbo { 1589 | padding: 32px 64px!important 1590 | } 1591 | 1592 | .a1-padding-4 { 1593 | padding-top: 4px!important; 1594 | padding-bottom: 4px!important 1595 | } 1596 | 1597 | .a1-padding-8 { 1598 | padding-top: 8px!important; 1599 | padding-bottom: 8px!important 1600 | } 1601 | 1602 | .a1-padding-12 { 1603 | padding-top: 12px!important; 1604 | padding-bottom: 12px!important 1605 | } 1606 | 1607 | .a1-padding-16 { 1608 | padding-top: 16px!important; 1609 | padding-bottom: 16px!important 1610 | } 1611 | 1612 | .a1-padding-24 { 1613 | padding-top: 24px!important; 1614 | padding-bottom: 24px!important 1615 | } 1616 | 1617 | .a1-padding-32 { 1618 | padding-top: 32px!important; 1619 | padding-bottom: 32px!important 1620 | } 1621 | 1622 | .a1-padding-48 { 1623 | padding-top: 48px!important; 1624 | padding-bottom: 48px!important 1625 | } 1626 | 1627 | .a1-padding-64 { 1628 | padding-top: 64px!important; 1629 | padding-bottom: 64px!important 1630 | } 1631 | 1632 | .a1-padding-128 { 1633 | padding-top: 128px!important; 1634 | padding-bottom: 128px!important 1635 | } 1636 | 1637 | .a1-padding-0 { 1638 | padding: 0!important 1639 | } 1640 | 1641 | .a1-padding-top { 1642 | padding-top: 8px!important 1643 | } 1644 | 1645 | .a1-padding-bottom { 1646 | padding-bottom: 8px!important 1647 | } 1648 | 1649 | .a1-padding-left { 1650 | padding-left: 16px!important 1651 | } 1652 | 1653 | .a1-padding-right { 1654 | padding-right: 16px!important 1655 | } 1656 | 1657 | .a1-topbar { 1658 | border-top: 6px solid #ccc!important 1659 | } 1660 | 1661 | .a1-bottombar { 1662 | border-bottom: 6px solid #ccc!important 1663 | } 1664 | 1665 | .a1-leftbar { 1666 | border-left: 6px solid #ccc!important 1667 | } 1668 | 1669 | .a1-rightbar { 1670 | border-right: 6px solid #ccc!important 1671 | } 1672 | 1673 | .a1-row-padding, 1674 | .a1-row-padding>.a1-half, 1675 | .a1-row-padding>.a1-third, 1676 | .a1-row-padding>.a1-twothird, 1677 | .a1-row-padding>.a1-threequarter, 1678 | .a1-row-padding>.a1-quarter, 1679 | .a1-row-padding>.a1-col { 1680 | padding: 0 8px 1681 | } 1682 | 1683 | .a1-spin { 1684 | animation: a1-spin 2s infinite linear; 1685 | -webkit-animation: a1-spin 2s infinite linear 1686 | } 1687 | 1688 | @-webkit-keyframes a1-spin { 1689 | 0% { 1690 | -webkit-transform: rotate(0deg); 1691 | transform: rotate(0deg) 1692 | } 1693 | 100% { 1694 | -webkit-transform: rotate(359deg); 1695 | transform: rotate(359deg) 1696 | } 1697 | } 1698 | 1699 | @keyframes a1-spin { 1700 | 0% { 1701 | -webkit-transform: rotate(0deg); 1702 | transform: rotate(0deg) 1703 | } 1704 | 100% { 1705 | -webkit-transform: rotate(359deg); 1706 | transform: rotate(359deg) 1707 | } 1708 | } 1709 | 1710 | .a1-container { 1711 | padding: 0.01em 16px 1712 | } 1713 | 1714 | .a1-panel { 1715 | padding: 0.01em 16px; 1716 | margin-top: 16px!important; 1717 | margin-bottom: 16px!important 1718 | } 1719 | 1720 | .a1-example { 1721 | background-color: #f1f1f1; 1722 | padding: 0.01em 16px 1723 | } 1724 | 1725 | .a1-code, 1726 | .a1-codespan { 1727 | font-family: Consolas, "courier new"; 1728 | font-size: 16px 1729 | } 1730 | 1731 | .a1-code { 1732 | line-height: 1.4; 1733 | width: auto; 1734 | background-color: #fff; 1735 | padding: 8px 12px; 1736 | border-left: 4px solid #4CAF50; 1737 | word-wrap: break-word 1738 | } 1739 | 1740 | .a1-codespan { 1741 | color: crimson; 1742 | background-color: #f1f1f1; 1743 | padding-left: 4px; 1744 | padding-right: 4px; 1745 | font-size: 110% 1746 | } 1747 | 1748 | .a1-example, 1749 | .a1-code { 1750 | margin: 20px 0 1751 | } 1752 | 1753 | .a1-card, 1754 | .a1-card-2, 1755 | .a1-example { 1756 | box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)!important 1757 | } 1758 | 1759 | .a1-card-4, 1760 | .a1-hover-shadow:hover { 1761 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important 1762 | } 1763 | 1764 | .a1-card-8 { 1765 | box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)!important 1766 | } 1767 | 1768 | .a1-card-12 { 1769 | box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)!important 1770 | } 1771 | 1772 | .a1-card-16 { 1773 | box-shadow: 0 16px 24px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21)!important 1774 | } 1775 | 1776 | .a1-card-24 { 1777 | box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22)!important 1778 | } 1779 | 1780 | .a1-animate-fading { 1781 | -webkit-animation: fading 10s infinite; 1782 | animation: fading 10s infinite 1783 | } 1784 | 1785 | @-webkit-keyframes fading { 1786 | 0% { 1787 | opacity: 0 1788 | } 1789 | 50% { 1790 | opacity: 1 1791 | } 1792 | 100% { 1793 | opacity: 0 1794 | } 1795 | } 1796 | 1797 | @keyframes fading { 1798 | 0% { 1799 | opacity: 0 1800 | } 1801 | 50% { 1802 | opacity: 1 1803 | } 1804 | 100% { 1805 | opacity: 0 1806 | } 1807 | } 1808 | 1809 | .a1-animate-opacity { 1810 | -webkit-animation: opac 0.8s; 1811 | animation: opac 0.8s 1812 | } 1813 | 1814 | @-webkit-keyframes opac { 1815 | from { 1816 | opacity: 0 1817 | } 1818 | to { 1819 | opacity: 1 1820 | } 1821 | } 1822 | 1823 | @keyframes opac { 1824 | from { 1825 | opacity: 0 1826 | } 1827 | to { 1828 | opacity: 1 1829 | } 1830 | } 1831 | 1832 | .a1-animate-top { 1833 | position: relative; 1834 | -webkit-animation: animatetop 0.4s; 1835 | animation: animatetop 0.4s 1836 | } 1837 | 1838 | @-webkit-keyframes animatetop { 1839 | from { 1840 | top: -300px; 1841 | opacity: 0 1842 | } 1843 | to { 1844 | top: 0; 1845 | opacity: 1 1846 | } 1847 | } 1848 | 1849 | @keyframes animatetop { 1850 | from { 1851 | top: -300px; 1852 | opacity: 0 1853 | } 1854 | to { 1855 | top: 0; 1856 | opacity: 1 1857 | } 1858 | } 1859 | 1860 | .a1-animate-left { 1861 | position: relative; 1862 | -webkit-animation: animateleft 0.4s; 1863 | animation: animateleft 0.4s 1864 | } 1865 | 1866 | @-webkit-keyframes animateleft { 1867 | from { 1868 | left: -300px; 1869 | opacity: 0 1870 | } 1871 | to { 1872 | left: 0; 1873 | opacity: 1 1874 | } 1875 | } 1876 | 1877 | @keyframes animateleft { 1878 | from { 1879 | left: -300px; 1880 | opacity: 0 1881 | } 1882 | to { 1883 | left: 0; 1884 | opacity: 1 1885 | } 1886 | } 1887 | 1888 | .a1-animate-right { 1889 | position: relative; 1890 | -webkit-animation: animateright 0.4s; 1891 | animation: animateright 0.4s 1892 | } 1893 | 1894 | @-webkit-keyframes animateright { 1895 | from { 1896 | right: -300px; 1897 | opacity: 0 1898 | } 1899 | to { 1900 | right: 0; 1901 | opacity: 1 1902 | } 1903 | } 1904 | 1905 | @keyframes animateright { 1906 | from { 1907 | right: -300px; 1908 | opacity: 0 1909 | } 1910 | to { 1911 | right: 0; 1912 | opacity: 1 1913 | } 1914 | } 1915 | 1916 | .a1-animate-bottom { 1917 | position: relative; 1918 | -webkit-animation: animatebottom 0.4s; 1919 | animation: animatebottom 0.4s 1920 | } 1921 | 1922 | @-webkit-keyframes animatebottom { 1923 | from { 1924 | bottom: -300px; 1925 | opacity: 0 1926 | } 1927 | to { 1928 | bottom: 0px; 1929 | opacity: 1 1930 | } 1931 | } 1932 | 1933 | @keyframes animatebottom { 1934 | from { 1935 | bottom: -300px; 1936 | opacity: 0 1937 | } 1938 | to { 1939 | bottom: 0; 1940 | opacity: 1 1941 | } 1942 | } 1943 | 1944 | .a1-animate-zoom { 1945 | -webkit-animation: animatezoom 0.6s; 1946 | animation: animatezoom 0.6s 1947 | } 1948 | 1949 | @-webkit-keyframes animatezoom { 1950 | from { 1951 | -webkit-transform: scale(0) 1952 | } 1953 | to { 1954 | -webkit-transform: scale(1) 1955 | } 1956 | } 1957 | 1958 | @keyframes animatezoom { 1959 | from { 1960 | transform: scale(0) 1961 | } 1962 | to { 1963 | transform: scale(1) 1964 | } 1965 | } 1966 | 1967 | .a1-animate-input { 1968 | -webkit-transition: width 0.4s ease-in-out; 1969 | transition: width 0.4s ease-in-out 1970 | } 1971 | 1972 | .a1-animate-input:focus { 1973 | width: 100%!important 1974 | } 1975 | 1976 | .a1-opacity, 1977 | .a1-hover-opacity:hover { 1978 | opacity: 0.60; 1979 | -webkit-backface-visibility: hidden 1980 | } 1981 | 1982 | .a1-opacity-off, 1983 | .a1-hover-opacity-off:hover { 1984 | opacity: 1; 1985 | -webkit-backface-visibility: hidden 1986 | } 1987 | 1988 | .a1-opacity-max { 1989 | opacity: 0.25; 1990 | -webkit-backface-visibility: hidden 1991 | } 1992 | 1993 | .a1-opacity-min { 1994 | opacity: 0.75; 1995 | -webkit-backface-visibility: hidden 1996 | } 1997 | 1998 | .a1-greyscale-max, 1999 | .a1-grayscale-max, 2000 | .a1-hover-greyscale:hover, 2001 | .a1-hover-grayscale:hover { 2002 | -webkit-filter: grayscale(100%); 2003 | filter: grayscale(100%) 2004 | } 2005 | 2006 | .a1-greyscale, 2007 | .a1-grayscale { 2008 | -webkit-filter: grayscale(75%); 2009 | filter: grayscale(75%) 2010 | } 2011 | 2012 | .a1-greyscale-min, 2013 | .a1-grayscale-min { 2014 | -webkit-filter: grayscale(50%); 2015 | filter: grayscale(50%) 2016 | } 2017 | 2018 | .a1-sepia { 2019 | -webkit-filter: sepia(75%); 2020 | filter: sepia(75%) 2021 | } 2022 | 2023 | .a1-sepia-max, 2024 | .a1-hover-sepia:hover { 2025 | -webkit-filter: sepia(100%); 2026 | filter: sepia(100%) 2027 | } 2028 | 2029 | .a1-sepia-min { 2030 | -webkit-filter: sepia(50%); 2031 | filter: sepia(50%) 2032 | } 2033 | 2034 | .a1-text-shadow { 2035 | text-shadow: 1px 1px 0 #444 2036 | } 2037 | 2038 | .a1-text-shadow-white { 2039 | text-shadow: 1px 1px 0 #ddd 2040 | } 2041 | 2042 | .a1-transparent { 2043 | background-color: transparent!important 2044 | } 2045 | 2046 | .a1-hover-none:hover { 2047 | box-shadow: none!important; 2048 | background-color: transparent!important 2049 | } 2050 | 2051 | 2052 | /* Colors */ 2053 | 2054 | .a1-amber, 2055 | .a1-hover-amber:hover { 2056 | color: #000!important; 2057 | background-color: #ffc107!important 2058 | } 2059 | 2060 | .a1-aqua, 2061 | .a1-hover-aqua:hover { 2062 | color: #000!important; 2063 | background-color: #00ffff!important 2064 | } 2065 | 2066 | .a1-blue, 2067 | .a1-hover-blue:hover { 2068 | color: #fff!important; 2069 | background-color: #2196F3!important 2070 | } 2071 | 2072 | .a1-light-blue, 2073 | .a1-hover-light-blue:hover { 2074 | color: #000!important; 2075 | background-color: #87CEEB!important 2076 | } 2077 | 2078 | .a1-brown, 2079 | .a1-hover-brown:hover { 2080 | color: #fff!important; 2081 | background-color: #795548!important 2082 | } 2083 | 2084 | .a1-cyan, 2085 | .a1-hover-cyan:hover { 2086 | color: #000!important; 2087 | background-color: #00bcd4!important 2088 | } 2089 | 2090 | .a1-blue-grey, 2091 | .a1-hover-blue-grey:hover, 2092 | .a1-blue-gray, 2093 | .a1-hover-blue-gray:hover { 2094 | color: #fff!important; 2095 | background-color: #607d8b!important 2096 | } 2097 | 2098 | .a1-green, 2099 | .a1-hover-green:hover { 2100 | color: #fff!important; 2101 | background-color: #4CAF50!important 2102 | } 2103 | 2104 | .a1-light-green, 2105 | .a1-hover-light-green:hover { 2106 | color: #000!important; 2107 | background-color: #8bc34a!important 2108 | } 2109 | 2110 | .a1-indigo, 2111 | .a1-hover-indigo:hover { 2112 | color: #fff!important; 2113 | background-color: #3f51b5!important 2114 | } 2115 | 2116 | .a1-khaki, 2117 | .a1-hover-khaki:hover { 2118 | color: #000!important; 2119 | background-color: #f0e68c!important 2120 | } 2121 | 2122 | .a1-lime, 2123 | .a1-hover-lime:hover { 2124 | color: #000!important; 2125 | background-color: #cddc39!important 2126 | } 2127 | 2128 | .a1-orange, 2129 | .a1-hover-orange:hover { 2130 | color: #000!important; 2131 | background-color: #ff9800!important 2132 | } 2133 | 2134 | .a1-deep-orange, 2135 | .a1-hover-deep-orange:hover { 2136 | color: #fff!important; 2137 | background-color: #ff5722!important 2138 | } 2139 | 2140 | .a1-pink, 2141 | .a1-hover-pink:hover { 2142 | color: #fff!important; 2143 | background-color: #e91e63!important 2144 | } 2145 | 2146 | .a1-purple, 2147 | .a1-hover-purple:hover { 2148 | color: #fff!important; 2149 | background-color: #9c27b0!important 2150 | } 2151 | 2152 | .a1-deep-purple, 2153 | .a1-hover-deep-purple:hover { 2154 | color: #fff!important; 2155 | background-color: #673ab7!important 2156 | } 2157 | 2158 | .a1-red, 2159 | .a1-hover-red:hover { 2160 | color: #fff!important; 2161 | background-color: #f44336!important 2162 | } 2163 | 2164 | .a1-sand, 2165 | .a1-hover-sand:hover { 2166 | color: #000!important; 2167 | background-color: #fdf5e6!important 2168 | } 2169 | 2170 | .a1-teal, 2171 | .a1-hover-teal:hover { 2172 | color: #fff!important; 2173 | background-color: #009688!important 2174 | } 2175 | 2176 | .a1-yellow, 2177 | .a1-hover-yellow:hover { 2178 | color: #000!important; 2179 | background-color: #ffeb3b!important 2180 | } 2181 | 2182 | .a1-white, 2183 | .a1-hover-white:hover { 2184 | color: #000!important; 2185 | background-color: #fff!important 2186 | } 2187 | 2188 | .a1-black, 2189 | .a1-hover-black:hover { 2190 | color: #fff!important; 2191 | background-color: #000!important 2192 | } 2193 | 2194 | .a1-grey, 2195 | .a1-hover-grey:hover, 2196 | .a1-gray, 2197 | .a1-hover-gray:hover { 2198 | color: #000!important; 2199 | background-color: #9e9e9e!important 2200 | } 2201 | 2202 | .a1-light-grey, 2203 | .a1-hover-light-grey:hover, 2204 | .a1-light-gray, 2205 | .a1-hover-light-gray:hover { 2206 | color: #000!important; 2207 | background-color: #f1f1f1!important 2208 | } 2209 | 2210 | .a1-dark-grey, 2211 | .a1-hover-dark-grey:hover, 2212 | .a1-dark-gray, 2213 | .a1-hover-dark-gray:hover { 2214 | color: #fff!important; 2215 | background-color: #616161!important 2216 | } 2217 | 2218 | .a1-pale-red, 2219 | .a1-hover-pale-red:hover { 2220 | color: #000!important; 2221 | background-color: #ffdddd!important 2222 | } 2223 | 2224 | .a1-pale-green, 2225 | .a1-hover-pale-green:hover { 2226 | color: #000!important; 2227 | background-color: #ddffdd!important 2228 | } 2229 | 2230 | .a1-pale-yellow, 2231 | .a1-hover-pale-yellow:hover { 2232 | color: #000!important; 2233 | background-color: #ffffcc!important 2234 | } 2235 | 2236 | .a1-pale-blue, 2237 | .a1-hover-pale-blue:hover { 2238 | color: #000!important; 2239 | background-color: #ddffff!important 2240 | } 2241 | 2242 | .a1-text-amber, 2243 | .a1-hover-text-amber:hover { 2244 | color: #ffc107!important 2245 | } 2246 | 2247 | .a1-text-aqua, 2248 | .a1-hover-text-aqua:hover { 2249 | color: #00ffff!important 2250 | } 2251 | 2252 | .a1-text-blue, 2253 | .a1-hover-text-blue:hover { 2254 | color: #2196F3!important 2255 | } 2256 | 2257 | .a1-text-light-blue, 2258 | .a1-hover-text-light-blue:hover { 2259 | color: #87CEEB!important 2260 | } 2261 | 2262 | .a1-text-brown, 2263 | .a1-hover-text-brown:hover { 2264 | color: #795548!important 2265 | } 2266 | 2267 | .a1-text-cyan, 2268 | .a1-hover-text-cyan:hover { 2269 | color: #00bcd4!important 2270 | } 2271 | 2272 | .a1-text-blue-grey, 2273 | .a1-hover-text-blue-grey:hover, 2274 | .a1-text-blue-gray, 2275 | .a1-hover-text-blue-gray:hover { 2276 | color: #607d8b!important 2277 | } 2278 | 2279 | .a1-text-green, 2280 | .a1-hover-text-green:hover { 2281 | color: #4CAF50!important 2282 | } 2283 | 2284 | .a1-text-light-green, 2285 | .a1-hover-text-light-green:hover { 2286 | color: #8bc34a!important 2287 | } 2288 | 2289 | .a1-text-indigo, 2290 | .a1-hover-text-indigo:hover { 2291 | color: #3f51b5!important 2292 | } 2293 | 2294 | .a1-text-khaki, 2295 | .a1-hover-text-khaki:hover { 2296 | color: #b4aa50!important 2297 | } 2298 | 2299 | .a1-text-lime, 2300 | .a1-hover-text-lime:hover { 2301 | color: #cddc39!important 2302 | } 2303 | 2304 | .a1-text-orange, 2305 | .a1-hover-text-orange:hover { 2306 | color: #ff9800!important 2307 | } 2308 | 2309 | .a1-text-deep-orange, 2310 | .a1-hover-text-deep-orange:hover { 2311 | color: #ff5722!important 2312 | } 2313 | 2314 | .a1-text-pink, 2315 | .a1-hover-text-pink:hover { 2316 | color: #e91e63!important 2317 | } 2318 | 2319 | .a1-text-purple, 2320 | .a1-hover-text-purple:hover { 2321 | color: #9c27b0!important 2322 | } 2323 | 2324 | .a1-text-deep-purple, 2325 | .a1-hover-text-deep-purple:hover { 2326 | color: #673ab7!important 2327 | } 2328 | 2329 | .a1-text-red, 2330 | .a1-hover-text-red:hover { 2331 | color: #f44336!important 2332 | } 2333 | 2334 | .a1-text-sand, 2335 | .a1-hover-text-sand:hover { 2336 | color: #fdf5e6!important 2337 | } 2338 | 2339 | .a1-text-teal, 2340 | .a1-hover-text-teal:hover { 2341 | color: #009688!important 2342 | } 2343 | 2344 | .a1-text-yellow, 2345 | .a1-hover-text-yellow:hover { 2346 | color: #d2be0e!important 2347 | } 2348 | 2349 | .a1-text-white, 2350 | .a1-hover-text-white:hover { 2351 | color: #fff!important 2352 | } 2353 | 2354 | .a1-text-black, 2355 | .a1-hover-text-black:hover { 2356 | color: #000!important 2357 | } 2358 | 2359 | .a1-text-grey, 2360 | .a1-hover-text-grey:hover, 2361 | .a1-text-gray, 2362 | .a1-hover-text-gray:hover { 2363 | color: #757575!important 2364 | } 2365 | 2366 | .a1-text-light-grey, 2367 | .a1-hover-text-light-grey:hover, 2368 | .a1-text-light-gray, 2369 | .a1-hover-text-light-gray:hover { 2370 | color: #f1f1f1!important 2371 | } 2372 | 2373 | .a1-text-dark-grey, 2374 | .a1-hover-text-dark-grey:hover, 2375 | .a1-text-dark-gray, 2376 | .a1-hover-text-dark-gray:hover { 2377 | color: #3a3a3a!important 2378 | } 2379 | 2380 | .a1-border-amber, 2381 | .a1-hover-border-amber:hover { 2382 | border-color: #ffc107!important 2383 | } 2384 | 2385 | .a1-border-aqua, 2386 | .a1-hover-border-aqua:hover { 2387 | border-color: #00ffff!important 2388 | } 2389 | 2390 | .a1-border-blue, 2391 | .a1-hover-border-blue:hover { 2392 | border-color: #2196F3!important 2393 | } 2394 | 2395 | .a1-border-light-blue, 2396 | .a1-hover-border-light-blue:hover { 2397 | border-color: #87CEEB!important 2398 | } 2399 | 2400 | .a1-border-brown, 2401 | .a1-hover-border-brown:hover { 2402 | border-color: #795548!important 2403 | } 2404 | 2405 | .a1-border-cyan, 2406 | .a1-hover-border-cyan:hover { 2407 | border-color: #00bcd4!important 2408 | } 2409 | 2410 | .a1-border-blue-grey, 2411 | .a1-hover-border-blue-grey:hover, 2412 | .a1-border-blue-gray, 2413 | .a1-hover-border-blue-gray:hover { 2414 | border-color: #607d8b!important 2415 | } 2416 | 2417 | .a1-border-green, 2418 | .a1-hover-border-green:hover { 2419 | border-color: #4CAF50!important 2420 | } 2421 | 2422 | .a1-border-light-green, 2423 | .a1-hover-border-light-green:hover { 2424 | border-color: #8bc34a!important 2425 | } 2426 | 2427 | .a1-border-indigo, 2428 | .a1-hover-border-indigo:hover { 2429 | border-color: #3f51b5!important 2430 | } 2431 | 2432 | .a1-border-khaki, 2433 | .a1-hover-border-khaki:hover { 2434 | border-color: #f0e68c!important 2435 | } 2436 | 2437 | .a1-border-lime, 2438 | .a1-hover-border-lime:hover { 2439 | border-color: #cddc39!important 2440 | } 2441 | 2442 | .a1-border-orange, 2443 | .a1-hover-border-orange:hover { 2444 | border-color: #ff9800!important 2445 | } 2446 | 2447 | .a1-border-deep-orange, 2448 | .a1-hover-border-deep-orange:hover { 2449 | border-color: #ff5722!important 2450 | } 2451 | 2452 | .a1-border-pink, 2453 | .a1-hover-border-pink:hover { 2454 | border-color: #e91e63!important 2455 | } 2456 | 2457 | .a1-border-purple, 2458 | .a1-hover-border-purple:hover { 2459 | border-color: #9c27b0!important 2460 | } 2461 | 2462 | .a1-border-deep-purple, 2463 | .a1-hover-border-deep-purple:hover { 2464 | border-color: #673ab7!important 2465 | } 2466 | 2467 | .a1-border-red, 2468 | .a1-hover-border-red:hover { 2469 | border-color: #f44336!important 2470 | } 2471 | 2472 | .a1-border-sand, 2473 | .a1-hover-border-sand:hover { 2474 | border-color: #fdf5e6!important 2475 | } 2476 | 2477 | .a1-border-teal, 2478 | .a1-hover-border-teal:hover { 2479 | border-color: #009688!important 2480 | } 2481 | 2482 | .a1-border-yellow, 2483 | .a1-hover-border-yellow:hover { 2484 | border-color: #ffeb3b!important 2485 | } 2486 | 2487 | .a1-border-white, 2488 | .a1-hover-border-white:hover { 2489 | border-color: #fff!important 2490 | } 2491 | 2492 | .a1-border-black, 2493 | .a1-hover-border-black:hover { 2494 | border-color: #000!important 2495 | } 2496 | 2497 | .a1-border-grey, 2498 | .a1-hover-border-grey:hover, 2499 | .a1-border-gray, 2500 | .a1-hover-border-gray:hover { 2501 | border-color: #9e9e9e!important 2502 | } 2503 | 2504 | .a1-border-light-grey, 2505 | .a1-hover-border-light-grey:hover, 2506 | .a1-border-light-gray, 2507 | .a1-hover-border-light-gray:hover { 2508 | border-color: #f1f1f1!important 2509 | } 2510 | 2511 | .a1-border-dark-grey, 2512 | .a1-hover-border-dark-grey:hover, 2513 | .a1-border-dark-gray, 2514 | .a1-hover-border-dark-gray:hover { 2515 | border-color: #616161!important 2516 | } 2517 | 2518 | .a1-border-pale-red, 2519 | .a1-hover-border-pale-red:hover { 2520 | border-color: #ffe7e7!important 2521 | } 2522 | 2523 | .a1-border-pale-green, 2524 | .a1-hover-border-pale-green:hover { 2525 | border-color: #e7ffe7!important 2526 | } 2527 | 2528 | .a1-border-pale-yellow, 2529 | .a1-hover-border-pale-yellow:hover { 2530 | border-color: #ffffcc!important 2531 | } 2532 | 2533 | .a1-border-pale-blue, 2534 | .a1-hover-border-pale-blue:hover { 2535 | border-color: #e7ffff!important 2536 | } 2537 | 2538 | .table tr { 2539 | background-color: red; 2540 | } -------------------------------------------------------------------------------- /about.php: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 | 6 | 7 | 8 | 9 | 15 | 16 |Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.
64 |Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.
81 |Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.
98 |Up t0 2 month free $320/ month family Membership
150 |BMI | 48 |Weight Status | 49 |
---|---|
Below 18.5 | 52 |Underweight | 53 |
18.5 to 24.9 | 56 |Healthy | 57 |
25 to 29.9 | 60 |Overweight | 61 |
30 and Above | 64 |Obese | 65 |
* BMR Metabolic Rate / BMI Body Mass Index
68 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dui. Aenean massa.
99 | 176 |Calories Per Day | 48 |Activity Factor | 49 |
---|---|
BMR x 1.2 | 52 |Sedentary | 53 |
BMR x 1.375 | 56 |Lightly active | 57 |
BMR x 1.55 | 60 |Moderately active | 61 |
BMR x 1.7525 | 64 |Very active | 65 |
BMR x 1.9 | 68 |Super active | 69 |
* BMR Metabolic Rate / BMI Body Mass Index
72 |Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dui. Aenean massa.
113 | 190 |