1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="description" content="Master Prophet Library - Access premium spiritual teachings, business coaching, and personal development content from Prophet Ebenezer."> 7 <title>Master Prophet Library - Wisdom for Life & Business</title> 8 <link rel="icon" type="image/svg+xml" href="https://masterprophetlibrary.com/favicon.svg"> 9 <link rel="icon" type="image/x-icon" href="https://masterprophetlibrary.com/favicon.ico"> 10 <link rel="preconnect" href="https://fonts.googleapis.com"> 11 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 12 <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap" rel="stylesheet"> 13 <style> 14 :root { 15 --color-navy: #1a2332; 16 --color-navy-light: #2d3a4f; 17 --color-gold: #c9a227; 18 --color-gold-light: #d4b84a; 19 --color-cream: #faf8f5; 20 --color-warm-gray: #f5f3f0; 21 --color-text: #3d3d3d; 22 --color-text-light: #6b6b6b; 23 --color-border: #e8e5e1; 24 --font-serif: 'Cormorant Garamond', Georgia, serif; 25 --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; 26 } 27 28 * { 29 margin: 0; 30 padding: 0; 31 box-sizing: border-box; 32 } 33 34 html { 35 scroll-behavior: smooth; 36 } 37 38 body { 39 font-family: var(--font-sans); 40 font-size: 17px; 41 line-height: 1.7; 42 color: var(--color-text); 43 background: var(--color-cream); 44 -webkit-font-smoothing: antialiased; 45 } 46 47 /* ============================================ 48 NAVIGATION 49 ============================================ */ 50 .nav { 51 position: fixed; 52 top: 0; 53 left: 0; 54 right: 0; 55 z-index: 1000; 56 background: rgba(255, 255, 255, 0.97); 57 backdrop-filter: blur(10px); 58 border-bottom: 1px solid var(--color-border); 59 transition: box-shadow 0.3s ease; 60 } 61 62 .nav.scrolled { 63 box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); 64 } 65 66 .nav-inner { 67 max-width: 1200px; 68 margin: 0 auto; 69 padding: 1rem 2rem; 70 display: flex; 71 justify-content: space-between; 72 align-items: center; 73 } 74 75 .logo { 76 display: flex; 77 align-items: center; 78 gap: 0.75rem; 79 text-decoration: none; 80 } 81 82 .logo-icon { 83 width: 44px; 84 height: 44px; 85 background: var(--color-navy); 86 border-radius: 8px; 87 display: flex; 88 align-items: center; 89 justify-content: center; 90 } 91 92 .logo-icon svg { 93 width: 24px; 94 height: 24px; 95 color: var(--color-gold); 96 } 97 98 .logo-text { 99 font-family: var(--font-serif); 100 font-size: 1.4rem; 101 font-weight: 600; 102 color: var(--color-navy); 103 letter-spacing: -0.02em; 104 } 105 106 .nav-actions { 107 display: flex; 108 align-items: center; 109 gap: 1rem; 110 } 111 112 .nav-link { 113 font-size: 0.95rem; 114 font-weight: 500; 115 color: var(--color-text); 116 text-decoration: none; 117 padding: 0.5rem 1rem; 118 transition: color 0.2s ease; 119 } 120 121 .nav-link:hover { 122 color: var(--color-navy); 123 } 124 125 /* ============================================ 126 BUTTONS 127 ============================================ */ 128 .btn { 129 display: inline-flex; 130 align-items: center; 131 justify-content: center; 132 gap: 0.5rem; 133 padding: 0.875rem 1.75rem; 134 font-family: var(--font-sans); 135 font-size: 0.95rem; 136 font-weight: 600; 137 text-decoration: none; 138 border-radius: 6px; 139 border: none; 140 cursor: pointer; 141 transition: all 0.25s ease; 142 } 143 144 .btn-primary { 145 background: var(--color-navy); 146 color: #fff; 147 } 148 149 .btn-primary:hover { 150 background: var(--color-navy-light); 151 transform: translateY(-1px); 152 } 153 154 .btn-secondary { 155 background: transparent; 156 color: var(--color-navy); 157 border: 2px solid var(--color-navy); 158 } 159 160 .btn-secondary:hover { 161 background: var(--color-navy); 162 color: #fff; 163 } 164 165 .btn-gold { 166 background: var(--color-gold); 167 color: var(--color-navy); 168 } 169 170 .btn-gold:hover { 171 background: var(--color-gold-light); 172 transform: translateY(-1px); 173 } 174 175 .btn-large { 176 padding: 1.125rem 2.25rem; 177 font-size: 1.05rem; 178 } 179 180 /* ============================================ 181 HERO SECTION 182 ============================================ */ 183 .hero { 184 padding: 10rem 2rem 6rem; 185 background: linear-gradient(180deg, #fff 0%, var(--color-cream) 100%); 186 text-align: center; 187 } 188 189 .hero-inner { 190 max-width: 800px; 191 margin: 0 auto; 192 } 193 194 .hero-badge { 195 display: inline-flex; 196 align-items: center; 197 gap: 0.5rem; 198 padding: 0.5rem 1rem; 199 background: var(--color-warm-gray); 200 border: 1px solid var(--color-border); 201 border-radius: 100px; 202 font-size: 0.85rem; 203 font-weight: 500; 204 color: var(--color-text-light); 205 margin-bottom: 2rem; 206 } 207 208 .hero-badge-dot { 209 width: 8px; 210 height: 8px; 211 background: var(--color-gold); 212 border-radius: 50%; 213 } 214 215 .hero h1 { 216 font-family: var(--font-serif); 217 font-size: clamp(2.5rem, 5vw, 3.75rem); 218 font-weight: 600; 219 color: var(--color-navy); 220 line-height: 1.15; 221 letter-spacing: -0.02em; 222 margin-bottom: 1.5rem; 223 } 224 225 .hero-subtitle { 226 font-size: 1.2rem; 227 color: var(--color-text-light); 228 max-width: 580px; 229 margin: 0 auto 2.5rem; 230 line-height: 1.7; 231 } 232 233 .hero-cta { 234 display: flex; 235 justify-content: center; 236 gap: 1rem; 237 flex-wrap: wrap; 238 margin-bottom: 3rem; 239 } 240 241 .hero-trust { 242 display: flex; 243 justify-content: center; 244 align-items: center; 245 gap: 2rem; 246 padding-top: 2rem; 247 border-top: 1px solid var(--color-border); 248 flex-wrap: wrap; 249 } 250 251 .trust-item { 252 display: flex; 253 align-items: center; 254 gap: 0.5rem; 255 font-size: 0.9rem; 256 color: var(--color-text-light); 257 } 258 259 .trust-item svg { 260 width: 18px; 261 height: 18px; 262 color: var(--color-gold); 263 } 264 265 /* ============================================ 266 SECTION STYLES 267 ============================================ */ 268 .section { 269 padding: 5rem 2rem; 270 } 271 272 .section-alt { 273 background: #fff; 274 } 275 276 .section-inner { 277 max-width: 1100px; 278 margin: 0 auto; 279 } 280 281 .section-header { 282 text-align: center; 283 max-width: 600px; 284 margin: 0 auto 3.5rem; 285 } 286 287 .section-label { 288 font-size: 0.8rem; 289 font-weight: 600; 290 text-transform: uppercase; 291 letter-spacing: 0.12em; 292 color: var(--color-gold); 293 margin-bottom: 0.75rem; 294 } 295 296 .section-title { 297 font-family: var(--font-serif); 298 font-size: clamp(1.75rem, 3vw, 2.5rem); 299 font-weight: 600; 300 color: var(--color-navy); 301 line-height: 1.2; 302 letter-spacing: -0.01em; 303 margin-bottom: 1rem; 304 } 305 306 .section-desc { 307 font-size: 1.05rem; 308 color: var(--color-text-light); 309 line-height: 1.7; 310 } 311 312 /* ============================================ 313 VALUE PROPOSITION 314 ============================================ */ 315 .value-grid { 316 display: grid; 317 grid-template-columns: repeat(3, 1fr); 318 gap: 2rem; 319 } 320 321 .value-card { 322 padding: 2rem; 323 background: var(--color-warm-gray); 324 border-radius: 12px; 325 border: 1px solid var(--color-border); 326 transition: transform 0.3s ease, box-shadow 0.3s ease; 327 } 328 329 .value-card:hover { 330 transform: translateY(-4px); 331 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08); 332 } 333 334 .value-icon { 335 width: 52px; 336 height: 52px; 337 background: var(--color-navy); 338 border-radius: 10px; 339 display: flex; 340 align-items: center; 341 justify-content: center; 342 margin-bottom: 1.25rem; 343 } 344 345 .value-icon svg { 346 width: 26px;
347 height: 26px; 348 color: var(--color-gold); 349 } 350 351 .value-card h3 { 352 font-family: var(--font-serif); 353 font-size: 1.35rem; 354 font-weight: 600; 355 color: var(--color-navy); 356 margin-bottom: 0.75rem; 357 } 358 359 .value-card p { 360 font-size: 0.95rem; 361 color: var(--color-text-light); 362 line-height: 1.65; 363 } 364 365 /* ============================================ 366 HOW IT WORKS 367 ============================================ */ 368 .steps-grid { 369 display: grid; 370 grid-template-columns: repeat(3, 1fr); 371 gap: 3rem; 372 position: relative; 373 } 374 375 .steps-grid::before { 376 content: ''; 377 position: absolute; 378 top: 32px; 379 left: 16.66%; 380 right: 16.66%; 381 height: 2px; 382 background: var(--color-border); 383 } 384 385 .step { 386 text-align: center; 387 position: relative; 388 } 389 390 .step-number { 391 width: 64px; 392 height: 64px; 393 background: #fff; 394 border: 2px solid var(--color-gold); 395 border-radius: 50%; 396 display: flex; 397 align-items: center; 398 justify-content: center; 399 font-family: var(--font-serif); 400 font-size: 1.5rem; 401 font-weight: 600; 402 color: var(--color-navy); 403 margin: 0 auto 1.5rem; 404 position: relative; 405 z-index: 1; 406 } 407 408 .step h3 { 409 font-family: var(--font-serif); 410 font-size: 1.3rem; 411 font-weight: 600; 412 color: var(--color-navy); 413 margin-bottom: 0.75rem; 414 } 415 416 .step p { 417 font-size: 0.95rem; 418 color: var(--color-text-light); 419 line-height: 1.65; 420 max-width: 280px; 421 margin: 0 auto; 422 } 423 424 /* ============================================ 425 CONTENT TYPES 426 ============================================ */ 427 .content-grid { 428 display: grid; 429 grid-template-columns: repeat(4, 1fr); 430 gap: 1.5rem; 431 } 432 433 .featured-grid { 434 display: grid; 435 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 436 gap: 1.25rem; 437 } 438 439 .featured-collections-label { 440 font-size: 0.9rem; 441 font-weight: 600; 442 color: var(--color-text-light); 443 margin-top: 2rem; 444 margin-bottom: 0.75rem; 445 } 446 447 .featured-card { 448 display: block; 449 padding: 0; 450 background: #fff; 451 border: 1px solid var(--color-border); 452 border-radius: 12px; 453 text-decoration: none; 454 transition: all 0.2s ease; 455 overflow: hidden; 456 } 457 458 .featured-card:hover { 459 border-color: var(--color-gold); 460 box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); 461 transform: translateY(-2px); 462 } 463 464 .featured-card-cover { 465 aspect-ratio: 1; 466 background: var(--color-warm-gray); 467 overflow: hidden; 468 } 469 470 .featured-card-cover img { 471 width: 100%; 472 height: 100%; 473 object-fit: cover; 474 display: block; 475 } 476 477 .featured-card-cover-placeholder { 478 width: 100%; 479 height: 100%; 480 display: flex; 481 align-items: center; 482 justify-content: center; 483 color: var(--color-border); 484 } 485 486 .featured-card-cover-placeholder svg { 487 width: 48px; 488 height: 48px; 489 } 490 491 .featured-card .featured-card-type, 492 .featured-card .featured-card-title, 493 .featured-card .featured-card-desc { 494 padding-left: 1rem; 495 padding-right: 1rem; 496 } 497 498 .featured-card .featured-card-type { 499 padding-top: 0.75rem; 500 } 501 502 .featured-card .featured-card-desc { 503 padding-bottom: 1rem; 504 } 505 506 .featured-card-type { 507 display: inline-block; 508 padding: 0.25rem 0.6rem; 509 background: var(--color-warm-gray); 510 border-radius: 100px; 511 font-size: 0.75rem; 512 font-weight: 500; 513 color: var(--color-text-light); 514 margin-bottom: 0.75rem; 515 } 516 517 .featured-card-title { 518 font-family: var(--font-serif); 519 font-size: 1.1rem; 520 font-weight: 600; 521 color: var(--color-navy); 522 margin-bottom: 0.35rem; 523 } 524 525 .featured-card-desc { 526 font-size: 0.875rem; 527 color: var(--color-text-light); 528 margin: 0; 529 line-height: 1.5; 530 } 531 532 .content-card { 533 padding: 2rem 1.5rem; 534 background: #fff; 535 border: 1px solid var(--color-border); 536 border-radius: 12px; 537 text-align: center; 538 transition: all 0.3s ease; 539 } 540 541 .content-card:hover { 542 border-color: var(--color-gold); 543 box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); 544 } 545 546 .content-icon { 547 width: 56px; 548 height: 56px; 549 background: var(--color-cream); 550 border-radius: 50%; 551 display: flex; 552 align-items: center; 553 justify-content: center; 554 margin: 0 auto 1rem; 555 } 556 557 .content-icon svg { 558 width: 28px; 559 height: 28px; 560 color: var(--color-navy); 561 } 562 563 .content-card h3 { 564 font-family: var(--font-serif); 565 font-size: 1.15rem; 566 font-weight: 600; 567 color: var(--color-navy); 568 margin-bottom: 0.5rem; 569 } 570 571 .content-card p { 572 font-size: 0.875rem; 573 color: var(--color-text-light); 574 } 575 576 /* ============================================ 577 TESTIMONIAL 578 ============================================ */ 579 .testimonial-section { 580 background: var(--color-navy); 581 color: #fff; 582 } 583 584 .testimonial-inner { 585 max-width: 800px; 586 margin: 0 auto; 587 text-align: center; 588 } 589 590 .testimonial-quote { 591 font-family: var(--font-serif); 592 font-size: clamp(1.5rem, 2.5vw, 2rem); 593 font-weight: 400; 594 line-height: 1.5; 595 font-style: italic; 596 margin-bottom: 2rem; 597 color: rgba(255, 255, 255, 0.95); 598 } 599 600 .testimonial-quote::before { 601 content: '"'; 602 display: block; 603 font-size: 4rem; 604 line-height: 0.5; 605 color: var(--color-gold); 606 margin-bottom: 1rem; 607 } 608 609 .testimonial-author { 610 display: flex; 611 align-items: center; 612 justify-content: center; 613 gap: 1rem; 614 } 615 616 .testimonial-avatar { 617 width: 56px; 618 height: 56px; 619 background: var(--color-gold); 620 border-radius: 50%; 621 display: flex; 622 align-items: center; 623 justify-content: center; 624 font-family: var(--font-serif); 625 font-size: 1.25rem; 626 font-weight: 600; 627 color: var(--color-navy); 628 } 629 630 .testimonial-info { 631 text-align: left; 632 } 633 634 .testimonial-name { 635 font-weight: 600; 636 font-size: 1rem; 637 } 638 639 .testimonial-role { 640 font-size: 0.875rem; 641 color: rgba(255, 255, 255, 0.7); 642 } 643 644 /* ============================================ 645 CATEGORIES 646 ============================================ */ 647 .categories-wrapper { 648 display: flex; 649 flex-wrap: wrap; 650 justify-content: center; 651 gap: 0.75rem; 652 } 653 654 .category-tag { 655 padding: 0.625rem 1.25rem; 656 background: #fff; 657 border: 1px solid var(--color-border); 658 border-radius: 100px; 659 font-size: 0.9rem; 660 font-weight: 500; 661 color: var(--color-text); 662 text-decoration: none; 663 transition: all 0.2s ease; 664 } 665 666 .category-tag:hover { 667 background: var(--color-navy); 668 border-color: var(--color-navy); 669 color: #fff; 670 } 671 672 /* ============================================ 673 PLANS 674 ============================================ */ 675 .plans-grid { 676 display: grid; 677 grid-template-columns: repeat(3, 1fr); 678 gap: 1.5rem; 679 } 680 681 .plan-card { 682 padding: 2.5rem 2rem; 683 background: #fff; 684 border: 1px solid var(--color-border); 685 border-radius: 12px; 686 text-align: center; 687 transition: all 0.3s ease; 688 } 689 690 .plan-card.featured { 691 border-color: var(--color-gold); 692 box-shadow: 0 8px 40px rgba(201, 162, 39, 0.15); 693 transform: scale(1.02); 694 } 695 696 .plan-card:hover { 697 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1); 698 } 699 700 .plan-badge { 701 display: inline-block; 702 padding: 0.25rem 0.75rem; 703 background: var(--color-gold); 704 border-radius: 100px; 705 font-size: 0.7rem; 706 font-weight: 600; 707 text-transform: uppercase; 708 letter-spacing: 0.05em; 709 color: var(--color-navy); 710 margin-bottom: 1rem; 711 } 712 713 .plan-name { 714 font-family: var(--font-serif); 715 font-size: 1.5rem; 716 font-weight: 600; 717 color: var(--color-navy); 718 margin-bottom: 0.5rem; 719 } 720 721 .plan-desc { 722 font-size: 0.9rem; 723 color: var(--color-text-light); 724 margin-bottom: 1.5rem; 725 line-height: 1.6; 726 } 727 728 .plan-features { 729 list-style: none; 730 text-align: left; 731 margin-bottom: 1.5rem; 732 } 733 734 .plan-features li { 735 display: flex; 736 align-items: flex-start; 737 gap: 0.75rem; 738 padding: 0.5rem 0; 739 font-size: 0.9rem; 740 color: var(--color-text); 741 } 742 743 .plan-features li svg { 744 width: 18px; 745 height: 18px; 746 color: var(--color-gold); 747 flex-shrink: 0; 748 margin-top: 2px; 749 } 750 751 /* ============================================ 752 FAQ 753 ============================================ */ 754 .faq-grid { 755 display: grid; 756 grid-template-columns: repeat(2, 1fr); 757 gap: 1.5rem; 758 } 759 760 .faq-item { 761 padding: 1.75rem; 762 background: #fff; 763 border: 1px solid var(--color-border); 764 border-radius: 10px; 765 } 766 767 .faq-item h3 { 768 font-family: var(--font-serif); 769 font-size: 1.15rem; 770 font-weight: 600; 771 color: var(--color-navy); 772 margin-bottom: 0.75rem; 773 } 774 775 .faq-item p { 776 font-size: 0.95rem; 777 color: var(--color-text-light); 778 line-height: 1.65; 779 } 780 781 /* ============================================ 782 CTA SECTION 783 ============================================ */ 784 .cta-section { 785 padding: 5rem 2rem; 786 background: linear-gradient(135deg, var(--color-navy) 0%, var(--color-navy-light) 100%); 787 text-align: center; 788 } 789 790 .cta-inner { 791 max-width: 600px; 792 margin: 0 auto; 793 } 794 795 .cta-section h2 { 796 font-family: var(--font-serif); 797 font-size: clamp(1.75rem, 3vw, 2.25rem); 798 font-weight: 600; 799 color: #fff; 800 margin-bottom: 1rem; 801 } 802 803 .cta-section p { 804 font-size: 1.05rem; 805 color: rgba(255, 255, 255, 0.8); 806 margin-bottom: 2rem; 807 } 808 809 .cta-buttons { 810 display: flex; 811 justify-content: center; 812 gap: 1rem; 813 flex-wrap: wrap; 814 } 815 816 /* ============================================ 817 FOOTER 818 ============================================ */ 819 .footer { 820 padding: 3rem 2rem; 821 background: var(--color-navy); 822 border-top: 1px solid rgba(255, 255, 255, 0.1); 823 } 824 825 .footer-inner { 826 max-width: 1100px; 827 margin: 0 auto; 828 display: flex; 829 justify-content: space-between; 830 align-items: center; 831 flex-wrap: wrap; 832 gap: 1.5rem; 833 } 834 835 .footer-brand { 836 display: flex; 837 align-items: center; 838 gap: 0.75rem; 839 } 840 841 .footer-logo { 842 width: 36px; 843 height: 36px; 844 background: var(--color-gold); 845 border-radius: 6px; 846 display: flex; 847 align-items: center; 848 justify-content: center; 849 } 850 851 .footer-logo svg {
852 width: 20px; 853 height: 20px; 854 color: var(--color-navy); 855 } 856 857 .footer-name { 858 font-family: var(--font-serif); 859 font-size: 1.1rem; 860 font-weight: 600; 861 color: #fff; 862 } 863 864 .footer-copy { 865 font-size: 0.875rem; 866 color: rgba(255, 255, 255, 0.6); 867 } 868 869 /* ============================================ 870 RESPONSIVE 871 ============================================ */ 872 @media (max-width: 1024px) { 873 .value-grid { 874 grid-template-columns: repeat(2, 1fr); 875 } 876 877 .content-grid { 878 grid-template-columns: repeat(2, 1fr); 879 } 880 881 .plans-grid { 882 grid-template-columns: 1fr; 883 max-width: 400px; 884 margin: 0 auto; 885 } 886 887 .plan-card.featured { 888 transform: none; 889 } 890 } 891 892 @media (max-width: 768px) { 893 .nav-inner { 894 padding: 0.875rem 1.5rem; 895 } 896 897 .nav-link { 898 display: none; 899 } 900 901 .hero { 902 padding: 8rem 1.5rem 4rem; 903 } 904 905 .section { 906 padding: 3.5rem 1.5rem; 907 } 908 909 .value-grid, 910 .steps-grid, 911 .faq-grid, 912 .content-grid { 913 grid-template-columns: 1fr; 914 } 915 916 .steps-grid::before { 917 display: none; 918 } 919 920 .hero-cta { 921 flex-direction: column; 922 align-items: center; 923 } 924 925 .btn-large { 926 width: 100%; 927 max-width: 300px; 928 } 929 930 .hero-trust { 931 flex-direction: column; 932 gap: 1rem; 933 } 934 935 .footer-inner { 936 flex-direction: column; 937 text-align: center; 938 } 939 } 940 941 @media (max-width: 480px) { 942 .logo-text { 943 font-size: 1.15rem; 944 } 945 946 .btn { 947 padding: 0.75rem 1.25rem; 948 font-size: 0.9rem; 949 } 950 } 951 </style> 952</head> 953<body> 954 <!-- Navigation --> 955 <nav class="nav" id="nav"> 956 <div class="nav-inner"> 957 <a href="/" class="logo"> 958 <div class="logo-icon"> 959 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 960 <path d="M12 2L2 7l10 5 10-5-10-5z"/> 961 <path d="M2 17l10 5 10-5"/> 962 <path d="M2 12l10 5 10-5"/> 963 </svg> 964 </div> 965 <span class="logo-text">Master Prophet Library</span> 966 </a> 967 <div class="nav-actions"> 968 <a href="#how-it-works" class="nav-link">How It Works</a> 969 <a href="#plans" class="nav-link">Plans</a> 970 <a href="https://masterprophetlibrary.com/dashboard/login" class="btn btn-secondary">Sign In</a> 971 </div> 972 </div> 973 </nav> 974 975 <!-- Hero Section --> 976 <section class="hero"> 977 <div class="hero-inner"> 978 <div class="hero-badge"> 979 <span class="hero-badge-dot"></span> 980 Trusted by thousands worldwide 981 </div> 982 <h1>Wisdom & Guidance for Life, Business & Faith</h1> 983 <p class="hero-subtitle"> 984 Access a curated collection of teachings, audiobooks, and resources from Bishop E. Bernard Jordan. Grow spiritually, lead effectively, and build with purpose. 985 </p> 986 <div class="hero-cta"> 987 <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-gold btn-large"> 988 Start Free Today 989 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 990 <path d="M5 12h14M12 5l7 7-7 7"/> 991 </svg> 992 </a> 993 <a href="https://masterprophetlibrary.com/dashboard/login" class="btn btn-secondary btn-large">Sign In to Account</a> 994 </div> 995 <div class="hero-trust"> 996 <div class="trust-item"> 997 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 998 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/> 999 </svg> 1000 Secure & Private 1001 </div> 1002 <div class="trust-item"> 1003 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1004 <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/> 1005 <polyline points="22 4 12 14.01 9 11.01"/> 1006 </svg> 1007 No Credit Card Required 1008 </div> 1009 <div class="trust-item"> 1010 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1011 <circle cx="12" cy="12" r="10"/> 1012 <path d="M12 6v6l4 2"/> 1013 </svg> 1014 Instant Access 1015 </div> 1016 </div> 1017 </div> 1018 </section> 1019 1020 <!-- Value Proposition --> 1021 <section class="section section-alt"> 1022 <div class="section-inner"> 1023 <div class="section-header"> 1024 <p class="section-label">Why Choose Us</p> 1025 <h2 class="section-title">Everything You Need in One Place</h2> 1026 <p class="section-desc"> 1027 A comprehensive library designed for busy professionals and seekers of wisdom. 1028 </p> 1029 </div> 1030 <div class="value-grid"> 1031 <div class="value-card"> 1032 <div class="value-icon"> 1033 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1034 <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/> 1035 <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/> 1036 </svg> 1037 </div> 1038 <h3>Spiritual Growth</h3> 1039 <p>Deep teachings on faith, prayer, and spiritual development to strengthen your walk and deepen your understanding.</p> 1040 </div> 1041 <div class="value-card"> 1042 <div class="value-icon"> 1043 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1044 <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/> 1045 <circle cx="8.5" cy="7" r="4"/> 1046 <line x1="20" y1="8" x2="20" y2="14"/> 1047 <line x1="23" y1="11" x2="17" y2="11"/> 1048 </svg> 1049 </div> 1050 <h3>Leadership & Business</h3> 1051 <p>Practical wisdom for entrepreneurs and leaders. Build businesses that prosper and team
1051s that thrive.</p> 1052 </div> 1053 <div class="value-card"> 1054 <div class="value-icon"> 1055 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1056 <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/> 1057 </svg> 1058 </div> 1059 <h3>Relationships & Family</h3> 1060 <p>Guidance for building strong marriages, raising children with purpose, and nurturing meaningful relationships.</p> 1061 </div> 1062 </div> 1063 </div> 1064 </section> 1065 1066 <!-- Featured Content --> 1067 <section class="section"> 1068 <div class="section-inner"> 1069 <div class="section-header"> 1070 <p class="section-label">Featured</p> 1071 <h2 class="section-title">Spotlight on Wisdom</h2> 1072 <p class="section-desc"> 1073 Hand-picked teachings, albums, and content to get you started. 1074 </p> 1075 </div> 1076 <div class="featured-grid"> 1077 <a href="https://masterprophetlibrary.com/dashboard/collections/touching-incidents-and-remarkable-answer-to-prayers-a-kzyqbc" class="featured-card"> 1078 <div class="featured-card-cover"> 1079 <img src="https://masterprophetlibrary.s3.us-west-2.amazonaws.com/covers/13/a87a0689-7daf-47e2-ac7d-9fdaad6b1213.jpg?X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAQZU5GDSZRTB5YL4A%2F20260925%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20260925T032623Z&X-Amz-SignedHeaders=host&X-Amz-Expires=3600&X-Amz-Signature=3c0d81d64999e30dee5fdbc43037828d5542e505cdabf99543806cbf005192b2" alt="" loading="lazy"> 1080 </div> 1081 <span class="featured-card-type">Album</span> 1082 <h3 class="featured-card-title">Touching Incidents and Remarkable Answer to Prayers A</h3> 1083 <p class="featured-card-desc">Auto-imported audiobook album</p> 1084 </a> 1085 </div> 1086 </div> 1087 </section> 1088
1089 <!-- Content Types --> 1090 <section class="section"> 1091 <div class="section-inner"> 1092 <div class="section-header"> 1093 <p class="section-label">Content Library</p> 1094 <h2 class="section-title">Multiple Formats, One Destination</h2> 1095 <p class="section-desc"> 1096 Access your content the way you prefer â read, listen, or watch. 1097 </p> 1098 </div> 1099 <div class="content-grid"> 1100 <div class="content-card"> 1101 <div class="content-icon"> 1102 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1103 <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/> 1104 <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/> 1105 </svg> 1106 </div> 1107 <h3>Ebooks</h3> 1108 <p>Read directly in your browser</p> 1109 </div> 1110 <div class="content-card"> 1111 <div class="content-icon"> 1112 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1113 <path d="M3 18v-6a9 9 0 0 1 18 0v6"/> 1114 <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/> 1115 </svg> 1116 </div> 1117 <h3>Audiobooks</h3> 1118 <p>Listen on the go</p> 1119 </div> 1120 <div class="content-card"> 1121 <div class="content-icon"> 1122 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1123 <circle cx="12" cy="12" r="10"/> 1124 <polygon points="10 8 16 12 10 16 10 8"/> 1125 </svg> 1126 </div> 1127 <h3>Music</h3> 1128 <p>Worship and inspiration</p> 1129 </div> 1130 <div class="content-card"> 1131 <div class="content-icon"> 1132 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1133 <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/> 1134 <polyline points="14 2 14 8 20 8"/> 1135 <line x1="16" y1="13" x2="8" y2="13"/> 1136 <line x1="16" y1="17" x2="8" y2="17"/> 1137 <polyline points="10 9 9 9 8 9"/> 1138 </svg> 1139 </div> 1140 <h3>Documents</h3> 1141 <p>PDFs and study guides</p> 1142 </div> 1143 </div> 1144 </div> 1145 </section> 1146 1147 <!-- How It Works --> 1148 <section class="section section-alt" id="how-it-works"> 1149 <div class="section-inner"> 1150 <div class="section-header"> 1151 <p class="section-label">Getting Started</p> 1152 <h2 class="section-title">Simple to Begin, Powerful to Use</h2> 1153 <p class="section-desc"> 1154 Get started in under a minute. No complicated signup process. 1155 </p> 1156 </div> 1157 <div class="steps-grid"> 1158 <div class="step"> 1159 <div class="step-number">1</div> 1160 <h3>Enter Your Phone</h3> 1161 <p>Just your mobile number. We'll send a quick verification code via SMS.</p> 1162 </div> 1163 <div class="step"> 1164 <div class="step-number">2</div> 1165 <h3>Verify & Access</h3> 1166 <p>Enter the code and you're in. Instant access to free content library.</p> 1167 </div> 1168 <div class="step"> 1169 <div class="step-number">3</div> 1170 <h3>Explore & Grow</h3> 1171 <p>Browse categories, discover teachings, and start your journey today.</p> 1172 </div> 1173 </div> 1174 </div> 1175 </section> 1176 1177 <!-- Testimonial --> 1178 <section class="section testimonial-section"> 1179 <div class="testimonial-inner"> 1180 <blockquote class="testimonial-quote"> 1181 The teachings in this library have transformed how I approach both my business and my faith. 1182 It's like having a mentor available whenever I need guidance. 1183 </blockquote> 1184 <div class="testimonial-author"> 1185 <div class="testimonial-avatar">JM</div> 1186 <div class="testimonial-info"> 1187 <div class="testimonial-name">Bro. James M.</div> 1188 <div class="testimonial-role">Business Owner, Atlanta</div> 1189 </div> 1190 </div> 1191 </div> 1192 </section> 1193 1194 <!-- Categories --> 1195 <section class="section"> 1196 <div class="section-inner"> 1197 <div class="section-header"> 1198 <p class="section-label">Topics</p> 1199 <h2 class="section-title">Explore What Matters to You</h2> 1200 <p class="section-desc"> 1201 Content organized by life area so you can find exactly what you need. 1202 </p> 1203 </div> 1204 <div class="categories-wrapper">
1205 <span class="category-tag">Faith & Spiritual Growth</span> 1206 <span class="category-tag">Leadership</span> 1207 <span class="category-tag">Business & Entrepreneurship</span> 1208 <span class="category-tag">Relationships</span> 1209 <span class="category-tag">Family & Parenting</span> 1210 <span class="category-tag">Health & Wellness</span> 1211 <span class="category-tag">Finance & Prosperity</span> 1212 <span class="category-tag">Career Development</span> 1213 <span class="category-tag">Purpose & Destiny</span> 1214 <span class="category-tag">Emotional Healing</span> 1215 <span class="category-tag">Prayer & Meditation</span> 1216 <span class="category-tag">Legacy & Impact</span> 1217 </div> 1218 </div> 1219 </section> 1220 1221 <!-- Plans --> 1222 <section class="section section-alt" id="plans"> 1223 <div class="section-inner"> 1224 <div class="section-header"> 1225 <p class="section-label">Membership</p> 1226 <h2 class="section-title">Choose Your Path</h2> 1227 <p class="section-desc"> 1228 Start free and upgrade when you're ready for more. 1229 </p> 1230 </div> 1231 <div class="plans-grid"> 1232 <div class="plan-card"> 1233 <div class="plan-name">Free</div> 1234 <p class="plan-desc">Perfect for getting started</p> 1235 <ul class="plan-features"> 1236 <li> 1237 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1238 <polyline points="20 6 9 17 4 12"/> 1239 </svg> 1240 Access to free library content 1241 </li> 1242 <li> 1243 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1244 <polyline points="20 6 9 17 4 12"/> 1245 </svg> 1246 Basic ebooks and teachings 1247 </li> 1248 <li> 1249 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1250 <polyline points="20 6 9 17 4 12"/> 1251 </svg> 1252 Read & listen in browser 1253 </li> 1254 </ul> 1255 <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-secondary" style="width: 100%;">Get Started</a> 1256 </div> 1257 <div class="plan-card featured"> 1258 <span class="plan-badge">Most Popular</span> 1259 <div class="plan-name">Blessing Plan</div> 1260 <p class="plan-desc">
1260For dedicated learners</p> 1261 <ul class="plan-features"> 1262 <li> 1263 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1264 <polyline points="20 6 9 17 4 12"/> 1265 </svg> 1266 Everything in Free 1267 </li> 1268 <li> 1269 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1270 <polyline points="20 6 9 17 4 12"/> 1271 </svg> 1272 Premium spiritual teachings 1273 </li> 1274 <li> 1275 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1276 <polyline points="20 6 9 17 4 12"/> 1277 </svg> 1278 Full audiobook library 1279 </li> 1280 <li> 1281 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1282 <polyline points="20 6 9 17 4 12"/> 1283 </svg> 1284 Exclusive music collection 1285 </li> 1286 </ul> 1287 <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-gold" style="width: 100%;">Start Free Trial</a> 1288 </div> 1289 <div class="plan-card"> 1290 <div class="plan-name">Mastermind</div> 1291 <p class="plan-desc">
1291For leaders and entrepreneurs</p> 1292 <ul class="plan-features"> 1293 <li> 1294 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1295 <polyline points="20 6 9 17 4 12"/> 1296 </svg> 1297 Everything in Blessing 1298 </li> 1299 <li> 1300 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1301 <polyline points="20 6 9 17 4 12"/> 1302 </svg> 1303 Business coaching content 1304 </li> 1305 <li> 1306 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1307 <polyline points="20 6 9 17 4 12"/> 1308 </svg> 1309 Leadership masterclasses 1310 </li> 1311 <li> 1312 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1313 <polyline points="20 6 9 17 4 12"/> 1314 </svg> 1315 Priority new releases 1316 </li> 1317 </ul> 1318 <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-secondary" style="width: 100%;">Learn More</a> 1319 </div> 1320 </div> 1321 </div> 1322 </section> 1323 1324 <!-- FAQ --> 1325 <section class="section"> 1326 <div class="section-inner"> 1327 <div class="section-header"> 1328 <p class="section-label">Questions</p> 1329 <h2 class="section-title">Frequently Asked</h2> 1330 </div> 1331 <div class="faq-grid"> 1332 <div class="faq-item"> 1333 <h3>How do I sign up?</h3> 1334 <p>Simply enter your phone number and verify with the code we send via SMS. No email or credit card required to get started.</p> 1335 </div> 1336 <div class="faq-item"> 1337 <h3>What devices can I use?</h3> 1338 <p>Access your library from any device with a modern web browser â desktop, tablet, or mobile phone.</p> 1339 </div> 1340 <div class="faq-item"> 1341 <h3>Is my information secure?</h3> 1342 <p>Yes. We only collect your phone number for verification. Your data is encrypted and never shared with third parties.</p> 1343 </div> 1344 <div class="faq-item"> 1345 <h3>Can I upgrade later?</h3> 1346 <p>Absolutely. Start with the free plan and upgrade anytime to access premium content and features.</p> 1347 </div> 1348 </div> 1349 </div> 1350 </section> 1351 1352 <!-- Final CTA --> 1353 <section class="cta-section"> 1354 <div class="cta-inner"> 1355 <h2>Begin Your Journey Today</h2> 1356 <p>Join thousands who are growing in wisdom, faith, and purpose.</p> 1357 <div class="cta-buttons"> 1358 <a href="https://masterprophetlibrary.com/dashboard/register" class="btn btn-gold btn-large"> 1359 Create Free Account 1360 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1361 <path d="M5 12h14M12 5l7 7-7 7"/> 1362 </svg> 1363 </a> 1364 </div> 1365 </div> 1366 </section> 1367 1368 <!-- Footer --> 1369 <footer class="footer"> 1370 <div class="footer-inner"> 1371 <div class="footer-brand"> 1372 <div class="footer-logo"> 1373 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1374 <path d="M12 2L2 7l10 5 10-5-10-5z"/> 1375 <path d="M2 17l10 5 10-5"/> 1376 <path d="M2 12l10 5 10-5"/> 1377 </svg> 1378 </div>
1379 <span class="footer-name">Master Prophet Library</span> 1380 </div> 1381 <p class="footer-copy">© 2026 Master Prophet Library. All rights reserved.</p> 1382 </div> 1383 </footer> 1384 1385 <!-- Scroll Effect for Nav --> 1386
1386<script> 1387 const nav = document.getElementById('nav'); 1388 window.addEventListener('scroll', () => { 1389 if (window.scrollY > 50) { 1390 nav.classList.add('scrolled'); 1391 } else { 1392 nav.classList.remove('scrolled'); 1393 } 1394 }); 1395 </script>
1395 1396</body> 1397</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.