1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta name="csrf-token" content="5xmfhP7Oh8HgvZB8g6I4YtDqq1OJxmRKRB4XWL8s"> 8 <title>TableXtract â AI-Powered Table Extraction</title> 9 <!-- Favicon --> 10 <link rel="icon" type="image/png" href="https://tablextract.online/assets/favicon.png"> 11 <link rel="icon" type="image/png" sizes="32x32" href="https://tablextract.online/assets/favicon.png"> 12 13 <!-- Apple Touch Icon --> 14 <link rel="apple-touch-icon" sizes="180x180" href="https://tablextract.online/assets/favicon.png"> 15 <meta name="description" content="Extract tables from websites for free! Convert website tables to Excel, CSV, JSON or 16 Google Sheets in seconds."> 17 18 <!-- Fonts --> 19 <link rel="preconnect" href="https://fonts.googleapis.com"> 20 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 21 <link 22 href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:opsz,[email protected],300;9..40,400;9..40,500;9..40,600&display=swap" 23 rel="stylesheet"> 24 25 <!-- Styles --> 26 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 27 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"> 28 29 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 29-30
29 30 <script async src="https://www.googletagmanager.com/gtag/js?id=
30G-VJ13ZC2TFX
vendor: 16 bytes, lines 30-31
30"></script> 31
31<script> 32
vendor: 176 bytes, lines 32-39
32window.dataLayer = window.dataLayer || []; 33 34 function gtag() { 35 dataLayer.push(arguments); 36 } 37 gtag('js', new Date()); 38 39 gtag('config', '
39G-VJ13ZC2TFX
vendor: 8 bytes, lines 39-40
39'); 40
40</script>
40 41 42 <style> 43 /* âââââââââââââââââââââââââââââââââââââââââââââââ 44 GLOBAL DESIGN TOKENS 45 âââââââââââââââââââââââââââââââââââââââââââââââ */ 46 :root { 47 --tx-black: #08090a; 48 --tx-ink: #111318; 49 --tx-slate: #3a3d4a; 50 --tx-muted: #6b7080; 51 --tx-border: #e8eaf0; 52 --tx-surface: #f6f7fb; 53 --tx-white: #ffffff; 54 55 --tx-indigo: #4a3fff; 56 --tx-indigo-dk: #3530cc; 57 --tx-violet: #7c3aed; 58 --tx-accent: #00e5a0; 59 60 --tx-nav-h: 68px; 61 --tx-radius-sm: 8px; 62 --tx-radius-md: 14px; 63 --tx-radius-lg: 22px; 64 --tx-radius-xl: 32px; 65 66 --font-display: 'Syne', sans-serif; 67 --font-body: 'DM Sans', sans-serif; 68 } 69 70 *, 71 *::before, 72 *::after { 73 box-sizing: border-box; 74 margin: 0; 75 padding: 0; 76 } 77 78 html { 79 scroll-behavior: smooth; 80 } 81 82 body { 83 font-family: var(--font-body); 84 background: var(--tx-white); 85 color: var(--tx-ink); 86 -webkit-font-smoothing: antialiased; 87 } 88 89 /* âââââââââââââââââââââââââââââââââââââââââââââââ 90 MAINTENANCE NOTICE BAR 91 âââââââââââââââââââââââââââââââââââââââââââââââ */ 92 .tx-maintenance-bar { 93 background: #fff3cd; 94 color: #856404; 95 border-bottom: 1px solid #ffeeba; 96 text-align: center; 97 font-size: 0.875rem; 98 font-weight: 600; 99 padding: 0.6rem 1rem; 100 display: flex; 101 align-items: center; 102 justify-content: center; 103 gap: 8px; 104 position: relative; 105 z-index: 1001; 106 } 107 108 .tx-maintenance-bar i { 109 color: #d39e00; 110 font-size: 0.95rem; 111 } 112 113 /* âââââââââââââââââââââââââââââââââââââââââââââââ 114 NAVBAR 115 âââââââââââââââââââââââââââââââââââââââââââââââ */ 116 .tx-nav { 117 position: sticky; 118 top: 0; 119 left: 0; 120 right: 0; 121 z-index: 1000; 122 height: var(--tx-nav-h); 123 background: rgba(255, 255, 255, 0.88); 124 backdrop-filter: blur(18px) saturate(160%); 125 -webkit-backdrop-filter: blur(18px) saturate(160%); 126 border-bottom: 1px solid var(--tx-border); 127 display: flex; 128 align-items: center; 129 transition: background 0.3s, box-shadow 0.3s; 130 } 131 132 .tx-nav.scrolled { 133 background: rgba(255, 255, 255, 0.97); 134 box-shadow: 0 2px 20px rgba(0, 0, 0, 0.06); 135 } 136 137 .tx-nav .container { 138 display: flex; 139 align-items: center; 140 justify-content: space-between; 141 width: 100%; 142 } 143 144 /* Logo */ 145 .tx-logo { 146 font-family: var(--font-display); 147 font-weight: 800; 148 font-size: 1.45rem; 149 letter-spacing: -0.03em; 150 text-decoration: none; 151 display: flex; 152 align-items: center; 153 gap: 8px; 154 color: var(--tx-ink); 155 } 156 157 .tx-logo .logo-icon { 158 width: 32px; 159 height: 32px; 160 background: linear-gradient(135deg, var(--tx-indigo) 0%, var(--tx-violet) 100%); 161 border-radius: 9px; 162 display: flex; 163 align-items: center; 164 justify-content: center; 165 } 166
167 .tx-logo .logo-icon i { 168 color: #fff; 169 font-size: 0.95rem; 170 } 171 172 .tx-logo span.accent { 173 background: linear-gradient(110deg, var(--tx-indigo), var(--tx-violet)); 174 -webkit-background-clip: text; 175 background-clip: text; 176 color: transparent; 177 } 178 179 /* Nav links */ 180 .tx-nav-links { 181 display: flex; 182 align-items: center; 183 gap: 0.2rem; 184 list-style: none; 185 margin-bottom: 0; 186 } 187 188 .tx-nav-links a { 189 font-size: 0.9rem; 190 font-weight: 500; 191 color: var(--tx-slate); 192 text-decoration: none; 193 padding: 0.45rem 0.95rem; 194 border-radius: var(--tx-radius-sm); 195 transition: color 0.18s, background 0.18s; 196 } 197 198 .tx-nav-links a:hover, 199 .tx-nav-links a.active { 200 color: var(--tx-indigo); 201 background: rgba(74, 63, 255, 0.06); 202 } 203 204 /* Dropdown */ 205 .tx-dropdown { 206 position: relative; 207 } 208 209 .tx-dropdown-toggle { 210 display: flex; 211 align-items: center; 212 gap: 4px; 213 cursor: pointer; 214 } 215 216 .tx-dropdown-toggle i { 217 font-size: 0.7rem; 218 transition: transform 0.2s; 219 } 220 221 .tx-dropdown:hover .tx-dropdown-toggle i { 222 transform: rotate(180deg); 223 } 224 225 .tx-dropdown-menu { 226 position: absolute; 227 top: calc(100% + 0px); 228 left: 50%; 229 transform: translateX(-50%); 230 background: var(--tx-white); 231 border: 1px solid var(--tx-border); 232 border-radius: var(--tx-radius-md); 233 box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.14); 234 min-width: 220px; 235 padding: 0.5rem; 236 opacity: 0; 237 visibility: hidden; 238 pointer-events: none; 239 transition: opacity 0.18s, transform 0.18s; 240 transform: translateX(-50%) translateY(-6px); 241 } 242 243 .tx-dropdown:hover .tx-dropdown-menu { 244 opacity: 1; 245 visibility: visible; 246 pointer-events: auto; 247 transform: translateX(-50%) translateY(0); 248 } 249 250 .tx-dropdown-menu a { 251 display: flex; 252 align-items: center; 253 gap: 10px; 254 padding: 0.6rem 0.85rem; 255 border-radius: var(--tx-radius-sm); 256 font-size: 0.875rem; 257 color: var(--tx-slate); 258 text-decoration: none; 259 transition: background 0.15s, color 0.15s; 260 } 261 262 .tx-dropdown-menu a:hover { 263 background: var(--tx-surface); 264 color: var(--tx-indigo); 265 } 266 267 .tx-dropdown-menu a i { 268 font-size: 1rem; 269 color: var(--tx-muted); 270 width: 20px; 271 text-align: center; 272 } 273 274 /* Nav CTAs */ 275 .tx-nav-actions { 276 display: flex; 277 align-items: center; 278 gap: 0.6rem; 279 } 280 281 .btn-tx-ghost { 282 font-family: var(--font-body); 283 font-size: 0.875rem; 284 font-weight: 500; 285 color: var(--tx-slate); 286 background: transparent; 287 border: 1px solid var(--tx-border); 288 border-radius: 40px; 289 padding: 0.5rem 1.2rem; 290 text-decoration: none; 291 transition: border-color 0.18s, color 0.18s, background 0.18s; 292 cursor: pointer; 293 } 294 295 .btn-tx-ghost:hover { 296 color: var(--tx-ink); 297 border-color: #c4c8d6; 298 background: var(--tx-surface); 299 } 300 301 .btn-tx-primary { 302 font-family: var(--font-body); 303 font-size: 0.875rem; 304 font-weight: 600; 305 color: #fff; 306 background: linear-gradient(110deg, var(--tx-indigo) 0%, var(--tx-violet) 100%); 307 border: none; 308 border-radius: 40px; 309 padding: 0.5rem 1.35rem; 310 text-decoration: none; 311 box-shadow: 0 4px 18px -6px rgba(74, 63, 255, 0.5); 312 transition: transform 0.18s, box-shadow 0.18s; 313 cursor: pointer; 314 display: inline-flex; 315 align-items: center; 316 gap: 6px; 317 } 318 319 .btn-tx-primary:hover { 320 color: #fff; 321 transform: translateY(-1px); 322 box-shadow: 0 8px 24px -8px rgba(74, 63, 255, 0.55); 323 } 324 325 .btn-tx-primary:active { 326 transform: scale(0.98); 327 } 328 329 /* Mobile hamburger */ 330 .tx-hamburger { 331 display: none; 332 flex-direction: column; 333 justify-content: center; 334 gap: 5px; 335 width: 36px; 336 height: 36px; 337 background: none; 338 border: 1px solid var(--tx-border); 339 border-radius: var(--tx-radius-sm); 340 cursor: pointer; 341 padding: 6px 8px; 342 } 343 344 .tx-hamburger span { 345 display: block; 346 width: 100%; 347 height: 1.5px; 348 background: var(--tx-slate); 349 border-radius: 2px; 350 transition: transform 0.25s, opacity 0.25s; 351 } 352 353 .tx-hamburger.open span:nth-child(1) { 354 transform: translateY(6.5px) rotate(45deg); 355 } 356 357 .tx-hamburger.open span:nth-child(2) { 358 opacity: 0; 359 } 360 361 .tx-hamburger.open span:nth-child(3) { 362 transform: translateY(-6.5px) rotate(-45deg); 363 } 364 365 /* Mobile drawer */ 366 .tx-mobile-menu { 367 display: none; 368 position: sticky; 369 top: var(--tx-nav-h); 370 left: 0; 371 right: 0; 372 background: var(--tx-white); 373 border-bottom: 1px solid var(--tx-border); 374 padding: 1rem 1.25rem 1.5rem; 375 z-index: 999; 376 box-shadow: 0 12px 40px -12px rgba(0, 0, 0, 0.12); 377 } 378 379 .tx-mobile-menu.open { 380 display: block; 381 } 382 383 .tx-mobile-menu a { 384 display: block; 385 padding: 0.7rem 0.5rem; 386 font-size: 0.95rem; 387 font-weight: 500; 388 color: var(--tx-slate); 389 text-decoration: none; 390 border-bottom: 1px solid var(--tx-surface); 391 } 392 393 .tx-mobile-menu a:last-of-type { 394 border-bottom: none; 395 } 396 397 .tx-mobile-ctas { 398 display: flex; 399 gap: 0.6rem; 400 margin-top: 1rem; 401 } 402 403 .tx-mobile-ctas .btn-tx-ghost, 404 .tx-mobile-ctas .btn-tx-primary { 405 flex: 1; 406 text-align: center; 407 justify-content: center; 408 } 409 410 @media (max-width: 991px) { 411 .tx-nav-links, 412 .tx-nav-actions { 413 display: none; 414 } 415 416 .tx-hamburger { 417 display: flex; 418 } 419 } 420 </style> 421 422 <style> 423 /* âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ 424 LANDING PAGE â PREMIUM LIGHT THEME 425 âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ */ 426 427 :root { 428 --tx-primary: #4a3fff; 429 --tx-primary-dark: #3b32cc; 430 --tx-success: #10b981; 431 --tx-warning: #f59e0b; 432 --tx-gray-50: #f8fafc; 433 --tx-gray-100: #f1f5f9; 434 --tx-gray-200: #e2e8f0; 435 --tx-gray-600: #475569; 436 --tx-gray-700: #334155; 437 --tx-gray-800: #1e293b; 438 --tx-gray-900: #0f172a; 439 } 440 441 .hero-gradient-light { 442 background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%); 443 } 444 445 .free-badge-pulse { 446 animation: pulse 2s infinite; 447 } 448 449 @keyframes pulse { 450 0% { 451 box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); 452 } 453 454 70% { 455 box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); 456 } 457 458 100% { 459 box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); 460 } 461 } 462 463 .credit-badge { 464 background: #fef3c7; 465 color: #b45309; 466 font-size: 11px; 467 font-weight: 600; 468 padding: 2px 8px; 469 border-radius: 20px; 470 display: inline-flex; 471 align-items: center; 472 gap: 4px; 473 } 474 475 .feature-card { 476 background: white; 477 border-radius: 24px; 478 padding: 32px; 479 transition: all 0.3s ease; 480 border: 1px solid #eef2f6; 481 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); 482 } 483 484 .feature-card:hover { 485 transform: translateY(-4px); 486 box-shadow: 0 20px 25px -12px rgba(0, 0, 0, 0.08); 487 border-color: #e2e8f0; 488 } 489 490 .btn-tx-primary { 491 background: linear-gradient(135deg, #4a3fff, #3b32cc); 492 color: white; 493 border: none; 494 border-radius: 44px; 495 padding: 0.85rem 2rem; 496 font-weight: 600; 497 transition: all 0.2s; 498 display: inline-flex; 499 align-items: center; 500 gap: 8px; 501 text-decoration: none; 502 } 503 504 .btn-tx-primary:hover { 505 transform: translateY(-2px); 506 box-shadow: 0 12px 24px -8px rgba(74, 63, 255, 0.3); 507 color: white; 508 } 509 510 .btn-tx-outline { 511 background: transparent; 512 border: 1px solid #e2e8f0; 513 border-radius: 44px; 514 padding: 0.85rem 2rem; 515 font-weight: 500; 516 color: #334155; 517 text-decoration: none; 518 display: inline-flex; 519 align-items: center; 520 gap: 8px; 521 transition: all 0.2s; 522 } 523 524 .btn-tx-outline:hover { 525 border-color: #4a3fff; 526 color: #4a3fff; 527 } 528 529 .btn-tx-free { 530 background: linear-gradient(135deg, #10b981, #059669); 531 color: white; 532 border: none; 533 border-radius: 44px; 534 padding: 0.85rem 2.2rem; 535 font-weight: 700; 536 text-decoration: none; 537 display: inline-flex; 538 align-items: center; 539 gap: 8px; 540 box-shadow: 0 8px 20px -8px rgba(16, 185, 129, 0.4); 541 transition: transform 0.18s, box-shadow 0.18s; 542 } 543 544 .btn-tx-free:hover { 545 transform: translateY(-2px); 546 box-shadow: 0 14px 28px -10px rgba(16, 185, 129, 0.5); 547 color: white; 548 } 549 550 .pricing-card-current { 551 background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%); 552 border: 2px solid #10b981; 553 border-radius: 28px; 554 position: relative; 555 overflow: hidden; 556 } 557 558 .pricing-card-future { 559 background: #ffffff; 560 border: 1px solid #e2e8f0; 561 border-radius: 28px; 562 opacity: 0.85; 563 transition: all 0.3s ease; 564 } 565 566 .pricing-card-future:hover { 567 opacity: 1; 568 transform: translateY(-4px); 569 box-shadow: 0 12px 24px -12px rgba(0, 0, 0, 0.1); 570 } 571 572 .free-badge-corner { 573 position: absolute; 574 top: 20px; 575 right: 20px; 576 background: linear-gradient(135deg, #10b981, #059669); 577 color: white; 578 font-size: 0.7rem; 579 font-weight: 700; 580 padding: 4px 12px; 581 border-radius: 40px; 582 letter-spacing: 0.05em; 583 text-transform: uppercase; 584 } 585 586 .coming-soon-badge { 587 position: absolute; 588 top: -12px; 589 left: 50%; 590 transform: translateX(-50%); 591 background: #e2e8f0; 592 color: #64748b; 593 font-size: 0.7rem; 594 font-weight: 600; 595 padding: 4px 16px; 596 border-radius: 40px; 597 white-space: nowrap; 598 } 599 600 .quota-table { 601 background: #f8fafc; 602 border-radius: 20px; 603 padding: 4px; 604 border: 1px solid #eef2f6; 605 } 606 607 .quota-row { 608 display: flex; 609 justify-content: space-between; 610 align-items: center; 611 padding: 12px 16px; 612 border-bottom: 1px solid #e2e8f0; 613 } 614 615 .quota-row:last-child { 616 border-bottom: none; 617 } 618 619 .quota-label { 620 font-weight: 500; 621 color: #1e293b; 622 font-size: 14px; 623 } 624 625 .quota-value { 626 font-size: 13px; 627 display: flex; 628 align-items: center; 629 gap: 8px; 630 } 631 632 .quota-free { 633 color: #10b981; 634 font-weight: 600; 635 } 636 637 .quota-limited { 638 color: #f59e0b; 639 font-weight: 500; 640 } 641 642 .quota-na { 643 color: #94a3b8; 644 } 645 646 .tooltip-icon { 647 cursor: help; 648 color: #94a3b8; 649 font-size: 12px; 650 margin-left: 4px; 651 } 652 653 @media (max-width: 768px) { 654 .feature-card { 655 padding: 24px; 656 } 657 658 .quota-row { 659 flex-direction: column; 660 align-items: flex-start; 661 gap: 8px; 662 } 663 } 664 </style> 665
665<script type="text/javascript" class="flasher-js" nonce='36419b360103a9678c695b7f6780f6a4'> 666 (function(window, document) { 667 const merge = (first, second) => { 668 if (Array.isArray(first) && Array.isArray(second)) { 669 return [...first, ...second.filter(item => !first.includes(item))]; 670 } 671 672 if (typeof first === 'object' && typeof second === 'object') { 673 for (const [key, value] of Object.entries(second)) { 674 first[key] = key in first ? { ...first[key], ...value } : value; 675 } 676 return first; 677 } 678 679 return undefined; 680 }; 681 682 const mergeOptions = (...options) => { 683 const result = {}; 684 685 options.forEach(option => { 686 Object.entries(option).forEach(([key, value]) => { 687 result[key] = key in result ? merge(result[key], value) : value; 688 }); 689 }); 690 691 return result; 692 }; 693 694 const renderCallback = (options) => { 695 if(!window.flasher) { 696 throw new Error('Flasher is not loaded'); 697 } 698 699 window.flasher.render(options); 700 }; 701 702 const render = (options) => { 703 if (options instanceof Event) { 704 options = options.detail; 705 } 706 707 if (['interactive', 'complete'].includes(document.readyState)) { 708 renderCallback(options); 709 } else { 710 document.addEventListener('DOMContentLoaded', () => renderCallback(options)); 711 } 712 }; 713 714 const addScriptAndRender = (options) => { 715 const mainScript = "\/vendor\/flasher\/flasher.min.js?id=9a255a6680873c0d5fc3d394a2ba3195"; 716 717 if (window.flasher || !mainScript || document.querySelector('script[src="' + mainScript + '"]')) { 718 render(options); 719 } else { 720 const tag = document.createElement('script'); 721 tag.src = mainScript; 722 tag.type = 'text/javascript'; 723 tag.setAttribute('nonce', "36419b360103a9678c695b7f6780f6a4"); 724 tag.onload = () => render(options); 725 726 document.head.appendChild(tag); 727 } 728 }; 729 730 const addRenderListener = () => { 731 if (1 === document.querySelectorAll('script.flasher-js').length) { 732 document.addEventListener('flasher:render', render); 733 document.addEventListener('turbo:before-cache', () => { 734 document.querySelectorAll('.fl-wrapper').forEach(el => el.remove()); 735 }); 736 } 737 738 document.addEventListener('livewire:navigating', () => { 739 document.querySelectorAll('.fl-wrapper').forEach(el => el.remove()); 740 }); 741 }; 742 743 const options = []; 744 options.push({"envelopes":[],"scripts":[],"styles":[],"options":[],"context":{"envelopes_only":false,"csp_script_nonce":"36419b360103a9678c695b7f6780f6a4","csp_style_nonce":"8fbc75d53711ae85168af80676bd524f"}}); 745 /** {--FLASHER_REPLACE_ME--} **/ 746 addScriptAndRender(mergeOptions(...options)); 747 addRenderListener(); 748 })(window, document); 749 </script>
749<script type="text/javascript" class="flasher-theme-livewire-js"> 750 (function() { 751 window.addEventListener('flasher:theme:click', function(event) { 752 if (typeof Livewire === 'undefined') { 753 return; 754 } 755 756 const { detail } = event; 757 const { envelope } = detail; 758 const context = envelope.context || {}; 759 760 if (!context.livewire?.id) { 761 return; 762 } 763 764 const { livewire: { id: componentId } } = context; 765 const component = Livewire.all().find(c => c.id === componentId); 766 767 if (!component) { 768 return; 769 } 770 771 Livewire.dispatchTo(component.name, 'theme:click', { payload: detail }); 772 773 // Also dispatch theme-specific event 774 const plugin = envelope.metadata?.plugin || ''; 775 let themeName = plugin; 776 if (plugin.startsWith('theme.')) { 777 themeName = plugin.replace('theme.', ''); 778 } 779 if (themeName) { 780 Livewire.dispatchTo(component.name, 'theme:' + themeName + ':click', { payload: detail }); 781 } 782 }, false); 783 })(); 784</script>
784<script type="text/javascript" class="flasher-notyf-livewire-js"> 785 (function() { 786 const events = ['flasher:notyf:click', 'flasher:notyf:dismiss']; 787 788 events.forEach(function(eventName) { 789 window.addEventListener(eventName, function(event) { 790 if (typeof Livewire === 'undefined') { 791 return; 792 } 793 794 const { detail } = event; 795 const { envelope } = detail; 796 const context = envelope.context || {}; 797 798 if (!context.livewire?.id) { 799 return; 800 } 801 802 const { livewire: { id: componentId } } = context; 803 const component = Livewire.all().find(c => c.id === componentId); 804 805 if (!component) { 806 return; 807 } 808 809 const livewireEventName = eventName.replace('flasher:', '').replace(':', ':'); 810 Livewire.dispatchTo(component.name, livewireEventName, { payload: detail }); 811 }, false); 812 }); 813 })(); 814</script>
814 815</head> 816 817<body class=""> 818 819 <!-- ââââââââââââââââââââââââââââââââââââ 820 MAINTENANCE NOTICE 821 ââââââââââââââââââââââââââââââââââââ --> 822 <div class="tx-maintenance-bar"> 823 <i class="fas fa-tools"></i> 824 <span><strong>Notice:</strong> We are currently undergoing scheduled maintenance. Some services may be temporarily unavailable.</span> 825 </div> 826 827 <!-- ââââââââââââââââââââââââââââââââââââ 828 PRIMARY NAVIGATION 829 ââââââââââââââââââââââââââââââââââââ --> 830 <nav class="tx-nav" id="txNav"> 831 <div class="container"> 832 833 834 <a href="https://tablextract.online" class="tx-logo"> 835 <img src="https://tablextract.online/assets/logo.webp" alt="TableXtract Logo" height="70px"> 836 </a> 837 838 839 <ul class="tx-nav-links"> 840 <li> 841 <div class="tx-dropdown"> 842 <a href="#" class="tx-dropdown-toggle"> 843 Product <i class="fas fa-chevron-down"></i> 844 </a> 845 <div class="tx-dropdown-menu"> 846 <a href="https://tablextract.online/html-table-extractor"> 847 <i class="fas fa-globe"></i> HTML Table Extractor 848 </a> 849 <a href="https://tablextract.online/image-table-extractor"> 850 <i class="fas fa-camera"></i> Image Table Extractor 851 </a> 852 <a href="https://tablextract.online/features-pdf"> 853 <i class="fas fa-file-pdf"></i> PDF Table Extractor 854 </a> 855 </div> 856 </div> 857 </li> 858 <li> 859 <a href="https://tablextract.online/extension" class=""> 860 Extension 861 </a> 862 </li> 863 <li> 864 <a href="https://tablextract.online/pricing" class="active"> 865 Pricing 866 </a> 867 </li> 868 <li> 869 <a href="https://tablextract.online/docs" class=""> 870 Docs 871 </a> 872 </li> 873 </ul> 874 875 876 <div class="tx-nav-actions"> 877 <a href="https://tablextract.online/login" class="btn-tx-ghost">Log in</a> 878 <a href="https://tablextract.online/register" class="btn-tx-primary"> 879 Start free <i class="fas fa-arrow-right" style="font-size:0.75rem"></i> 880 </a> 881 </div> 882 883 884 <button class="tx-hamburger" id="txHamburger" aria-label="Toggle navigation"> 885 <span></span><span></span><span></span> 886 </button> 887 </div> 888 </nav> 889 890 891 <div class="tx-mobile-menu" id="txMobileMenu"> 892 <a href="https://tablextract.online/html-table-extractor"><i class="fas fa-globe me-2 text-muted"></i> Website Table Extractor</a> 893 <a href="https://tablextract.online/image-table-extractor"><i class="fas fa-file-pdf me-2 text-muted"></i> PDF extraction</a> 894 <a href="https://tablextract.online/features-ocr"><i class="fas fa-camera me-2 text-muted"></i> Image Table Extractor</a> 895 <a href="https://tablextract.online/extension"><i class="fab fa-chrome me-2 text-muted"></i> Extension</a> 896 <a href="https://tablextract.online/docs"><i class="fas fa-book me-2 text-muted"></i> Docs</a> 897 <div class="tx-mobile-ctas"> 898 <a href="https://tablextract.online/login" class="btn-tx-ghost">Log in</a> 899 <a href="https://tablextract.online/register" class="btn-tx-primary">Start free â</a> 900 </div> 901 </div> 902 903
903<script> 904 const nav = document.getElementById('txNav'); 905 const btn = document.getElementById('txHamburger'); 906 const menu = document.getElementById('txMobileMenu'); 907 908 window.addEventListener('scroll', () => { 909 nav.classList.toggle('scrolled', window.scrollY > 20); 910 }); 911 912 btn.addEventListener('click', () => { 913 btn.classList.toggle('open'); 914 menu.classList.toggle('open'); 915 }); 916 </script>
916 917 918 <section class="hero-gradient-light" style="padding: 100px 0 80px 0; position: relative; overflow: hidden;"> 919 <div class="container" style="max-width: 1280px; margin: 0 auto; padding: 0 24px;"> 920 <div style="text-align: center; max-width: 800px; margin: 0 auto;"> 921 <div 922 style="display: inline-flex; align-items: center; gap: 8px; background: rgba(74,63,255,0.08); border: 1px solid rgba(74,63,255,0.12); border-radius: 100px; padding: 6px 16px; margin-bottom: 28px;"> 923 <i class="fas fa-table" style="font-size: 12px; color: #4a3fff;"></i> 924 <span style="font-size: 13px; font-weight: 600; color: #4a3fff;">AI-Powered Extraction</span> 925 </div> 926 927 <h1 928 style="font-size: clamp(40px, 6vw, 64px); font-weight: 800; letter-spacing: -0.03em; margin: 0 0 24px 0; background: linear-gradient(135deg, #0f172a 0%, #4a3fff 50%, #8b5cf6 100%); -webkit-background-clip: text; background-clip: text; color: transparent;"> 929 Extract Tables<br>From Any Website 930 </h1> 931 932 <p 933 style="font-size: 18px; color: #475569; line-height: 1.6; margin-bottom: 32px; max-width: 600px; margin-left: auto; margin-right: auto;"> 934 Convert website tables to Excel, CSV, JSON, or Google Sheets in seconds. <strong 935 class="free-badge-pulse" style="color: #10b981; display: inline-block; padding: 0 4px;">100% 936 free</strong> for website extraction. 937 </p> 938 939 <div style="display: flex; justify-content: center; gap: 16px; flex-wrap: wrap;"> 940 <a href="https://tablextract.online/register" class="btn-tx-primary"> 941 Start extracting free <i class="fas fa-arrow-right"></i> 942 </a> 943 <a href="#features" class="btn-tx-outline"> 944 See how it works <i class="fas fa-play"></i> 945 </a> 946 </div> 947 948 <div style="margin-top: 48px; display: flex; justify-content: center; gap: 32px; flex-wrap: wrap;"> 949 <div style="display: flex; align-items: center; gap: 8px;"> 950 <i class="fas fa-check-circle" style="color: #10b981;"></i> 951 <span style="font-size: 14px; color: #64748b;">No credit card required</span> 952 </div> 953 <div style="display: flex; align-items: center; gap: 8px;"> 954 <i class="fas fa-infinity" style="color: #10b981;"></i> 955 <span style="font-size: 14px; color: #64748b;">Unlimited website extractions</span> 956 </div> 957 <div style="display: flex; align-items: center; gap: 8px;"> 958 <i class="fas fa-download" style="color: #10b981;"></i> 959 <span style="font-size: 14px; color: #64748b;">Export to Excel, CSV, JSON, Sheets</span> 960 </div> 961 </div> 962 </div> 963 </div> 964 </section> 965 966 967 <section style="padding: 60px 0; background: #ffffff;"> 968 <div class="container" style="max-width: 1280px; margin: 0 auto; padding: 0 24px;"> 969 <div style="text-align: center; margin-bottom: 48px;"> 970 <h2 style="font-size: 28px; font-weight: 700; color: #0f172a; margin-bottom: 12px;">Free Plan â What's 971 Included</h2> 972 <p style="color: #64748b;">Generous free quota for all users. No time limits.</p> 973 </div> 974 975 <div style="max-width: 600px; margin: 0 auto;"> 976 <div class="quota-table"> 977 <div class="quota-row"> 978 <div class="quota-label"> 979 ð Website Table Extraction 980 <span class="tooltip-icon" title="Extract tables from any public webpage"> 981 <i class="fas fa-question-circle"></i> 982 </span> 983 </div> 984 <div class="quota-value">
985 <span class="quota-free">â Unlimited & Free</span> 986 </div> 987 </div> 988 <div class="quota-row"> 989 <div class="quota-label"> 990 ð¼ï¸ Image Table Extraction 991 <span class="tooltip-icon" title="Extract tables from JPG, PNG, WebP images using AI OCR"> 992 <i class="fas fa-question-circle"></i> 993 </span> 994 </div> 995 <div class="quota-value"> 996 <span class="quota-limited">ðª 3 credits / day</span> 997 </div> 998 </div> 999 <div class="quota-row"> 1000 <div class="quota-label"> 1001 ð PDF Table Extraction 1002 <span class="tooltip-icon" title="Extract tables from PDF documents"> 1003 <i class="fas fa-question-circle"></i> 1004 </span> 1005 </div> 1006 <div class="quota-value"> 1007 <span class="quota-na">â Not available in Free plan</span> 1008 </div> 1009 </div> 1010 <div class="quota-row"> 1011 <div class="quota-label"> 1012 ð¤ Export Options 1013 <span class="tooltip-icon" title="Download your extracted tables"> 1014 <i class="fas fa-question-circle"></i> 1015 </span> 1016 </div> 1017 <div class="quota-value"> 1018 <span class="quota-free">â Excel (.xlsx) · CSV · JSON · Google Sheets</span> 1019 </div> 1020 </div> 1021 </div> 1022 1023 <div 1024 style="margin-top: 32px; background: #f0fdf4; border-radius: 16px; padding: 16px 20px; text-align: center;"> 1025 <p style="margin: 0; font-size: 14px; color: #065f46;"> 1026 <i class="fas fa-gem" style="margin-right: 8px;"></i> 1027 <strong>Early Access Bonus:</strong> Your free access is permanent â even after we launch paid 1028 plans. 1029 </p> 1030 </div> 1031 </div> 1032 </div> 1033 </section> 1034 1035 1036 <section id="features" style="padding: 80px 0; background: #f8fafc;"> 1037 <div class="container" style="max-width: 1280px; margin: 0 auto; padding: 0 24px;"> 1038 <div style="text-align: center; margin-bottom: 64px;"> 1039 <h2 style="font-size: 32px; font-weight: 700; color: #0f172a; margin-bottom: 16px;">Powerful Features, 1040 Simple Interface</h2> 1041 <p style="color: #64748b; max-width: 600px; margin: 0 auto;">Everything you need to extract and manage table 1042 data</p> 1043 </div> 1044 1045 <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 32px;"> 1046 1047 <div class="feature-card"> 1048 <div 1049 style="width: 48px; height: 48px; background: linear-gradient(135deg, #4a3fff10, #8b5cf610); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;"> 1050 <i class="fas fa-globe" style="font-size: 24px; color: #4a3fff;"></i> 1051 </div> 1052 <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Website Extraction 1053 </h3> 1054 <p style="color: #64748b; line-height: 1.6;">Paste any URL â our AI automatically detects and extracts 1055 all tables. Works with dynamic content and pagination.</p> 1056 <div style="margin-top: 16px;"> 1057 <span class="credit-badge"><i class="fas fa-infinity"></i> Unlimited & Free</span> 1058 </div> 1059 </div> 1060 1061 1062 <div class="feature-card"> 1063 <div 1064 style="width: 48px; height: 48px; background: linear-gradient(135deg, #10b98110, #05966910); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;"> 1065 <i class="fas fa-image" style="font-size: 24px; color: #10b981;"></i> 1066 </div> 1067 <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Image OCR Extraction 1068 </h3> 1069 <p style="color: #64748b; line-height: 1.6;">Upload screenshots or scanned images. Our AI reads tables 1070 from JPG, PNG, and WebP files.</p> 1071 <div style="margin-top: 16px;">
1072 <span class="credit-badge"><i class="fas fa-coins"></i> 3 credits/day</span> 1073 </div> 1074 </div> 1075 1076 1077 <div class="feature-card"> 1078 <div 1079 style="width: 48px; height: 48px; background: linear-gradient(135deg, #f59e0b10, #d9770610); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;"> 1080 <i class="fas fa-file-excel" style="font-size: 24px; color: #f59e0b;"></i> 1081 </div> 1082 <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Multiple Export 1083 Formats</h3> 1084 <p style="color: #64748b; line-height: 1.6;">Download as Excel, CSV, JSON, or push directly to Google 1085 Sheets with one click.</p> 1086 <div style="margin-top: 16px;"> 1087 <span class="credit-badge"><i class="fas fa-check-circle"></i> All formats included</span> 1088 </div> 1089 </div> 1090 1091 1092 <div class="feature-card"> 1093 <div 1094 style="width: 48px; height: 48px; background: linear-gradient(135deg, #8b5cf610, #7c3aed10); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;"> 1095 <i class="fab fa-chrome" style="font-size: 24px; color: #8b5cf6;"></i> 1096 </div> 1097 <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Chrome Extension 1098 </h3> 1099 <p style="color: #64748b; line-height: 1.6;">Extract tables directly from any webpage without leaving 1100 your browser. One-click capture.</p> 1101 <div style="margin-top: 16px;"> 1102 <span class="credit-badge"><i class="fas fa-infinity"></i> Free with account</span> 1103 </div> 1104 </div> 1105 1106 1107 <div class="feature-card"> 1108 <div 1109 style="width: 48px; height: 48px; background: linear-gradient(135deg, #ef444410, #dc262610); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;"> 1110 <i class="fas fa-history" style="font-size: 24px; color: #ef4444;"></i> 1111 </div> 1112 <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">Extraction History 1113 </h3> 1114 <p style="color: #64748b; line-height: 1.6;">All your extractions are saved in your dashboard. 1115 Re-download anytime.</p> 1116 <div style="margin-top: 16px;"> 1117 <span class="credit-badge"><i class="fas fa-check-circle"></i> Included</span> 1118 </div> 1119 </div> 1120 1121 1122 <div class="feature-card"> 1123 <div 1124 style="width: 48px; height: 48px; background: linear-gradient(135deg, #06b6d410, #0891b210); border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px;"> 1125 <i class="fas fa-robot" style="font-size: 24px; color: #06b6d4;"></i> 1126 </div> 1127 <h3 style="font-size: 20px; font-weight: 600; margin-bottom: 12px; color: #0f172a;">AI Smart Detection 1128 </h3> 1129 <p style="color: #64748b; line-height: 1.6;">Our AI automatically detects table boundaries, handles 1130 merged cells, and preserves structure.</p> 1131 <div style="margin-top: 16px;"> 1132 <span class="credit-badge"><i class="fas fa-check-circle"></i> Included</span> 1133 </div> 1134 </div> 1135 </div> 1136 </div> 1137 </section> 1138 1139 1140 <section style="padding: 100px 0; background: #ffffff;"> 1141 <div class="container" style="max-width: 1280px; margin: 0 auto; padding: 0 24px;"> 1142 1143 <div style="text-align: center; margin-bottom: 64px;"> 1144 <div 1145 style="display: inline-flex; align-items: center; gap: 8px; background: rgba(74,63,255,0.08); border: 1px solid rgba(74,63,255,0.12); border-radius: 100px; padding: 6px 16px; margin-bottom: 24px;"> 1146 <i class="fas fa-gift" style="font-size: 12px; color: #4a3fff;"></i>
1147 <span style="font-size: 13px; font-weight: 600; color: #4a3fff;">Limited Time</span> 1148 </div> 1149 <h2 style="font-size: 36px; font-weight: 700; color: #0f172a; margin-bottom: 16px;">Start for free â keep 1150 it forever</h2> 1151 <p style="color: #64748b; font-size: 18px;">Early access members lock in free access. No credit card 1152 needed.</p> 1153 </div> 1154 1155 <div 1156 style="display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px; align-items: stretch;"> 1157 1158 1159 <div class="pricing-card-current" style="padding: 40px 32px;"> 1160 <div class="free-badge-corner"> 1161 <i class="fas fa-gem"></i> CURRENTLY FREE 1162 </div> 1163 1164 <h3 style="font-size: 28px; font-weight: 700; color: #0f172a; margin-bottom: 8px;">Free</h3> 1165 <p style="color: #059669; font-weight: 500; margin-bottom: 24px;">Everything you need to start</p> 1166 1167 <div style="margin-bottom: 32px;"> 1168 <div style="display: flex; align-items: baseline; gap: 4px;"> 1169 <span style="font-size: 56px; font-weight: 800; color: #0f172a;">$0</span> 1170 <span style="color: #64748b;">/ forever</span> 1171 </div> 1172 <p style="font-size: 13px; color: #10b981; margin-top: 8px;"> 1173 <i class="fas fa-infinity"></i> No expiration for early members 1174 </p> 1175 </div> 1176 1177 <a href="https://tablextract.online/register" class="btn-tx-free" 1178 style="width: 100%; justify-content: center; margin-bottom: 32px;"> 1179 Get started free <i class="fas fa-arrow-right"></i> 1180 </a> 1181 1182 <hr style="border-color: #e2e8f0; margin: 24px 0;"> 1183 1184 <div style="display: flex; flex-direction: column; gap: 16px;"> 1185 <div style="display: flex; align-items: center; gap: 12px;"> 1186 <i class="fas fa-check-circle" style="color: #10b981; font-size: 18px;"></i> 1187 <span>ð Unlimited website extraction</span> 1188 </div> 1189 <div style="display: flex; align-items: center; gap: 12px;"> 1190 <i class="fas fa-check-circle" style="color: #10b981; font-size: 18px;"></i> 1191 <span>ð¼ï¸ 3 image credits / day</span> 1192 </div> 1193 <div style="display: flex; align-items: center; gap: 12px;"> 1194 <i class="fas fa-times-circle" style="color: #cbd5e1; font-size: 18px;"></i> 1195 <span>ð PDF extraction</span> 1196 </div> 1197 <div style="display: flex; align-items: center; gap: 12px;"> 1198 <i class="fas fa-check-circle" style="color: #10b981; font-size: 18px;"></i> 1199 <span>ð¤ Export: Excel, CSV, JSON, Sheets</span> 1200 </div> 1201 <div style="display: flex; align-items: center; gap: 12px;"> 1202 <i class="fas fa-check-circle" style="color: #10b981; font-size: 18px;"></i> 1203 <span>ð Chrome extension</span> 1204 </div> 1205 </div> 1206 </div> 1207 1208 1209 <div class="pricing-card-future" style="padding: 40px 32px; position: relative;"> 1210 <div class="coming-soon-badge">COMING SOON</div> 1211 1212 <h3 style="font-size: 28px; font-weight: 700; color: #94a3b8; margin-bottom: 8px;">Starter</h3> 1213 <p style="color: #94a3b8; margin-bottom: 24px;">For power users</p> 1214 1215 <div style="margin-bottom: 32px;"> 1216 <div style="display: flex; align-items: baseline; gap: 4px;">
1217 <span style="font-size: 56px; font-weight: 800; color: #94a3b8;">$1.59</span> 1218 <span style="color: #94a3b8;">+ VAT</span> 1219 </div> 1220 </div> 1221 1222 <p style="font-size: 13px; color: #10b981; margin-top: 8px;"> 1223 <i class="fas fa-infinity"></i> Credits no expiration but Ads after 15 days 1224 </p> 1225 1226 <button disabled 1227 style="width: 100%; background: #f1f5f9; color: #94a3b8; border: none; border-radius: 60px; padding: 16px; font-weight: 600; margin-bottom: 32px; cursor: not-allowed;"> 1228 <i class="fas fa-clock"></i> Coming soon 1229 </button> 1230 1231 <hr style="border-color: #e2e8f0; margin: 24px 0;"> 1232 1233 <div style="display: flex; flex-direction: column; gap: 16px;"> 1234 <div style="display: flex; align-items: center; gap: 12px;"> 1235 <i class="fas fa-check-circle" style="color: #cbd5e1;"></i> 1236 <span style="color: #64748b;">Everything in Free, plus:</span> 1237 </div> 1238 1239 <div style="display: flex; align-items: center; gap: 12px;"> 1240 <i class="fas fa-file-pdf" style="color: #cbd5e1;"></i> 1241 <span style="color: #64748b;">PDF to Table Extraction</span> 1242 </div> 1243 1244 <div style="display: flex; align-items: center; gap: 12px;"> 1245 <i class="fas fa-coins" style="color: #cbd5e1;"></i> 1246 <span style="color: #64748b;">50 Credits Included</span> 1247 </div> 1248 1249 <div style="display: flex; align-items: center; gap: 12px;"> 1250 <i class="fas fa-bolt" style="color: #cbd5e1;"></i> 1251 <span style="color: #64748b;">Priority Processing</span> 1252 </div> 1253 1254 <div style="display: flex; align-items: center; gap: 12px;"> 1255 <i class="fas fa-download" style="color: #cbd5e1;"></i> 1256 <span style="color: #64748b;">No Ads (15 days)</span> 1257 </div> 1258 </div> 1259 </div> 1260 1261 1262 <div class="pricing-card-future" style="padding: 40px 32px; position: relative;"> 1263 <div class="coming-soon-badge">COMING SOON</div> 1264 1265 <h3 style="font-size: 28px; font-weight: 700; color: #94a3b8; margin-bottom: 8px;">Pro</h3> 1266 <p style="color: #94a3b8; margin-bottom: 24px;">For professionals</p> 1267 1268 <div style="margin-bottom: 32px;"> 1269 <div style="display: flex; align-items: baseline; gap: 4px;"> 1270 <span style="font-size: 56px; font-weight: 800; color: #94a3b8;">$5.99</span> 1271 <span style="color: #94a3b8;">+ VAT</span> 1272 </div> 1273 </div> 1274 <p style="font-size: 13px; color: #10b981; margin-top: 8px;"> 1275 <i class="fas fa-infinity"></i> Credits no expiration but Ads after 30 days 1276 </p> 1277 1278 <button disabled 1279 style="width: 100%; background: #f1f5f9; color: #94a3b8; border: none; border-radius: 60px; padding: 16px; font-weight: 600; margin-bottom: 32px; cursor: not-allowed;"> 1280 <i class="fas fa-clock"></i> Coming soon 1281 </button> 1282 1283 <hr style="border-color: #e2e8f0; margin: 24px 0;"> 1284 1285 <div style="display: flex; flex-direction: column; gap: 16px;"> 1286 <div style="display: flex; align-items: center; gap: 12px;"> 1287 <i class="fas fa-check-circle" style="color: #cbd5e1;"></i> 1288 <span style="color: #64748b;">Everything in Free, plus:</span> 1289 </div> 1290 1291 <div style="display: flex; align-items: center; gap: 12px;"> 1292 <i class="fas fa-file-pdf" style="color: #cbd5e1;"></i>
1293 <span style="color: #64748b;">PDF to Table Extraction</span> 1294 </div> 1295 1296 <div style="display: flex; align-items: center; gap: 12px;"> 1297 <i class="fas fa-coins" style="color: #cbd5e1;"></i> 1298 <span style="color: #64748b;">200 Credits Included</span> 1299 </div> 1300 1301 <div style="display: flex; align-items: center; gap: 12px;"> 1302 <i class="fas fa-bolt" style="color: #cbd5e1;"></i> 1303 <span style="color: #64748b;">Priority Processing</span> 1304 </div> 1305 1306 <div style="display: flex; align-items: center; gap: 12px;"> 1307 <i class="fas fa-download" style="color: #cbd5e1;"></i> 1308 <span style="color: #64748b;">No Ads (30 days)</span> 1309 </div> 1310 </div> 1311 </div> 1312 </div> 1313 1314 1315 <div style="max-width: 720px; margin: 64px auto 0 auto;"> 1316 <div style="background: #fffbeb; border: 1px solid #fde68a; border-radius: 20px; padding: 20px 28px;"> 1317 <div style="display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;"> 1318 <span style="font-size: 32px;">ð</span> 1319 <div> 1320 <p style="margin: 0 0 4px 0; font-weight: 700; color: #92400e;">Early access benefit</p> 1321 <p style="margin: 0; font-size: 14px; color: #b45309;">Join now and keep free access forever â 1322 even after we launch paid plans.</p> 1323 </div> 1324 <a href="https://tablextract.online/register" 1325 style="background: #f59e0b; color: white; padding: 8px 24px; border-radius: 40px; text-decoration: none; font-size: 14px; font-weight: 600; white-space: nowrap;"> 1326 Claim your spot â 1327 </a> 1328 </div> 1329 </div> 1330 </div> 1331 </div> 1332 </section> 1333 1334 1335 <section style="background: linear-gradient(135deg, #0f172a, #1e1b4b); padding: 80px 0; text-align: center;"> 1336 <div class="container" style="max-width: 800px; margin: 0 auto; padding: 0 24px;"> 1337 <h2 style="font-size: 32px; font-weight: 700; color: white; margin-bottom: 16px;">Ready to extract tables like 1338 a pro?</h2> 1339 <p style="color: #cbd5e1; margin-bottom: 32px; font-size: 18px;">Join thousands of users who save hours of 1340 manual data entry.</p> 1341 <a href="https://tablextract.online/register" class="btn-tx-primary" 1342 style="background: white; color: #4a3fff; box-shadow: none;"> 1343 Start extracting free <i class="fas fa-arrow-right"></i> 1344 </a> 1345 <p style="margin-top: 24px; font-size: 13px; color: #64748b;">No credit card · No commitment · Free forever for 1346 early members</p> 1347 </div> 1348 </section> 1349 1350
1350<script src="https://cdn.paddle.com/paddle/v2/paddle.js"></script>
1350 1351
1351<script> 1352 document.addEventListener('DOMContentLoaded', function() { 1353 // Initialize Paddle for future Pro plan (currently disabled) 1354 if (typeof Paddle !== 'undefined') { 1355 Paddle.Environment.set("sandbox"); 1356 Paddle.Initialize({ 1357 token: "test_d4106cac3ffdabba7cc9b7431db" 1358 }); 1359 } 1360 1361 // Pro checkout button (disabled until plan is ready) 1362 const proBtn = document.getElementById('proCheckoutBtn'); 1363 if (proBtn) { 1364 proBtn.addEventListener('click', function() { 1365 if (confirm('The Pro plan is coming soon! Want to join the waitlist?')) { 1366 // Optional: Add waitlist signup logic 1367 alert('Thanks! We\'ll notify you when Pro launches.'); 1368 } 1369 }); 1370 } 1371 }); 1372 </script>
1372 1373 1374<!-- ââââââââââââââââââââââââââââââââââââ 1375 GLOBAL FOOTER 1376ââââââââââââââââââââââââââââââââââââ --> 1377<style> 1378 /* âââ Footer Design Tokens (inherits from header) âââ */ 1379 .tx-footer { 1380 background: #08090a; 1381 color: #a8adb8; 1382 font-family: var(--font-body, 'DM Sans', sans-serif); 1383 -webkit-font-smoothing: antialiased; 1384 } 1385 1386 .tx-footer-top { 1387 padding: 80px 0 60px; 1388 border-bottom: 1px solid rgba(255,255,255,0.07); 1389 } 1390 1391 /* Brand column */ 1392 .ft-brand-logo { 1393 font-family: var(--font-display, 'Syne', sans-serif); 1394 font-weight: 800; 1395 font-size: 1.5rem; 1396 letter-spacing: -0.03em; 1397 color: #fff; 1398 text-decoration: none; 1399 display: flex; 1400 align-items: center; 1401 gap: 10px; 1402 margin-bottom: 1.1rem; 1403 } 1404 1405 .ft-brand-logo .logo-icon { 1406 width: 34px; height: 34px; 1407 background: linear-gradient(135deg, #4a3fff 0%, #7c3aed 100%); 1408 border-radius: 10px; 1409 display: flex; align-items: center; justify-content: center; 1410 flex-shrink: 0; 1411 } 1412 1413 .ft-brand-logo .logo-icon i { color: #fff; font-size: 1rem; } 1414 1415 .ft-brand-logo .accent { 1416 background: linear-gradient(110deg, #7b72ff, #c084fc); 1417 -webkit-background-clip: text; 1418 background-clip: text; 1419 color: transparent; 1420 } 1421 1422 .ft-tagline { 1423 font-size: 0.9rem; 1424 color: #6b7080; 1425 line-height: 1.6; 1426 max-width: 240px; 1427 margin-bottom: 1.5rem; 1428 } 1429 1430 /* Social icons */ 1431 .ft-social { 1432 display: flex; 1433 gap: 0.6rem; 1434 } 1435 1436 .ft-social a { 1437 width: 36px; height: 36px; 1438 background: rgba(255,255,255,0.05); 1439 border: 1px solid rgba(255,255,255,0.08); 1440 border-radius: 10px; 1441 color: #6b7080; 1442 display: flex; 1443 align-items: center; 1444 justify-content: center; 1445 text-decoration: none; 1446 font-size: 0.95rem; 1447 transition: background 0.18s, color 0.18s, border-color 0.18s; 1448 } 1449 1450 .ft-social a:hover { 1451 background: rgba(74,63,255,0.18); 1452 color: #8b83ff; 1453 border-color: rgba(74,63,255,0.3); 1454 } 1455 1456 /* Link columns */ 1457 .ft-col-title { 1458 font-family: var(--font-display, 'Syne', sans-serif); 1459 font-size: 0.75rem; 1460 font-weight: 700; 1461 letter-spacing: 0.1em; 1462 text-transform: uppercase; 1463 color: rgba(255,255,255,0.35); 1464 margin-bottom: 1.1rem; 1465 } 1466 1467 .ft-links { 1468 list-style: none; 1469 padding: 0; margin: 0; 1470 } 1471 1472 .ft-links li { margin-bottom: 0.65rem; } 1473 1474 .ft-links a { 1475 font-size: 0.875rem; 1476 font-weight: 400; 1477 color: #6b7080; 1478 text-decoration: none; 1479 transition: color 0.15s; 1480 display: inline-flex; 1481 align-items: center; 1482 gap: 6px; 1483 } 1484 1485 .ft-links a:hover { color: #ffffff; } 1486 1487 .ft-links .link-badge { 1488 display: inline-block; 1489 font-size: 0.65rem; 1490 font-weight: 700; 1491 letter-spacing: 0.04em; 1492 padding: 2px 7px; 1493 border-radius: 20px; 1494 background: rgba(74,63,255,0.2); 1495 color: #8b83ff; 1496 border: 1px solid rgba(74,63,255,0.25); 1497 line-height: 1.4; 1498 } 1499 1500 /* Newsletter strip */ 1501 .ft-newsletter { 1502 background: rgba(255,255,255,0.03); 1503 border: 1px solid rgba(255,255,255,0.07); 1504 border-radius: 18px; 1505 padding: 1.5rem 1.75rem; 1506 display: flex; 1507 align-items: center; 1508 justify-content: space-between; 1509 gap: 1.5rem; 1510 flex-wrap: wrap; 1511 } 1512 1513 .ft-newsletter-text strong { 1514 display: block; 1515 font-size: 0.95rem; 1516 font-weight: 600; 1517 color: #fff; 1518 margin-bottom: 2px; 1519 } 1520 1521 .ft-newsletter-text span { 1522 font-size: 0.82rem; 1523 color: #6b7080; 1524 } 1525 1526 .ft-newsletter-form { 1527 display: flex; 1528 gap: 0.5rem; 1529 flex: 1; 1530 max-width: 360px; 1531 min-width: 220px; 1532 } 1533 1534 .ft-newsletter-form input { 1535 flex: 1; 1536 background: rgba(255,255,255,0.06); 1537 border: 1px solid rgba(255,255,255,0.1); 1538 border-radius: 40px; 1539 padding: 0.55rem 1.1rem; 1540 font-size: 0.875rem; 1541 color: #fff; 1542 outline: none; 1543 transition: border-color 0.18s; 1544 font-family: var(--font-body, 'DM Sans', sans-serif); 1545 } 1546 1547 .ft-newsletter-form input::placeholder { color: #4a5060; } 1548 .ft-newsletter-form input:focus { border-color: rgba(74,63,255,0.5); } 1549 1550 .ft-newsletter-form button { 1551 font-family: var(--font-body, 'DM Sans', sans-serif); 1552 font-size: 0.85rem; 1553 font-weight: 600; 1554 color: #fff; 1555 background: linear-gradient(110deg, #4a3fff 0%, #7c3aed 100%); 1556 border: none; 1557 border-radius: 40px; 1558 padding: 0.55rem 1.25rem; 1559 cursor: pointer; 1560 white-space: nowrap; 1561 transition: opacity 0.18s, transform 0.15s; 1562 } 1563 1564 .ft-newsletter-form button:hover { opacity: 0.88; transform: translateY(-1px); } 1565 1566 /* Bottom bar */ 1567 .tx-footer-bottom { 1568 padding: 1.5rem 0; 1569 display: flex; 1570 align-items: center; 1571 justify-content: space-between; 1572 flex-wrap: wrap; 1573 gap: 1rem; 1574 } 1575 1576 .ft-legal { 1577 font-size: 0.8rem; 1578 color: #3f4351; 1579 } 1580 1581 .ft-legal a { 1582 color: #3f4351; 1583 text-decoration: none; 1584 transition: color 0.15s; 1585 margin-left: 1.2rem; 1586 } 1587 1588 .ft-legal a:hover { color: #8b83ff; } 1589 1590 .ft-status { 1591 display: inline-flex; 1592 align-items: center; 1593 gap: 6px; 1594 font-size: 0.78rem; 1595 color: #3f4351; 1596 text-decoration: none; 1597 } 1598 1599 .ft-status-dot { 1600 width: 7px; height: 7px; 1601 background: #00e5a0; 1602 border-radius: 50%; 1603 box-shadow: 0 0 0 3px rgba(0,229,160,0.15); 1604 animation: pulse-dot 2.4s ease-in-out infinite; 1605 } 1606
1607 @keyframes pulse-dot { 1608 0%, 100% { box-shadow: 0 0 0 3px rgba(0,229,160,0.15); } 1609 50% { box-shadow: 0 0 0 6px rgba(0,229,160,0.0); } 1610 } 1611 1612 @media (max-width: 768px) { 1613 .tx-footer-top { padding: 56px 0 48px; } 1614 .ft-newsletter { flex-direction: column; align-items: flex-start; } 1615 .ft-newsletter-form { max-width: 100%; min-width: unset; width: 100%; } 1616 .tx-footer-bottom { flex-direction: column; align-items: flex-start; gap: 0.5rem; } 1617 } 1618</style> 1619 1620<footer class="tx-footer"> 1621 <div class="container"> 1622 <div class="tx-footer-top"> 1623 <div class="row g-5"> 1624 1625 1626 <div class="col-lg-4 col-md-12"> 1627 <a href="https://tablextract.online" class="ft-brand-logo"> 1628 <img src="https://tablextract.online/assets/logo.webp" alt="TableXtract Logo" height="70px !important"> 1629 1630 </a> 1631 <p class="ft-tagline">AI-powered table intelligence. Extract anywhere, export everywhere.</p> 1632 <div class="ft-social"> 1633 <a href="#" aria-label="Twitter / X"><i class="fab fa-x-twitter"></i></a> 1634 <a href="#" aria-label="GitHub"><i class="fab fa-github"></i></a> 1635 <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a> 1636 <a href="#" aria-label="Discord"><i class="fab fa-discord"></i></a> 1637 </div> 1638 </div> 1639 1640 1641 <div class="col-lg-2 col-sm-6 col-6"> 1642 <p class="ft-col-title">Product</p> 1643 <ul class="ft-links"> 1644 <li><a href="https://tablextract.online/features-web">Web extraction</a></li> 1645 <li> 1646 <a href="https://tablextract.online/features-pdf">PDF tables</a> 1647 </li> 1648 <li><a href="https://tablextract.online/features-ocr">Image OCR</a></li> 1649 <li> 1650 <a href="https://tablextract.online/extension"> 1651 Chrome extension 1652 <span class="link-badge">Free</span> 1653 </a> 1654 </li> 1655 1656 </ul> 1657 </div> 1658 1659 1660 <div class="col-lg-2 col-sm-6 col-6"> 1661 <p class="ft-col-title">Resources</p> 1662 <ul class="ft-links"> 1663 <li><a href="https://tablextract.online/docs">Documentation</a></li> 1664 1665 <li><a href="https://tablextract.online/changelog">Changelog</a></li> 1666 1667 </ul> 1668 </div> 1669 1670 1671 <div class="col-lg-2 col-sm-6 col-6"> 1672 <p class="ft-col-title">Company</p> 1673 <ul class="ft-links"> 1674 <li><a href="https://tablextract.online/about">About</a></li> 1675 <li><a href="https://tablextract.online/contact">Contact</a></li> 1676 1677 1678 </ul> 1679 </div> 1680 1681 1682 <div class="col-lg-2 col-sm-6 col-6"> 1683 <p class="ft-col-title">Legal</p> 1684 <ul class="ft-links"> 1685 <li><a href="https://tablextract.online/privacy">Privacy policy</a></li> 1686 <li><a href="https://tablextract.online/terms">Terms of use</a></li> 1687 <li><a href="https://tablextract.online/refund">Refund policy</a></li> 1688 1689 </ul> 1690 </div> 1691 1692 </div> 1693 1694 1695 <div class="ft-newsletter mt-5"> 1696 <div class="ft-newsletter-text"> 1697 <strong>Stay in the loop</strong> 1698 <span>Product updates, tips & no spam.</span> 1699 </div> 1700 1701 </div> 1702 </div> 1703 1704 1705 <div class="tx-footer-bottom"> 1706 <div class="ft-legal"> 1707 © 2026 TableXtract. All rights reserved. 1708 1709 </div> 1710 <a href="" class="ft-status">
1711 <span class="ft-status-dot"></span> 1712 All systems operational 1713 </a> 1714 </div> 1715 </div> 1716</footer> 1717 1718
1719<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
vendor: 1 bytes, line 1719
1719
1720<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"2bbecc7a461448189bfd9a1689b322bd","r":1,"spa":2}' crossorigin="anonymous"></script>
1720 1721</body> 1722</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.