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 <title>Satellite Maps - View Google Earth, World Maps & Satellite Images</title> 7 8 <!-- Favicon --> 9 <link rel="icon" type="image/x-icon" href="assets/images/favicon.ico"> 10 11 <!-- Google Fonts --> 12 <link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet"> 13 <link href="https://fonts.googleapis.com/css?family=DM+Sans:400,500,700&display=swap" rel="stylesheet"> 14 15 <!-- SEO Meta Tags --> 16 <meta name="description" content="Discover Earth from above with our interactive satellite map explorer. View HD aerial imagery, explore locations worldwide, and navigate with precision using our advanced mapping technology."> 17 <meta name="keywords" content="earth satellite, satellite explorer, aerial maps, HD satellite imagery, world explorer, geographic viewer, earth view, satellite navigation, location finder, map explorer, google earth, bing maps satellite"> 18 <meta name="author" content="Earth Satellite 3D"> 19 <meta name="robots" content="index, follow"> 20 <link rel="canonical" href="https://viewearthsatellite.com/"> 21 22 <!-- Open Graph Tags --> 23 <meta property="og:title" content="Earth Satellite 3D - Interactive Satellite Map Explorer"> 24 <meta property="og:description" content="Discover Earth from above with HD satellite imagery. Explore any location worldwide with our interactive mapping technology."> 25 <meta property="og:type" content="website"> 26 <meta property="og:url" content="https://viewearthsatellite.com/"> 27 <meta property="og:image" content="https://viewearthsatellite.com/assets/images/logo.png"> 28 <meta property="og:site_name" content="Earth Satellite 3D"> 29 30 <!-- Twitter Card Tags --> 31 <meta name="twitter:card" content="summary_large_image"> 32 <meta name="twitter:title" content="Earth Satellite 3D - Interactive Satellite Map Explorer"> 33 <meta name="twitter:description" content="Discover Earth from above with HD satellite imagery. Explore any location worldwide."> 34 <meta name="twitter:image" content="https://viewearthsatellite.com/assets/images/logo.png"> 35 36 <style> 37 * { 38 margin: 0; 39 padding: 0; 40 box-sizing: border-box; 41 } 42 43 body { 44 font-family: 'DM Sans', Arial, sans-serif; 45 overflow-x: hidden; 46 width: 100%; 47 margin: 0; 48 padding: 0; 49 background: #f8fafb; 50 } 51 52 /* Site Header */ 53 .site-header { 54 background: #fff; 55 box-shadow: 0 2px 20px rgba(0,0,0,0.06); 56 position: fixed; 57 top: 0; 58 left: 0; 59 right: 0; 60 z-index: 9999; 61 } 62 63 .header-content { 64 max-width: 1200px; 65 margin: 0 auto; 66 padding: 12px 24px; 67 display: flex; 68 justify-content: space-between; 69 align-items: center; 70 } 71 72 .logo { 73 display: flex; 74 align-items: center; 75 gap: 10px; 76 text-decoration: none; 77 } 78 79 .logo img { 80 height: 32px; 81 width: auto; 82 } 83 84 .logo span { 85 font-size: 18px; 86 font-weight: 700; 87 color: #0f1c2e; 88 } 89 90 .header-nav { 91 display: flex; 92 gap: 32px; 93 } 94 95 .header-nav a { 96 color: #5c6575; 97 text-decoration: none; 98 font-size: 15px; 99 font-weight: 500; 100 transition: color 0.2s; 101 } 102 103 .header-nav a:hover { 104 color: #1565C0; 105 } 106 107 /* Map Hero Section */ 108 .map-hero { 109 position: relative; 110 width: 100%; 111 height: 100vh; 112 min-height: 600px; 113 } 114 115 #mapContainer { 116 position: absolute; 117 width: 100%; 118 height: 100%; 119 display: block; 120 } 121 122 /* Hide Bing logo, copyright, overlays and Streetside address boxes */ 123 .MicrosoftMap .LogoContainer, 124 .MicrosoftMap a[title="Microsoft Bing"], 125 a.msft_logo, 126 .MicrosoftMap .CopyrightContainer, 127 .MicrosoftMap .copyright, 128 .MicrosoftMap .BingLogoIcon, 129 .MicrosoftMap .BottomContainer, 130 .MicrosoftMap .ScalebarContainer, 131 .MicrosoftMap .NavBar_Container, 132 .MicrosoftMap .NavBar, 133 .MicrosoftMap .bm_bottomRightOverlay, 134 .MicrosoftMap .labelToggle, 135 .MicrosoftMap [class*="labelToggle"], 136 .MicrosoftMap [class*="LabelToggle"], 137 .MicrosoftMap .bm_labelOverlayBtn, 138 .bm_bottomRightOverlay, 139 .MicrosoftMap .OverviewMapContainer, 140 .MicrosoftMap .StreetsideAddressBar, 141 .MicrosoftMap [class*="AddressBar"], 142 .MicrosoftMap [class*="addressBar"], 143 .MicrosoftMap .TopRightOverlay, 144 .MicrosoftMap [class*="TopRight"], 145 .MicrosoftMap .bm_topRightOverlay, 146 .MicrosoftMap .StreetsideNavOverlay, 147 .MicrosoftMap [class*="Overlay"]:not(.MapContainer), 148 .MicrosoftMap .streetside-address, 149 .MicrosoftMap .ss-address-container { 150 display: none !important; 151 } 152 153 /* Search Box - Fixed header overlap */ 154 #searchBox { 155 position: absolute; 156 top: 80px; 157 left: 24px; 158 z-index: 1000; 159 display: flex; 160 gap: 10px; 161 } 162 163 #searchInputWrapper { 164 position: relative; 165 width: 500px; 166 } 167 168 #searchInput { 169 width: 100%; 170 padding: 16px 20px; 171 font-size: 18px; 172 border: none; 173 border-radius: 6px; 174 background: #fff; 175 box-shadow: 0 2px 6px rgba(0,0,0,0.3); 176 } 177 178 #searchInput:focus { 179 outline: none; 180 box-shadow: 0 2px 6px rgba(0,0,0,0.3); 181 } 182 183 #searchInput.has-suggestions { 184 border-bottom-left-radius: 0; 185 border-bottom-right-radius: 0; 186 } 187 188 #continueBtn { 189 padding: 16px 32px; 190 font-size: 18px; 191 font-weight: bold; 192 background-color: #0078d4; 193 color: white; 194 border: none; 195 border-radius: 6px; 196 cursor: pointer; 197 box-shadow: 0 2px 6px rgba(0,0,0,0.3); 198 transition: background-color 0.2s; 199 } 200
201 #continueBtn:hover { 202 background-color: #106ebe; 203 } 204 205 /* Suggestions dropdown */ 206 .suggestions { 207 position: absolute; 208 top: 100%; 209 left: 0; 210 right: 0; 211 background: white; 212 border-radius: 0 0 6px 6px; 213 box-shadow: 0 4px 6px rgba(0,0,0,0.3); 214 max-height: 300px; 215 overflow-y: auto; 216 z-index: 1001; 217 display: none; 218 padding: 10px 0; 219 } 220 221 .suggestions.show { 222 display: block; 223 } 224 225 .suggestion-item { 226 padding: 12px 16px; 227 cursor: pointer; 228 display: flex; 229 align-items: center; 230 gap: 14px; 231 transition: background-color 0.15s ease; 232 } 233 234 .suggestion-item:hover, 235 .suggestion-item.highlighted { 236 background-color: #f5f5f5; 237 } 238 239 .suggestion-icon { 240 flex-shrink: 0; 241 fill: #d1d5d9; 242 } 243 244 .suggestion-content { 245 flex: 1; 246 overflow: hidden; 247 text-overflow: ellipsis; 248 white-space: nowrap; 249 font-size: 16px; 250 line-height: 20px; 251 color: #202124; 252 } 253 254 .place-name { color: #202124; } 255 .place-name-bold { font-weight: 600; color: #202124; } 256 .address-part { color: #70757a; } 257 258 /* Layers Control */ 259 .layers-control { 260 position: absolute; 261 top: 80px; 262 right: 24px; 263 z-index: 1100; 264 } 265 266 .layers-btn { 267 display: flex; 268 align-items: center; 269 gap: 8px; 270 padding: 12px 18px; 271 background: rgba(255,255,255,0.95); 272 backdrop-filter: blur(6px); 273 border: none; 274 border-radius: 50px; 275 font-size: 14px; 276 font-weight: 500; 277 color: #3a4553; 278 cursor: pointer; 279 transition: all 0.2s; 280 box-shadow: 0 4px 16px rgba(0,0,0,0.1); 281 } 282 283 .layers-btn:hover { 284 background: #fff; 285 box-shadow: 0 6px 20px rgba(0,0,0,0.15); 286 } 287 288 .layers-btn svg { 289 width: 20px; 290 height: 20px; 291 } 292 293 .layers-dropdown { 294 position: absolute; 295 top: calc(100% + 10px); 296 right: 0; 297 background: #fff; 298 border-radius: 16px; 299 box-shadow: 0 10px 40px rgba(0,0,0,0.2); 300 padding: 8px 0; 301 min-width: 200px; 302 display: none; 303 z-index: 1200; 304 } 305 306 .layers-dropdown.show { 307 display: block; 308 } 309 310 .layer-option { 311 display: flex; 312 align-items: center; 313 gap: 12px; 314 padding: 14px 20px; 315 cursor: pointer; 316 transition: background 0.2s; 317 font-size: 14px; 318 color: #3a4553; 319 } 320 321 .layer-option:hover { 322 background: #f5f7fa; 323 } 324 325 .layer-option.active { 326 color: #1565C0; 327 background: #e3f2fd; 328 } 329 330 .layer-option svg { 331 width: 20px; 332 height: 20px; 333 } 334 335 .layer-option .check { 336 margin-left: auto; 337 display: none; 338 } 339 340 .layer-option.active .check { 341 display: block; 342 color: #1565C0; 343 } 344 345 /* Map Controls */ 346 .map-controls { 347 position: absolute; 348 bottom: 120px; 349 right: 24px; 350 display: flex; 351 flex-direction: column; 352 gap: 8px; 353 z-index: 100; 354 } 355 356 .map-control-btn { 357 width: 44px; 358 height: 44px; 359 border-radius: 12px; 360 border: none; 361 background: rgba(255,255,255,0.95); 362 box-shadow: 0 4px 16px rgba(0,0,0,0.12); 363 cursor: pointer; 364 display: flex; 365 align-items: center; 366 justify-content: center; 367 font-size: 20px; 368 color: #5c6575; 369 transition: all 0.2s; 370 } 371 372 .map-control-btn:hover { 373 background: #fff; 374 color: #1565C0; 375 transform: scale(1.05); 376 } 377 378 /* Scroll Indicator */ 379 .scroll-indicator { 380 position: absolute; 381 bottom: 30px; 382 left: 50%; 383 transform: translateX(-50%); 384 z-index: 100; 385 display: flex; 386 flex-direction: column; 387 align-items: center; 388 gap: 8px; 389 color: #fff; 390 font-size: 13px; 391 font-weight: 500; 392 cursor: pointer; 393 transition: all 0.3s; 394 text-shadow: 0 1px 3px rgba(0,0,0,0.5); 395 } 396 397 .scroll-indicator:hover { 398 color: #fff; 399 opacity: 0.9; 400 } 401 402 .scroll-indicator .arrow { 403 width: 44px; 404 height: 44px;
405 border-radius: 50%; 406 background: rgba(255,255,255,0.95); 407 box-shadow: 0 4px 20px rgba(0,0,0,0.15); 408 display: flex; 409 align-items: center; 410 justify-content: center; 411 } 412 413 .scroll-indicator .arrow svg { 414 stroke: #3a4553; 415 animation: bounce 2s infinite; 416 } 417 418 @keyframes bounce { 419 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 420 40% { transform: translateY(-10px); } 421 60% { transform: translateY(-5px); } 422 } 423 424 /* Modal */ 425 .modal { 426 display: none; 427 position: fixed; 428 z-index: 2000; 429 left: 0; 430 top: 0; 431 width: 100%; 432 height: 100%; 433 background-color: rgba(0, 0, 0, 0.7); 434 } 435 436 .modal-content { 437 background-color: white; 438 position: absolute; 439 top: 50%; 440 left: 50%; 441 transform: translate(-50%, -50%); 442 padding: 40px; 443 border-radius: 20px; 444 width: 90%; 445 max-width: 720px; 446 box-shadow: 0 20px 60px rgba(0,0,0,0.4); 447 text-align: center; 448 } 449 450 .close { 451 color: #ccc; 452 position: absolute; 453 top: 16px; 454 right: 20px; 455 font-size: 28px; 456 cursor: pointer; 457 } 458 459 .close:hover { 460 color: #333; 461 } 462 463 #loadingState h2 { 464 margin-top: 24px; 465 color: #333; 466 font-size: 22px; 467 } 468 469 .spinner { 470 border: 4px solid #f3f3f3;
471 border-top: 4px solid #1565C0; 472 border-radius: 50%; 473 width: 50px; 474 height: 50px; 475 animation: spin 1s linear infinite; 476 margin: 0 auto; 477 } 478 479 @keyframes spin { 480 0% { transform: rotate(0deg); } 481 100% { transform: rotate(360deg); } 482 } 483 484 .modal-title { 485 font-size: 28px; 486 font-weight: 700; 487 background: linear-gradient(135deg, #1565C0, #2E7D32); 488 -webkit-background-clip: text; 489 -webkit-text-fill-color: transparent; 490 background-clip: text; 491 margin-bottom: 20px; 492 } 493 494 #modalImage { 495 width: 470px; 496 margin: 0 auto 20px; 497 border-radius: 12px; 498 overflow: hidden; 499 } 500 501 #modalImage:not(:empty) { 502 height: 200px; 503 box-shadow: 0 4px 20px rgba(0,0,0,0.15); 504 } 505 506 .modal-description { 507 font-size: 18px; 508 color: #555; 509 margin-bottom: 30px; 510 } 511 512 .install-button { 513 padding: 18px 60px; 514 font-size: 18px; 515 font-weight: 700; 516 background: linear-gradient(135deg, #1565C0 0%, #2E7D32 100%); 517 color: white; 518 border: none; 519 border-radius: 50px; 520 cursor: pointer; 521 box-shadow: 0 8px 30px rgba(21,101,192,0.4); 522 transition: all 0.3s; 523 text-decoration: none; 524 display: inline-block; 525 } 526 527 .install-button:hover { 528 transform: translateY(-3px); 529 box-shadow: 0 12px 40px rgba(21,101,192,0.5); 530 } 531 532 /* ==================== CONTENT SECTIONS ==================== */ 533 534 .content-sections { 535 background: #f8fafb; 536 } 537 538 .section { 539 padding: 80px 24px; 540 max-width: 1200px; 541 margin: 0 auto; 542 } 543 544 .section-header { 545 text-align: center; 546 margin-bottom: 50px; 547 } 548 549 .section-tag { 550 display: inline-block; 551 padding: 6px 16px; 552 background: linear-gradient(135deg, #e3f2fd 0%, #e8f5e9 100%); 553 color: #1565C0; 554 font-size: 13px; 555 font-weight: 600; 556 border-radius: 20px; 557 margin-bottom: 16px; 558 text-transform: uppercase; 559 letter-spacing: 0.5px; 560 } 561 562 .section-title { 563 font-size: 36px; 564 font-weight: 700; 565 color: #0f1c2e; 566 margin-bottom: 16px; 567 line-height: 1.2; 568 } 569 570 .section-subtitle { 571 font-size: 18px; 572 color: #5c6575; 573 max-width: 600px; 574 margin: 0 auto; 575 line-height: 1.6; 576 } 577 578 /* Intro Section */ 579 .intro-section { 580 background: linear-gradient(180deg, #fff 0%, #f8fafb 100%); 581 padding: 100px 24px; 582 } 583 584 .intro-grid { 585 display: grid; 586 grid-template-columns: repeat(4, 1fr); 587 gap: 30px; 588 margin-top: 60px; 589 } 590 591 .intro-card { 592 text-align: center; 593 padding: 30px 20px; 594 } 595 596 .intro-icon { 597 width: 70px; 598 height: 70px; 599 margin: 0 auto 20px; 600 background: linear-gradient(135deg, #1565C0 0%, #2E7D32 100%); 601 border-radius: 20px; 602 display: flex; 603 align-items: center; 604 justify-content: center; 605 box-shadow: 0 10px 30px rgba(21, 101, 192, 0.3); 606 } 607 608 .intro-icon svg { 609 width: 32px; 610 height: 32px; 611 stroke: #fff; 612 fill: none; 613 } 614 615 .intro-card h3 { 616 font-size: 18px; 617 font-weight: 700; 618 color: #0f1c2e; 619 margin-bottom: 10px; 620 } 621 622 .intro-card p { 623 font-size: 14px; 624 color: #5c6575; 625 line-height: 1.6; 626 } 627 628 /* Satellite Views Section */ 629 .satellite-views-section { 630 background: #fff; 631 } 632 633 .views-grid { 634 display: grid; 635 grid-template-columns: repeat(3, 1fr); 636 gap: 30px; 637 } 638 639 .view-card { 640 background: #fff; 641 border-radius: 20px; 642 overflow: hidden; 643 box-shadow: 0 10px 40px rgba(15, 35, 70, 0.08); 644 transition: all 0.3s ease; 645 border: 1px solid #eef1f5; 646 cursor: pointer; 647 } 648 649 .view-card:hover { 650 transform: translateY(-8px); 651 box-shadow: 0 20px 50px rgba(15, 35, 70, 0.15); 652 } 653 654 .view-card-image { 655 height: 200px; 656 background-size: cover; 657 background-position: center; 658 position: relative; 659 } 660 661 .view-card-icon { 662 position: absolute; 663 top: 16px; 664 right: 16px; 665 width: 44px; 666 height: 44px;
667 background: rgba(255,255,255,0.95); 668 border-radius: 12px; 669 display: flex; 670 align-items: center; 671 justify-content: center; 672 box-shadow: 0 4px 15px rgba(0,0,0,0.1); 673 } 674 675 .view-card-content { 676 padding: 24px; 677 } 678 679 .view-card-content h3 { 680 font-size: 20px; 681 font-weight: 700; 682 color: #0f1c2e; 683 margin-bottom: 10px; 684 } 685 686 .view-card-content p { 687 font-size: 14px; 688 color: #5c6575; 689 line-height: 1.7; 690 margin-bottom: 16px; 691 } 692 693 .view-features { 694 display: flex; 695 flex-wrap: wrap; 696 gap: 8px; 697 } 698 699 .view-feature-tag { 700 padding: 6px 12px; 701 background: #e3f2fd; 702 color: #1565C0; 703 font-size: 12px; 704 font-weight: 500; 705 border-radius: 6px; 706 } 707 708 /* Articles Section */ 709 .articles-section { 710 background: linear-gradient(180deg, #f8fafb 0%, #fff 100%); 711 } 712 713 .articles-grid { 714 display: grid; 715 grid-template-columns: repeat(3, 1fr); 716 gap: 30px; 717 } 718 719 .articles-grid-6 { 720 grid-template-columns: repeat(3, 1fr); 721 } 722 723 .article-date { 724 display: block; 725 margin-top: 12px; 726 font-size: 13px; 727 color: #9ca3af; 728 } 729 730 .article-card { 731 background: #fff; 732 border-radius: 20px; 733 overflow: hidden; 734 box-shadow: 0 10px 40px rgba(15, 35, 70, 0.08); 735 transition: all 0.3s ease; 736 border: 1px solid #eef1f5; 737 text-decoration: none; 738 } 739 740 .article-card:hover { 741 transform: translateY(-5px); 742 box-shadow: 0 20px 50px rgba(15, 35, 70, 0.12); 743 } 744 745 .article-image { 746 height: 180px; 747 background-size: cover; 748 background-position: center; 749 position: relative; 750 } 751 752 .article-category { 753 position: absolute; 754 top: 16px; 755 left: 16px; 756 padding: 6px 12px; 757 background: linear-gradient(135deg, #1565C0, #2E7D32); 758 color: #fff; 759 font-size: 11px; 760 font-weight: 600; 761 border-radius: 6px; 762 text-transform: uppercase; 763 } 764 765 .article-content { 766 padding: 24px; 767 } 768 769 .article-content h3 { 770 font-size: 18px; 771 font-weight: 700; 772 color: #0f1c2e; 773 margin-bottom: 10px; 774 } 775 776 .article-content p { 777 font-size: 14px; 778 color: #5c6575; 779 line-height: 1.6; 780 } 781 782 /* Features Section */ 783 .features-section { 784 background: linear-gradient(135deg, #0f1c2e 0%, #1a2d4a 100%); 785 color: #fff; 786 } 787 788 .features-section .section-tag { 789 background: rgba(255,255,255,0.1); 790 color: #64b5f6; 791 } 792 793 .features-section .section-title { 794 color: #fff; 795 } 796 797 .features-section .section-subtitle { 798 color: rgba(255,255,255,0.7); 799 } 800 801 .features-grid { 802 display: grid; 803 grid-template-columns: repeat(3, 1fr); 804 gap: 30px; 805 } 806 807 .feature-card { 808 background: rgba(255,255,255,0.05); 809 border: 1px solid rgba(255,255,255,0.1); 810 border-radius: 20px; 811 padding: 32px; 812 transition: all 0.3s; 813 } 814 815 .feature-card:hover { 816 background: rgba(255,255,255,0.1); 817 transform: translateY(-5px); 818 } 819 820 .feature-icon { 821 width: 56px; 822 height: 56px; 823 background: linear-gradient(135deg, #1565C0 0%, #2E7D32 100%); 824 border-radius: 14px; 825 display: flex; 826 align-items: center; 827 justify-content: center; 828 margin-bottom: 20px; 829 } 830 831 .feature-icon svg { 832 width: 28px; 833 height: 28px; 834 stroke: #fff; 835 fill: none; 836 } 837 838 .feature-card h3 { 839 font-size: 20px; 840 font-weight: 700; 841 color: #fff; 842 margin-bottom: 12px; 843 } 844 845 .feature-card p { 846 font-size: 15px; 847 color: rgba(255,255,255,0.7); 848 line-height: 1.7; 849 } 850 851 /* CTA Section */ 852 .cta-section { 853 background: #fff; 854 text-align: center; 855 } 856 857 .cta-box { 858 background: linear-gradient(135deg, #1565C0 0%, #2E7D32 100%); 859 border-radius: 24px; 860 padding: 60px 40px; 861 max-width: 800px; 862 margin: 0 auto; 863 box-shadow: 0 20px 60px rgba(21, 101, 192, 0.3); 864 } 865 866 .cta-box h2 { 867 font-size: 32px; 868 font-weight: 700; 869 color: #fff; 870 margin-bottom: 16px; 871 } 872 873 .cta-box p { 874 font-size: 18px; 875 color: rgba(255,255,255,0.9); 876 margin-bottom: 30px; 877 } 878 879 .cta-button { 880 display: inline-flex; 881 align-items: center; 882 gap: 10px; 883 padding: 16px 32px; 884 background: #fff; 885 color: #1565C0; 886 font-size: 16px; 887 font-weight: 700; 888 border-radius: 50px; 889 text-decoration: none; 890 transition: all 0.3s; 891 box-shadow: 0 10px 30px rgba(0,0,0,0.2); 892 } 893 894 .cta-button:hover { 895 transform: translateY(-3px); 896 box-shadow: 0 15px 40px rgba(0,0,0,0.3); 897 } 898 899 /* Main Footer */ 900 .main-footer { 901 background: #0f1c2e; 902 color: #fff; 903 padding: 60px 24px 30px; 904 } 905 906 .footer-content { 907 max-width: 1200px; 908 margin: 0 auto; 909 } 910 911 .footer-grid { 912 display: grid; 913 grid-template-columns: 2fr 1fr 1fr 1fr; 914 gap: 50px; 915 margin-bottom: 50px; 916 } 917 918 .footer-brand h3 { 919 font-size: 24px; 920 font-weight: 700; 921 margin-bottom: 16px; 922 } 923 924 .footer-brand p { 925 font-size: 14px; 926 color: rgba(255,255,255,0.6); 927 line-height: 1.7; 928 } 929 930 .footer-column h4 { 931 font-size: 16px; 932 font-weight: 700; 933 margin-bottom: 20px; 934 } 935 936 .footer-column ul { 937 list-style: none; 938 } 939 940 .footer-column li { 941 margin-bottom: 12px; 942 } 943 944 .footer-column a { 945 color: rgba(255,255,255,0.6); 946 text-decoration: none; 947 font-size: 14px; 948 transition: color 0.2s; 949 } 950 951 .footer-column a:hover { 952 color: #64b5f6; 953 } 954 955 .footer-bottom { 956 border-top: 1px solid rgba(255,255,255,0.1); 957 padding-top: 30px; 958 text-align: center; 959 } 960 961 .footer-bottom p { 962 font-size: 13px; 963 color: rgba(255,255,255,0.5); 964 } 965 966 /* Responsive */ 967 @media (max-width: 1024px) { 968 .intro-grid { grid-template-columns: repeat(2, 1fr); } 969 .views-grid { grid-template-columns: repeat(2, 1fr); } 970 .articles-grid { grid-template-columns: repeat(2, 1fr); } 971 .features-grid { grid-template-columns: repeat(2, 1fr); } 972 .footer-grid { grid-template-columns: repeat(2, 1fr); } 973 } 974 975 @media (max-width: 768px) { 976 .header-nav { display: none; } 977 .logo span { font-size: 14px; } 978 #searchBox { left: 16px; right: 16px; } 979 #searchInputWrapper { width: 100%; flex: 1; } 980 .layers-control { right: 16px; } 981 .layers-btn span { display: none; } 982 .intro-grid { grid-template-columns: 1fr; } 983 .views-grid { grid-template-columns: 1fr; } 984 .articles-grid { grid-template-columns: 1fr; } 985 .features-grid { grid-template-columns: 1fr; } 986 .footer-grid { grid-template-columns: 1fr; } 987 .section-title { font-size: 28px; } 988 } 989 </style> 990 991 <!-- Structured Data --> 992
992<script type="application/ld+json"> 993 { 994 "@context": "https://schema.org", 995 "@type": "WebApplication", 996 "name": "Earth Satellite 3D", 997 "description": "Discover Earth from above with our interactive satellite map explorer. View HD aerial imagery and explore locations worldwide.", 998 "url": "https://viewearthsatellite.com/", 999 "applicationCategory": "MapApplication", 1000 "operatingSystem": "Web Browser", 1001 "offers": { 1002 "@type": "Offer", 1003 "price": "0", 1004 "priceCurrency": "USD" 1005 } 1006 } 1007 </script>
1007 1008</head> 1009<body> 1010 <!-- Site Header --> 1011 <header class="site-header"> 1012 <div class="header-content"> 1013 <a href="index.html" class="logo"> 1014 <img src="assets/images/logo.png" alt="Earth Satellite 3D Logo"> 1015 <span>Earth Satellite 3D</span> 1016 </a> 1017 <nav class="header-nav"> 1018 <a href="#features">Features</a> 1019 <a href="articles/index.html">Articles</a> 1020 <a href="our-product.html">Our Product</a> 1021 </nav> 1022 </div> 1023 </header> 1024 1025 <!-- Map Hero Section --> 1026 <section class="map-hero"> 1027 <div id="mapContainer"></div> 1028 1029 <!-- Search Box --> 1030 <div id="searchBox"> 1031 <div id="searchInputWrapper"> 1032 <input type="text" id="searchInput" placeholder="Search any location on Earth..." autocomplete="off" autofocus> 1033 <div id="suggestions" class="suggestions"></div> 1034 </div> 1035 <button id="continueBtn">Continue</button> 1036 </div> 1037 1038 <!-- Layers Control --> 1039 <div class="layers-control"> 1040 <button class="layers-btn" id="layersBtn"> 1041 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1042 <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon> 1043 <polyline points="2 17 12 22 22 17"></polyline> 1044 <polyline points="2 12 12 17 22 12"></polyline> 1045 </svg> 1046 <span>Layers</span> 1047 </button> 1048 <div class="layers-dropdown" id="layersDropdown"> 1049 <div class="layer-option active" data-layer="aerial"> 1050 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1051 <circle cx="12" cy="12" r="10"></circle> 1052 <path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path> 1053 </svg> 1054 Satellite 1055 <svg class="check" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"> 1056 <polyline points="20 6 9 17 4 12"></polyline> 1057 </svg> 1058 </div> 1059 <div class="layer-option" data-layer="aerialWithLabels"> 1060 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1061 <circle cx="12" cy="12" r="10"></circle> 1062 <line x1="2" y1="12" x2="22" y2="12"></line> 1063 <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path> 1064 </svg> 1065 Satellite + Labels 1066 <svg class="check" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"> 1067 <polyline points="20 6 9 17 4 12"></polyline> 1068 </svg> 1069 </div> 1070 <div class="layer-option" data-layer="birdseye"> 1071 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1072 <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path> 1073 <circle cx="12" cy="12" r="3"></circle> 1074 </svg> 1075 Bird's Eye 1076 <svg class="check" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"> 1077 <polyline points="20 6 9 17 4 12"></polyline> 1078 </svg> 1079 </div> 1080 <div class="layer-option" data-layer="streetside"> 1081 <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1082 <circle cx="12" cy="8" r="5"></circle> 1083 <path d="M3 21h18c0-6-4-10-9-10s-9 4-9 10z"></path> 1084 </svg> 1085 Streetside 1086 <svg class="check" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"> 1087 <polyline points="20 6 9 17 4 12"></polyline> 1088 </svg> 1089 </div> 1090 </div> 1091 </div> 1092 1093 <!-- Map Controls --> 1094 <div class="map-controls"> 1095 <button class="map-control-btn" id="zoomIn" title="Zoom in">+</button> 1096 <button class="map-control-btn" id="zoomOut" title="Zoom out">â</button> 1097 </div> 1098 1099 <!-- Scroll Indicator --> 1100 <div class="scroll-indicator" onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})"> 1101 <div class="arrow"> 1102 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1103 <polyline points="6 9 12 15 18 9"></polyline> 1104 </svg> 1105 </div>
1106 <span>Explore More</span> 1107 </div> 1108 </section> 1109 1110 <!-- ==================== CONTENT SECTIONS ==================== --> 1111 <div class="content-sections"> 1112 1113 <!-- Intro Section --> 1114 <section id="features" class="intro-section"> 1115 <div class="section"> 1116 <div class="section-header"> 1117 <span class="section-tag">Explore Earth</span> 1118 <h2 class="section-title">Discover Our Planet From Above</h2> 1119 <p class="section-subtitle">Access high-definition satellite imagery from multiple providers. Explore cities, landmarks, and natural wonders from a bird's eye view.</p> 1120 </div> 1121 <div class="intro-grid"> 1122 <div class="intro-card"> 1123 <div class="intro-icon"> 1124 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1125 <circle cx="12" cy="12" r="10"></circle> 1126 <line x1="2" y1="12" x2="22" y2="12"></line> 1127 <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path> 1128 </svg> 1129 </div> 1130 <h3>Global Coverage</h3> 1131 <p>Access satellite imagery for every corner of the planet, from bustling cities to remote wilderness.</p> 1132 </div> 1133 <div class="intro-card"> 1134 <div class="intro-icon"> 1135 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1136 <circle cx="11" cy="11" r="8"></circle> 1137 <line x1="21" y1="21" x2="16.65" y2="16.65"></line> 1138 <line x1="11" y1="8" x2="11" y2="14"></line> 1139 <line x1="8" y1="11" x2="14" y2="11"></line> 1140 </svg> 1141 </div> 1142 <h3>Zoom & Explore</h3> 1143 <p>Dive deep with powerful zoom capabilities to see stunning details from high above.</p> 1144 </div> 1145 <div class="intro-card"> 1146 <div class="intro-icon"> 1147 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1148 <polygon points="12 2 2 7 12 12 22 7 12 2"></polygon> 1149 <polyline points="2 17 12 22 22 17"></polyline> 1150 <polyline points="2 12 12 17 22 12"></polyline> 1151 </svg> 1152 </div> 1153 <h3>Multiple Layers</h3> 1154 <p>Switch between satellite, hybrid, and road views to get the perspective you need.</p> 1155 </div> 1156 <div class="intro-card"> 1157 <div class="intro-icon"> 1158 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1159 <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path> 1160 <circle cx="12" cy="10" r="3"></circle> 1161 </svg> 1162 </div> 1163 <h3>Search Anywhere</h3> 1164 <p>Find any location instantly with our powerful search. Just type an address or landmark.</p> 1165 </div> 1166 </div> 1167 </div> 1168 </section> 1169 1170 <!-- Map Layers Section --> 1171 <section class="satellite-views-section"> 1172 <div class="section"> 1173 <div class="section-header"> 1174 <span class="section-tag">View Options</span> 1175 <h2 class="section-title">Explore Different Map Layers</h2> 1176 <p class="section-subtitle">Switch between powerful viewing modes to explore Earth from every angle.</p> 1177 </div> 1178 <div class="views-grid"> 1179 <div class="view-card"> 1180 <div class="view-card-image" style="background-image: url('assets/images/articles/satellite-orbiting-earth-space.jpg');"> 1181 <div class="view-card-icon"> 1182 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#1565C0" stroke-width="2"> 1183 <circle cx="12" cy="12" r="10"></circle> 1184 <path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path> 1185 </svg> 1186 </div> 1187 </div> 1188 <div class="view-card-content"> 1189 <h3>Satellite View</h3> 1190 <p>High-definition aerial imagery captured from space. See the world in stunning detail with up-to-date satellite photography.</p> 1191 <div class="view-features">
1192 <span class="view-feature-tag">HD Imagery</span> 1193 <span class="view-feature-tag">Global Coverage</span> 1194 <span class="view-feature-tag">Zoom Detail</span> 1195 </div> 1196 </div> 1197 </div> 1198 <div class="view-card"> 1199 <div class="view-card-image" style="background-image: url('assets/images/articles/aerial-city-view-birds-eye.jpg');"> 1200 <div class="view-card-icon"> 1201 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#2E7D32" stroke-width="2"> 1202 <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path> 1203 <circle cx="12" cy="12" r="3"></circle> 1204 </svg> 1205 </div> 1206 </div> 1207 <div class="view-card-content"> 1208 <h3>Bird's Eye View</h3> 1209 <p>Angled 45° aerial photography that shows buildings and terrain from a unique perspective you can't get from satellites.</p> 1210 <div class="view-features"> 1211 <span class="view-feature-tag">45° Angle</span> 1212 <span class="view-feature-tag">Building Detail</span> 1213 <span class="view-feature-tag">4 Directions</span> 1214 </div> 1215 </div> 1216 </div> 1217 <div class="view-card"> 1218 <div class="view-card-image" style="background-image: url('assets/images/articles/city-street-view-streetside.jpg');"> 1219 <div class="view-card-icon"> 1220 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#1565C0" stroke-width="2"> 1221 <circle cx="12" cy="8" r="5"></circle> 1222 <path d="M3 21h18c0-6-4-10-9-10s-9 4-9 10z"></path> 1223 </svg> 1224 </div> 1225 </div> 1226 <div class="view-card-content"> 1227 <h3>Streetside View</h3> 1228 <p>360° panoramic street-level photography. Walk through any location as if you were there in person.</p> 1229 <div class="view-features"> 1230 <span class="view-feature-tag">360° Panorama</span> 1231 <span class="view-feature-tag">Street Level</span> 1232 <span class="view-feature-tag">Walk Around</span> 1233 </div> 1234 </div> 1235 </div> 1236 </div> 1237 </div> 1238 </section> 1239 1240 <!-- Articles Section --> 1241 <section class="articles-section"> 1242 <div class="section"> 1243 <div class="section-header"> 1244 <span class="section-tag">Learn More</span> 1245 <h2 class="section-title">Satellite Imagery Guides</h2> 1246 <p class="section-subtitle">Tips, tutorials, and insights to help you get the most from satellite imagery.</p> 1247 </div> 1248 <div class="articles-grid articles-grid-6"> 1249 <a href="articles/satellite-imagery-explained.html" class="article-card"> 1250 <div class="article-image" style="background-image: url('assets/images/articles/satellite-orbiting-earth-space.jpg');"> 1251 <span class="article-category">Guide</span> 1252 </div> 1253 <div class="article-content"> 1254 <h3>How Satellite Imagery Works</h3> 1255 <p>Discover the fascinating technology that captures our planet from space.</p>
1256 <span class="article-date">December 20, 2025</span> 1257 </div> 1258 </a> 1259 <a href="articles/google-earth-tips.html" class="article-card"> 1260 <div class="article-image" style="background-image: url('assets/images/articles/google-earth-3d-terrain-view.jpg');"> 1261 <span class="article-category">Tutorial</span> 1262 </div> 1263 <div class="article-content"> 1264 <h3>Getting the Most from Google Earth</h3> 1265 <p>Master Google Earth's powerful features including 3D terrain and historical imagery.</p> 1266 <span class="article-date">November 15, 2025</span> 1267 </div> 1268 </a> 1269 <a href="articles/bing-maps-aerial-view.html" class="article-card"> 1270 <div class="article-image" style="background-image: url('assets/images/articles/aerial-city-view-birds-eye.jpg');"> 1271 <span class="article-category">Tutorial</span> 1272 </div> 1273 <div class="article-content"> 1274 <h3>Exploring Bing Maps Satellite View</h3> 1275 <p>Learn how to use Bing Maps' unique Bird's Eye perspective effectively.</p> 1276 <span class="article-date">October 10, 2025</span> 1277 </div> 1278 </a> 1279 <a href="articles/historical-satellite-imagery.html" class="article-card"> 1280 <div class="article-image" style="background-image: url('assets/images/articles/earth-changes-time-lapse-satellite.jpg');"> 1281 <span class="article-category">Insights</span> 1282 </div> 1283 <div class="article-content"> 1284 <h3>Exploring Historical Satellite Images</h3> 1285 <p>Travel back in time using historical satellite imagery to see how landscapes have changed.</p> 1286 <span class="article-date">September 5, 2025</span> 1287 </div> 1288 </a> 1289 <a href="articles/satellite-view-travel-planning.html" class="article-card"> 1290 <div class="article-image" style="background-image: url('assets/images/articles/vacation-destination-satellite-beach.jpg');"> 1291 <span class="article-category">Planning</span> 1292 </div> 1293 <div class="article-content"> 1294 <h3>Using Satellite View for Travel Planning</h3> 1295 <p>Plan your perfect vacation by exploring destinations from space before you book.</p> 1296 <span class="article-date">August 1, 2025</span> 1297 </div> 1298 </a> 1299 <a href="articles/satellite-imagery-applications.html" class="article-card"> 1300 <div class="article-image" style="background-image: url('assets/images/articles/earth-observation-environmental-monitoring.jpg');"> 1301 <span class="article-category">Applications</span> 1302 </div> 1303 <div class="article-content"> 1304 <h3>Practical Uses for Satellite Imagery</h3> 1305 <p>From environmental monitoring to real estate, discover the many applications of satellite technology.</p> 1306 <span class="article-date">July 1, 2025</span> 1307 </div> 1308 </a> 1309 </div> 1310 </div> 1311 </section> 1312 1313 <!-- Features Section --> 1314 <section class="features-section"> 1315 <div class="section"> 1316 <div class="section-header"> 1317 <span class="section-tag">Why Choose Us</span> 1318 <h2 class="section-title">Powerful Features</h2> 1319 <p class="section-subtitle">Everything you need to explore Earth from above.</p> 1320 </div> 1321 <div class="features-grid"> 1322 <div class="feature-card"> 1323 <div class="feature-icon"> 1324 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1325 <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path> 1326 </svg> 1327 </div> 1328 <h3>Privacy First</h3> 1329 <p>Your searches stay private. We don't track or store your location data.</p> 1330 </div> 1331 <div class="feature-card"> 1332 <div class="feature-icon"> 1333 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1334 <circle cx="12" cy="12" r="10"></circle> 1335 <polyline points="12 6 12 12 16 14"></polyline> 1336 </svg> 1337 </div> 1338 <h3>Instant Access</h3> 1339 <p>No downloads required. Access satellite imagery instantly in your browser.</p> 1340 </div> 1341 <div class="feature-card"> 1342 <div class="feature-icon"> 1343 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1344 <rect x="2" y="3" width="20" height="14" rx="2" ry="2"></rect> 1345 <line x1="8" y1="21" x2="16" y2="21"></line> 1346 <line x1="12" y1="17" x2="12" y2="21"></line> 1347 </svg> 1348 </div> 1349 <h3>Works Everywhere</h3> 1350 <p>Compatible with all modern browsers on desktop and mobile devices.</p> 1351 </div> 1352 <div class="feature-card"> 1353 <div class="feature-icon"> 1354 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1355 <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path> 1356 <polyline points="17 8 12 3 7 8"></polyline> 1357 <line x1="12" y1="3" x2="12" y2="15"></line> 1358 </svg> 1359 </div> 1360 <h3>Share Locations</h3> 1361 <p>Easily share satellite views of any location with friends and colleagues.</p> 1362 </div> 1363 <div class="feature-card"> 1364 <div class="feature-icon"> 1365 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1366 <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon> 1367 </svg> 1368 </div> 1369 <h3>Lightning Fast</h3> 1370 <p>Optimized for speed. Imagery loads quickly even on slower connections.</p> 1371 </div> 1372 <div class="feature-card"> 1373 <div class="feature-icon"> 1374 <svg viewBox="0 0 24 24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 1375 <path d="M12 2L2 7l10 5 10-5-10-5z"></path> 1376 <path d="M2 17l10 5 10-5"></path> 1377 <path d="M2 12l10 5 10-5"></path> 1378 </svg> 1379 </div> 1380 <h3>Multiple Providers</h3> 1381 <p>Switch between Google Earth and Bing Maps for the best imagery available.</p> 1382 </div> 1383 </div> 1384 </div> 1385 </section> 1386 1387 <!-- CTA Section --> 1388 <section class="cta-section"> 1389 <div class="section"> 1390 <div class="cta-box"> 1391 <h2>Ready to Explore?</h2> 1392 <p>Start discovering our beautiful planet from a whole new perspective.</p> 1393 <a href="our-product.html" class="cta-button"> 1394 Get Earth Search Extension 1395 <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"> 1396 <line x1="5" y1="12" x2="19" y2="12"></line> 1397 <polyline points="12 5 19 12 12 19"></polyline> 1398 </svg> 1399 </a> 1400 </div> 1401 </div> 1402 </section> 1403 </div> 1404 1405 <!-- Main Footer --> 1406 <footer class="main-footer"> 1407 <div class="footer-content"> 1408 <div class="footer-grid"> 1409 <div class="footer-brand"> 1410 <h3>Earth Satellite 3D</h3> 1411 <p>Your gateway to exploring our planet from space. View HD satellite imagery, discover new places, and see the world from above.</p> 1412 </div> 1413 <div class="footer-column"> 1414 <h4>Explore</h4> 1415 <ul> 1416 <li><a href="index.html">Satellite View</a></li> 1417 <li><a href="articles/index.html">Articles</a></li> 1418 <li><a href="our-product.html">Our Product</a></li> 1419 <li><a href="faq.html">FAQ</a></li> 1420 </ul> 1421 </div> 1422 <div class="footer-column"> 1423 <h4>Legal</h4> 1424 <ul> 1425 <li><a href="privacy.html">Privacy Policy</a></li> 1426 <li><a href="terms.html">Terms of Service</a></li> 1427 <li><a href="eula.html">EULA</a></li> 1428 <li><a href="dmca.html">
1428DMCA</a></li> 1429 </ul> 1430 </div> 1431 <div class="footer-column"> 1432 <h4>Support</h4> 1433 <ul> 1434 <li><a href="contact.html">Contact Us</a></li> 1435 <li><a href="uninstall.html">Uninstall</a></li> 1436 </ul> 1437 </div> 1438 </div> 1439 <div class="footer-bottom"> 1440 <p>© 2025 Earth Satellite 3D. All rights reserved.</p> 1441 </div> 1442 </div> 1443 </footer> 1444 1445
1445<script src="https://www.bing.com/api/maps/mapcontrol?callback=initMap" async defer></script>
1445 1446
1446<script src="js/app.js"></script>
vendor: 2 bytes, line 1446
1446
1447<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":"45ec45b7859f4d2c983449ca8dc1406d","r":1,"spa":2}' crossorigin="anonymous"></script>
1447 1448</body> 1449<!-- Default Statcounter code for AI Earth Satellite FF 1450http://viewearthsatellite.com -->
1451<script type="text/javascript"> 1452var sc_project=13192645; 1453var sc_invisible=1; 1454var sc_security="350550ae"; 1455var sc_remove_link=1; 1456</script>
vendor: 2 bytes, line 1456
1456
1457<script type="text/javascript" 1458src="https://www.statcounter.com/counter/counter.js" 1459async></script>
1459 1460<!-- End of Statcounter Code --> 1461</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.