PageSourceSearch

https://brittanyfromboston.com/ombak77/

html brittanyfromboston.com collected 2026-10-09 23:33:34 UTC 22,136 bytes, 717 lines download raw bytes

1
2
3
4
5
6<!doctype html>
7<html ⚡ lang="id">
8
9<head>
10    <link rel="canonical" href="https://brittanyfromboston.com/">
11    <link rel="alternate" hreflang="id-id" href="https://brittanyfromboston.com/" />
12    <meta charset="UTF-8">
13    <meta name="viewport" content="width=device-width,maximum-scale=1">
14    <meta http-equiv="content-language" content="id">
15    <title>OMBAK77 ‖ Gelombang Laut Ombak 77 Menjadi Simbol Datangnya Keberuntungan</title>
16    <meta name="description"
17        content="OMBAK77 merupakan kisah Ombak 77 yang bergerak seperti gelombang laut, membawa energi baru dan menjadi simbol hadirnya keberuntungan dalam setiap momen permainan.">
18    <meta name="robots" content="index, follow">
19    <meta name="pinterest" content="nopin" />
20    <meta name="page-locale" content="id,en">
21    <meta property="og:title" content="OMBAK77 ‖ Gelombang Laut Ombak 77 Menjadi Simbol Datangnya Keberuntungan">
22    <meta property="og:description"
23        content="OMBAK77 merupakan kisah Ombak 77 yang bergerak seperti gelombang laut, membawa energi baru dan menjadi simbol hadirnya keberuntungan dalam setiap momen permainan.">
24    <meta property="og:url" content="https://brittanyfromboston.com/">
25    <meta property="og:site_name" content="OMBAK77">
26    <meta property="og:author" content="OMBAK77">
27    <meta property="og:image" content="https://brittanyfromboston.com/img/ombak77banner.webp">
28    <meta name="keywords" content="OMBAK77, OMBAK 77, Link OMBAK77, Login OMBAK77, Situs OMBAK77, Daftar OMBAK77, Resmi OMBAK77, Alternatif OMBAK77"/>
29    <meta name="og:locale" content="ID_id">
30    <meta name="og:type" content="website">
31    <meta name="rating" content="general">
32    <meta name="author" content="OMBAK77">
33    <meta name="distribution" content="global">
34    <meta name="publisher" content="OMBAK77">
35
36    
36<script async src="https://cdn.ampproject.org/v0.js"></script>
36
37    <link rel="icon" type="image/x-icon" href="https://brittanyfromboston.com/img/Brittany-from-Boston-favicon.png" />
38    <link
39        href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Rajdhani:wght@600;700;900&display=swap"
40        rel="stylesheet">
41    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap" rel="stylesheet">
42
43    <style amp-boilerplate>
44        body {
45            -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
46            -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
47            -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both;
48            animation: -amp-start 8s steps(1, end) 0s 1 normal both
49        }
50
51        @-webkit-keyframes -amp-start {
52            from {
53                visibility: hidden
54            }
55
56            to {
57                visibility: visible
58            }
59        }
60
61        @-moz-keyframes -amp-start {
62            from {
63                visibility: hidden
64            }
65
66            to {
67                visibility: visible
68            }
69        }
70
71        @-ms-keyframes -amp-start {
72            from {
73                visibility: hidden
74            }
75
76            to {
77                visibility: visible
78            }
79        }
80
81        @-o-keyframes -amp-start {
82            from {
83                visibility: hidden
84            }
85
86            to {
87                visibility: visible
88            }
89        }
90
91        @keyframes -amp-start {
92            from {
93                visibility: hidden
94            }
95
96            to {
97                visibility: visible
98            }
99        }
100    </style>
101    <noscript>
102        <style amp-boilerplate>
103            body {
104                -webkit-animation: none;
105                -moz-animation: none;
106                -ms-animation: none;
107                animation: none
108            }
109        </style>
110    </noscript>
111
112    <style amp-custom>
113        :root {
114            --bg: #0a0a0a;
115            --bg2: #121212;
116            --panel: #0d0d0d;
117            --panel2: #1a1a1a;
118            --gold: #0077ff;
119            --gold-light: #0077ff;
120            --gold-dark: #0077ff;
121            --gold-glow: #0077ff;
122            --black: #000000;
123            --black-soft: #1a1a1a;
124            --text: #ffffff;
125            --muted: #d4d4d4;
126            --shadow-gold: 0 0 20px rgb(0, 112, 248), 0 0 60px rgb(0, 132, 248);
127        }
128
129        * {
130            box-sizing: border-box
131        }
132
133        html,
134        body {
135            margin: 0;
136            padding: 0;
137            background: radial-gradient(ellipse at top, #1a1a1a 0%, #0a0a0a 70%, #000000 100%);
138            font-family: 'Rajdhani', Arial, sans-serif;
139            color: var(--text);
140            min-height: 100vh;
141            position: relative;
142        }
143
144        body::before {
145            content: "";
146            position: fixed;
147            inset: 0;
148            background:
149                radial-gradient(circle at 20% 30%, rgb(41, 0, 0), transparent 40%),
150                radial-gradient(circle at 80% 70%, rgb(41, 0, 0), transparent 45%);
151            pointer-events: none;
152            z-index: 0;
153        }
154
155        body::after {
156            content: "";
157            position: fixed;
158            inset: 0;
159            background:
160                repeating-linear-gradient(45deg,
161                    transparent,
162                    transparent 2px,
163                    rgb(1, 0, 0) 2px,
164                    rgb(1, 0, 0) 4px);
165            pointer-events: none;
166            z-index: 0;
167        }
168
169        .arcade-frame {
170            position: relative;
171            z-index: 1;
172            max-width: 460px;
173            margin: 18px auto;
174            background: linear-gradient(180deg, rgba(20, 20, 20, 0.95), rgba(5, 5, 5, 0.98));
175            border: 2px solid var(--gold);
176            border-radius: 24px;
177            box-shadow:
178                0 0 30px rgb(0, 132, 248),
179                0 0 60px rgb(0, 132, 248),
180                inset 0 0 60px rgba(212, 175, 55, 0.03),
181                0 20px 60px rgba(0, 0, 0, 0.8);
182            overflow: hidden;
183        }
184
185        .arcade-frame::before {
186            content: "";
187            position: absolute;
188            inset: 4px;
189            border-radius: 20px;
190            border: 1px solid rgb(0, 120, 248);
191            pointer-events: none;
192            z-index: 0;
193        }
194
195        .arcade-frame::after {
196            content: "";
197            position: absolute;
198            top: -2px;
199            left: -2px;
200            right: -2px;
201            bottom: -2px;
202            border-radius: 26px;
203            background: linear-gradient(135deg, var(--gold), transparent 30%, transparent 70%, var(--gold-dark));
204            z-index: -1;
205            opacity: 0.3;
206        }
207
208        .hud {
209            position: relative;
210            z-index: 1;
211            display: flex;
212            justify-content: space-between;
213            align-items: center;
214            padding: 12px 20px;
215            font-family: 'Rajdhani', sans-serif;
216            font-size: 12px;
217            font-weight: 700;
218            letter-spacing: 2px;
219            color: var(--gold);
220            border-bottom: 1px solid rgb(0, 79, 248);
221            background: linear-gradient(180deg, rgba(20, 20, 20, 0.9), rgba(0, 0, 0, 0.6));
222            text-transform: uppercase;
223        }
224
225        .hud .online {
226            color: var(--gold-light);
227            text-shadow: 0 0 20px rgb(0, 103, 248);
228            animation: pulseGold 2s ease-in-out infinite;
229        }
230
231        @keyframes pulseGold {
232
233            0%,
234            100% {
235                opacity: 0.8;
236                text-shadow: 0 0 20px rgb(0, 108, 248);
237            }
238
239            50% {
240                opacity: 1;
241                text-shadow: 0 0 30px rgba(212, 175, 55, 0.5), 0 0 60px rgb(0, 136, 248);
242            }
243        }
244
245        .hud .status {
246            color: var(--muted);
247            opacity: 0.7;
248            font-weight: 600;
249        }
250
251        .screen {
252            position: relative;
253            z-index: 1;
254            padding: 16px 20px 28px;
255            text-align: center;
256        }
257
258        .logo-img {
259            position: relative;
260            padding: 4px 0;
261            margin-bottom: 6px;
262        }
263
264        .logo-img amp-img {
265            position: relative;
266            z-index: 1;
267            margin: 0 auto 8px;
268            max-width: 160px;
269            filter: drop-shadow(0 0 20px rgb(0, 124, 248));
270        }
271
272        .system {
273            display: inline-block;
274            margin: 6px auto 18px;
275            padding: 8px 20px;
276            border: 1px solid var(--gold);
277            border-radius: 50px;
278            background: linear-gradient(135deg, rgb(0, 56, 96), rgb(0, 124, 248));
279            color: var(ffffff);
280            font-family: 'Rajdhani', sans-serif;
281            font-size: 13px;
282            font-weight: 700;
283            letter-spacing: 3px;
284            text-transform: uppercase;
285            box-shadow: 0 0 30px rgb(0, 108, 248), inset 0 0 30px rgb(0, 45, 96);
286        }
287
288        .hero {
289            position: relative;
290            margin-bottom: 18px;
291        }
292
293        .hero-media {
294            position: relative;
295            overflow: hidden;
296            border-radius: 16px;
297            border: 1px solid rgb(0, 83, 248);
298            background: #0a0a0a;
299            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5), inset 0 0 60px rgba(212, 175, 55, 0.03);
300        }
301
302        .hero-media::before {
303            content: "";
304            position: absolute;
305            inset: 0;
306            z-index: 2;
307            pointer-events: none;
308            background:
309                linear-gradient(135deg, rgb(0, 116, 248), transparent 30%, transparent 70%, rgb(0, 83, 248));
310        }
311
312        .hero-media::after {
313            content: "";
314            position: absolute;
315            inset: 0;
316            z-index: 2;
317            pointer-events: none;
318            background:
319                repeating-linear-gradient(0deg,
320                    rgba(0, 0, 0, 0.03) 0 1px,
321                    transparent 1px 3px);
322            opacity: 0.2;
323        }
324
325        .hero amp-img {
326            display: block;
327        }
328
329        .boot-overlay {
330            position: absolute;
331            inset: 0;
332            z-index: 5;
333            display: flex;
334            align-items: center;
335            justify-content: center;
336            background: radial-gradient(circle at center, rgba(10, 10, 10, 0.95), rgba(0, 0, 0, 0.98));
337            animation: bootFadeOut .7s ease-out 2.2s forwards;
338            pointer-events: none;
339        }
340
341        .boot-logo {
342            font-family: 'Playfair Display', serif;
343            font-size: 32px;
344            font-weight: 900;
345            letter-spacing: 4px;
346            color: var(--gold);
347            opacity: 0;
348            transform: translateY(-30px) scale(0.9);
349            text-shadow:
350                0 0 40px rgb(0, 103, 248),
351                0 0 80px rgb(0, 103, 248);
352            animation: logoDropGold 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
353        }
354
355        .boot-logo span {
356            font-size: 14px;
357            vertical-align: super;
358            color: var(--gold-dark);
359        }
360
361        @keyframes logoDropGold {
362            0% {
363                opacity: 1;
364                transform: translateY(-30px) scale(0.9);
365                text-shadow: 0 0 20px rgb(0, 124, 248);
366            }
367
368            60% {
369                transform: translateY(0) scale(1.02);
370                text-shadow: 0 0 60px rgba(212, 175, 55, 0.4);
371            }
372
373            100% {
374                opacity: 1;
375                transform: translateY(0) scale(1);
376                text-shadow: 0 0 40px rgb(0, 120, 248);
377            }
378        }
379
380        @keyframes bootFadeOut {
381            to {
382                opacity: 0;
383                visibility: hidden
384            }
385        }
386
387        .menu {
388            margin-top: 4px;
389        }
390
391        .menu a {
392            display: block;
393            position: relative;
394            margin: 12px 0;
395            padding: 16px 20px;
396            text-decoration: none;
397            text-transform: uppercase;
398            text-align: center;
399            font-family: 'Rajdhani', sans-serif;
400            font-size: 14px;
401            font-weight: 700;
402            letter-spacing: 2px;
403            color: var(--gold);
404            border: 1px solid rgb(0, 103, 248);
405            border-radius: 12px;
406            background: linear-gradient(135deg, rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.6));
407            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgb(0, 124, 248);
408            transition: all 0.3s ease;
409            overflow: hidden;
410        }
411
412        .menu a:hover {
413            border-color: var(--gold);
414            background: linear-gradient(135deg, rgba(212, 175, 55, 0.08), rgba(20, 20, 20, 0.9));
415            box-shadow: 0 4px 30px rgb(0, 149, 248), inset 0 0 40px rgba(212, 175, 55, 0.02);
416            transform: translateY(-1px);
417        }
418
419        .menu a:active {
420            transform: translateY(1px);
421            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
422        }
423
424        .menu a::before {
425            content: "";
426            position: absolute;
427            inset: 0;
428            background: linear-gradient(90deg, transparent, rgb(0, 128, 248), transparent);
429            transform: translateX(-100%);
430            animation: shimmerGold 4s linear infinite;
431            pointer-events: none;
432        }
433
434        @keyframes shimmerGold {
435            to {
436                transform: translateX(100%)
437            }
438        }
439
440        .menu a span {
441            position: absolute;
442            display: block;
443        }
444
445        .menu a span:nth-child(1) {
446            top: 0;
447            left: 0;
448            width: 100%;
449            height: 1px;
450            background: linear-gradient(to left, transparent, var(--gold));
451            animation: animateTop 2s linear infinite;
452            opacity: 0.3;
453        }
454
455        .menu a span:nth-child(2) {
456            top: 0;
457            right: 0;
458            width: 1px;
459            height: 100%;
460            background: linear-gradient(to top, transparent, var(--gold));
461            animation: animateRight 2s linear infinite;
462            animation-delay: -1s;
463            opacity: 0.3;
464        }
465
466        .menu a span:nth-child(3) {
467            bottom: 0;
468            left: 0;
469            width: 100%;
470            height: 1px;
471            background: linear-gradient(to right, transparent, var(--gold));
472            animation: animateBottom 2s linear infinite;
473            opacity: 0.3;
474        }
475
476        .menu a span:nth-child(4) {
477            top: 0;
478            left: 0;
479            width: 1px;
480            height: 100%;
481            background: linear-gradient(to bottom, transparent, var(--gold));
482            animation: animateLeft 2s linear infinite;
483            animation-delay: -1s;
484            opacity: 0.3;
485        }
486
487        @keyframes animateTop {
488            0% {
489                transform: translateX(100%)
490            }
491
492            100% {
493                transform: translateX(-100%)
494            }
495        }
496
497        @keyframes animateRight {
498            0% {
499                transform: translateY(100%)
500            }
501
502            100% {
503                transform: translateY(-100%)
504            }
505        }
506
507        @keyframes animateBottom {
508            0% {
509                transform: translateX(-100%)
510            }
511
512            100% {
513                transform: translateX(100%)
514            }
515        }
516
517        @keyframes animateLeft {
518            0% {
519                transform: translateY(-100%)
520            }
521
522            100% {
523                transform: translateY(100%)
524            }
525        }
526
527        .panel {
528            margin-top: 22px;
529            padding: 18px 18px 14px;
530            text-align: left;
531            border: 1px solid rgb(0, 124, 248);
532            border-radius: 16px;
533            background: linear-gradient(180deg, rgba(255 255 255 / 90%), rgba(167 167 167 / 70%));
534            box-shadow: inset 0 1px 0 rgb(0, 103, 248);
535        }
536
537        .panel::before {
538            content: "★ INFO SITUS ★";
539            display: inline-block;
540            margin-bottom: 12px;
541            padding: 4px 14px;
542            border-radius: 50px;
543            font-family: 'Rajdhani', sans-serif;
544            font-size: 10px;
545            font-weight: 700;
546            letter-spacing: 2px;
547            color: var(--black);
548            background: linear-gradient(135deg, var(--gold), var(--gold-dark));
549            border: 1px solid var(--gold);
550            text-transform: uppercase;
551        }
552
553        .seo-content h1 {
554            margin: 0 0 10px;
555            font-family: 'Playfair Display', serif;
556            font-size: 24px;
557            line-height: 1.2;
558            font-weight: 900;
559            letter-spacing: 0.5px;
560            color: var(--black);
561            text-shadow: 0 0 30px rgba(255 255 255);
562        }
563
564        .seo-content p {
565            margin: 0;
566            font-family: 'Noto Sans', Arial, sans-serif;
567            font-size: 13px;
568            line-height: 1.8;
569            color: var(--black);
570            opacity: 0.85;
571        }
572
573        .footer {
574            position: relative;
575            z-index: 1;
576            text-align: center;
577            padding: 14px 20px;
578            border-top: 1px solid rgb(0, 103, 248);
579            background: linear-gradient(180deg, rgba(10, 10, 10, 0.9), rgba(0, 0, 0, 0.95));
580            font-family: 'Rajdhani', sans-serif;
581            font-size: 10px;
582            font-weight: 600;
583            letter-spacing: 2px;
584            color: var(--white);
585            text-transform: uppercase;
586        }
587
588        .footer div {
589            opacity: 0.6;
590        }
591
592        @media(max-width:480px) {
593            .arcade-frame {
594                margin: 10px;
595                border-radius: 18px;
596            }
597
598            .arcade-frame::before {
599                inset: 3px;
600                border-radius: 15px;
601            }
602
603            .screen {
604                padding: 12px 16px 20px;
605            }
606
607            .boot-logo {
608                font-size: 26px;
609            }
610
611            .system {
612                font-size: 11px;
613                padding: 6px 16px;
614            }
615
616            .menu a {
617                font-size: 12px;
618                padding: 14px 16px;
619            }
620
621            .seo-content h1 {
622                font-size: 20px;
623            }
624
625            .seo-content p {
626                font-size: 12px;
627            }
628
629            .hud {
630                font-size: 10px;
631                padding: 10px 16px;
632            }
633        }
634
635        @media(max-width:380px) {
636            .boot-logo {
637                font-size: 20px;
638            }
639
640            .seo-content h1 {
641                font-size: 17px;
642            }
643
644            .menu a {
645                font-size: 10px;
646                padding: 12px 14px;
647            }
648        }
649    </style>
650</head>
651
652<body>
653
654    <section class="arcade-frame">
655
656        <div class="hud">
657            <div class="status">✦ VIP</div>
658            <div class="online">⚡ GACOR 24 JAM</div>
659        </div>
660
661        <div class="screen">
662            <div class="logo-img">
663                <amp-img src="https://brittanyfromboston.com/img/ombak77logo.png" width="200"
664                    height="120" layout="responsive" alt="LOGO OMBAK77">
665                </amp-img>
666            </div>
667
668            <div class="system">✦ Perkalian Tanpa Batasan ✦</div>
669
670            <div class="hero">
671                <div class="hero-media">
672                    <div class="boot-overlay">
673                        <div class="boot-logo">OMBAK77<span>®</span></div>
674                    </div>
675
676                    <amp-img src="https://brittanyfromboston.com/img/ombak77banner.webp" width="420"
677                        height="420" layout="responsive" alt="LOGO OMBAK77">
678                    </amp-img>
679                </div>
680            </div>
681
682            <nav class="menu">
683                <a href="https://shorten.is/yGplU" rel="nofollow noreferrer" target="_blank">
684                    <span></span><span></span><span></span><span></span>
685                    MASUK AKUN
686                </a>
687                <a href="https://shorten.is/yGplU" rel="nofollow noreferrer" target="_blank">
688                    <span></span><span></span><span></span><span></span>
689                    BUAT AKUN
690                </a>
691                <a href="https://shorten.is/yGplU" rel="nofollow noreferrer" target="_blank">
692                    <span></span><span></span><span></span><span></span>
693                    LINK ALTERNATIF
694                </a>
695                <a href="https://shorten.is/yGplU" rel="nofollow noreferrer" target="_blank">
696                    <span></span><span></span><span></span><span></span>
697                    HUBUNGI KAMI
698                </a>
699            </nav>
700
701            <div class="panel seo-content">
702                <h1>OMBAK77 ‖ Gelombang Laut Ombak 77 Menjadi Simbol Datangnya Keberuntungan</h1>
703                <p>
704                    OMBAK77 merupakan kisah Ombak 77 yang bergerak seperti gelombang laut, membawa energi baru dan menjadi simbol hadirnya keberuntungan dalam setiap momen permainan.
705
706                </p>
707            </div>
708        </div>
709
710        <div class="footer">
711            <div>© 2026 OMBAK77 — ALL RIGHTS RESERVED BY SEO SINTING</div>
712        </div>
713    </section>
714
715</body>
716
717</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.