PageSourceSearch

https://viewearthsatellite.com/

html viewearthsatellite.com collected 2026-10-02 01:47:40 UTC 54,749 bytes, 1,461 lines download raw bytes

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>&copy; 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.