1<!DOCTYPE html>
2<html lang="en-US">
3<head>
4 <meta charset="utf-8"/>
5 <meta name="viewport" content="width=device-width, initial-scale=1"/>
6 <title>Family IPTV Streaming Plans | 4 Connections, Live TV & Sports</title>
7 <meta name="description" content="Premium family IPTV streaming with 4 connections, live sports, movies & HD channels. Affordable iptv subscription service with instant access on any device."/>
8 <link rel="canonical" href="https://theservice4u.com/"/>
9
10
11 <!-- Site icon / favicon -->
12 <link rel="icon" href="https://theservice4u.com/media_content/The-Service-4-U_transparent.webp" sizes="32x32"/>
13 <link rel="icon" href="https://theservice4u.com/media_content/The-Service-4-U_transparent.webp" sizes="192x192"/>
14<!-- Open Graph -->
15 <meta property="og:locale" content="en_US"/>
16 <meta property="og:type" content="website"/>
17 <meta property="og:title" content="Family IPTV Streaming Plans | 4 Connections, Live TV & Sports"/>
18 <meta property="og:description" content="Premium family IPTV streaming with 4 connections, live sports, movies & HD channels. Affordable iptv subscription service with instant access on any device."/>
19 <meta property="og:url" content="https://theservice4u.com/"/>
20 <meta property="og:site_name" content="The Service 4 U"/>
21 <meta property="og:image" content="https://theservice4u.com/media_content/watching_iptv.webp"/>
22 <meta name="twitter:card" content="summary_large_image"/>
23 <meta name="referrer" content="no-referrer"/>
24
25 <!-- Schema.org structured data (single, deduplicated) -->
26 <script type="application/ld+json">
27 {
28 "@context": "https://schema.org",
29 "@type": "Product",
30 "name": "The Service 4 U IPTV Plans",
31 "image": "https://theservice4u.com/media_content/The-Service-4-U_transparent.webp",
32 "description": "All IPTV plans include 4 connections. Plans start as low as $12/month when billed annually.",
33 "brand": { "@type": "Brand", "name": "The Service 4 U" },
34 "aggregateRating": { "@type": "AggregateRating", "ratingValue": "4.8", "reviewCount": "127" },
35 "offers": [
36 { "@type": "Offer", "price": "0", "priceCurrency": "USD", "availability": "https://schema.org/InStock", "name": "48-Hour Trial" },
37 { "@type": "Offer", "price": "19.99", "priceCurrency": "USD", "availability": "https://schema.org/InStock", "name": "1 Month Plan" },
38 { "@type": "Offer", "price": "49.99", "priceCurrency": "USD", "availability": "https://schema.org/InStock", "name": "3 Month Plan" },
39 { "@type": "Offer", "price": "79.99", "priceCurrency": "USD", "availability": "https://schema.org/InStock", "name": "6 Month Plan" },
40 { "@type": "Offer", "price": "139.99", "priceCurrency": "USD", "availability": "https://schema.org/InStock", "name": "12 Month Plan" }
41 ]
42 }
43 </script>
44
45 <!-- Google Fonts -->
46 <link rel="preconnect" href="https://fonts.googleapis.com"/>
47 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/>
48 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;800&family=Roboto:wght@400;500;600&display=swap" rel="stylesheet"/>
49
50 <!-- GCLID tracking -->
51 <script>
52 (function() {
53 const params = new URLSearchParams(window.location.search);
54 const gclid = params.get('gclid');
55 if (gclid) {
56 document.cookie = "gclid=" + encodeURIComponent(gclid) + "; path=/; max-age=" + (60 * 60 * 24 * 30) + "; SameSite=Lax; secure";
57 document.querySelectorAll('a[href*="/clients"]').forEach(link => {
58 if (!link.href.includes('gclid=')) {
59 const separator = link.href.includes('?') ? '&' : '?';
60 link.href = link.href + separator + 'gclid=' + encodeURIComponent(gclid);
61 }
62 });
63 }
64})();
65 </script>
66 <style>
67 /* ============================================================
68 RESET & BASE
69 ============================================================ */
70 *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
71 html { font-size: 100%; scroll-behavior: smooth; overflow-x: hidden; }
72 body {
73 font-family: 'Roboto', sans-serif;
74 font-size: 1rem;
75 font-weight: 400;
76 color: #6e7180;
77 background: #fff;
78 overflow-x: hidden;
79 padding-top: 50px; /* room for pulse banner */
80 }
81 a { color: #3b4fe4; text-decoration: none; transition: color .2s; }
82 a:hover { color: #243673; }
83 img { max-width: 100%; height: auto; vertical-align: middle; display: block; }
84 ul, ol { list-style: none; }
85 p { margin-bottom: 1em; }
86 h2 {
87 font-family: 'Poppins', sans-serif;
88 font-weight: 600;
89 font-size: 2.5rem;
90 color: #6e7180;
91 text-transform: capitalize;
92 line-height: 1.3;
93 margin-bottom: 20px;
94 }
95 @media (max-width: 768px) { h2 { font-size: 2rem; } }
96 @media (max-width: 544px) { h2 { font-size: 1.5rem; } }
97
98 /* ============================================================
99 LAYOUT HELPERS
100 ============================================================ */
101 .container {
102 max-width: 1200px;
103 margin: 0 auto;
104 padding: 0 20px;
105 }
106
107 /* ============================================================
108 PULSE CTA BANNER (top fixed)
109 ============================================================ */
110 #pulse-button {
111 position: fixed;
112 top: 0; left: 0; right: 0;
113 z-index: 9999;
114 display: block;
115 width: 100%;
116 text-align: center;
117 border-radius: 0;
118 padding: 12px 24px;
119 font-family: 'Roboto', sans-serif;
120 font-size: 0.875rem;
121 font-weight: 600;
122 color: #fff;
123 text-decoration: none;
124 animation: infinite-pulse 1.5s infinite ease-in-out;
125 }
126 @keyframes infinite-pulse {
127 0% { background-color: #ff0000; box-shadow: 0 0 10px #ff0000; }
128 50% { background-color: #00cc00; box-shadow: 0 0 25px #00cc00; }
129 100% { background-color: #ff0000; box-shadow: 0 0 10px #ff0000; }
130 }
131
132 /* ============================================================
133 NAVIGATION
134 ============================================================ */
135 .site-header {
136 position: sticky;
137 top: 50px; /* below pulse banner */
138 background: #fff;
139 z-index: 999;
140 border-bottom: 1px solid #e5e7eb;
141 }
142 .nav-wrap {
143 max-width: 1200px;
144 margin: 0 auto;
145 display: flex;
146 align-items: center;
147 justify-content: space-between;
148 padding: 14px 20px;
149 }
150 .logo { font-family: 'Poppins', sans-serif; font-weight: 800; font-size: 20px; color: #1a1a1a; }
151 .main-nav ul { display: flex; gap: 4px; }
152 .main-nav a {
153 display: block;
154 padding: 8px 14px;
155 font-weight: 600;
156 color: #1a1a1a;
157 border-radius: 4px;
158 }
159 .main-nav a:hover { background: #f0f2ff; color: #3b4fe4; }
160 .menu-toggle {
161 display: none;
162 background: none;
163 border: none;
164 font-size: 26px;
165 cursor: pointer;
166 padding: 4px 8px;
167 }
168 @media (max-width: 768px) {
169 .menu-toggle { display: block; }
170 .main-nav {
171 position: absolute;
172 left: 0; right: 0;
173 top: 100%;
174 background: #fff;
175 display: none;
176 border-bottom: 1px solid #e5e7eb;
177 z-index: 998;
178 }
179 .main-nav.active { display: block; }
180 .main-nav ul { flex-direction: column; padding: 12px 20px; gap: 2px; }
181 }
182
183 /* ============================================================
184 HERO SECTION
185 ============================================================ */
186 .hero {
187 display: flex;
188 align-items: center;
189 gap: 40px;
190 padding: 104px 20px;
191 max-width: 1200px;
192 margin: 0 auto;
193 }
194 .hero-image { flex: 0 0 271px; }
195 .hero-text { flex: 1; }
196 .hero-text h2 { color: #32B0E4; margin-bottom: 0; }
197 @media (max-width: 1024px) {
198 .hero { padding: 80px 40px 40px; }
199 }
200 @media (max-width: 768px) {
201 .hero { flex-direction: column; padding: 40px 20px; text-align: center; }
202 .hero-image { flex: none; max-width: 220px; margin: 0 auto; }
203 }
204
205 /* ============================================================
206 FEATURES / ICON BOX CARDS
207 ============================================================ */
208 .features-section {
209 max-width: 1200px;
210 margin: 0 auto 40px;
211 padding: 0 20px;
212 }
213 .features-grid {
214 display: grid;
215 grid-template-columns: repeat(3, 1fr);
216 gap: 24px;
217 margin-top: 40px;
218 }
219 .feature-card {
220 background: #fff;
221 border-radius: 8px;
222 padding: 40px;
223 box-shadow: 0 40px 120px -40px rgba(0,0,0,0.24);
224 }
225 .feature-card .icon {
226 display: inline-flex;
227 align-items: center;
228 justify-content: center;
229 width: 48px;
230 height: 48px;
231 background: #e2e5e7;
232 border-radius: 8px;
233 margin-bottom: 16px;
234 font-size: 24px;
235 color: #3b4fe4;
236 }
237 .feature-card h3 {
238 font-family: 'Poppins', sans-serif;
239 font-weight: 600;
240 font-size: 1.1rem;
241 color: #6EC1E4;
242 margin-bottom: 8px;
243 }
244 .feature-card p { color: #7a7a7a; margin: 0; font-size: 0.95rem; }
245 @media (max-width: 768px) {
246 .features-grid { grid-template-columns: 1fr; }
247 }
248
249 /* ============================================================
250 SECTION HEADING
251 ============================================================ */
252 .section-heading {
253 text-align: center;
254 padding: 40px 20px 20px;
255 }
256 .section-heading h2 { color: #85EC5B; }
257
258
259 /* Compatibility note (above pricing) */
260 .compatibility-note{
261 max-width: 1000px;
262 margin: 0 auto 28px;
263 padding: 0 20px;
264 text-align: center;
265 font-size: 0.95rem;
266 line-height: 1.5;
267 color: #6e7180;
268 }
269 .compatibility-note strong{ color:#1a1a1a; }
270
271 /* ============================================================
272 PRICING SECTION
273 ============================================================ */
274 .pricing-section {
275 max-width: 1200px;
276 margin: 0 auto;
277 padding: 0 20px 60px;
278 }
279
280 /* Trial card (full-width, special layout) */
281 .trial-card-wrap {
282 display: flex;
283 justify-content: center;
284 margin-bottom: 32px;
285 }
286 .trial-card {
287 max-width: 400px;
288 width: 100%;
289 }
290
291 /* 4-column paid plans */
292 .plans-grid {
293 display: grid;
294 grid-template-columns: repeat(4, 1fr);
295 gap: 20px;
296 }
297 @media (max-width: 1024px) { .plans-grid { grid-template-columns: repeat(2, 1fr); } }
298 @media (max-width: 600px) { .plans-grid { grid-template-columns: 1fr; } }
299
300 /* Pricing card base */
301 .pricing-card {
302 border-radius: 8px;
303 overflow: hidden;
304 background: #f7f7f7;
305 display: flex;
306 flex-direction: column;
307 }
308 .pricing-card .card-header {
309 background: #3b4fe4;
310 padding: 28px 24px 0;
311 text-align: center;
312 }
313 .pricing-card.trial .card-header { background: var(--card-color, #3b4fe4); }
314 .pricing-card .card-header h3 {
315 font-family: 'Poppins', sans-serif;
316 font-weight: 600;
317 font-size: 1.1rem;
318 color: #fff;
319 padding-bottom: 10px;
320 margin: 0;
321 }
322 .pricing-card .price {
323 display: flex;
324 align-items: flex-start;
325 justify-content: center;
326 gap: 2px;
327 padding: 24px 24px 12px;
328 line-height: 0.9;
329 }
330 .pricing-card .currency {
331 font-size: 2rem;
332 font-weight: 700;
333 color: #4e4e4e;
334 align-self: flex-start;
335 margin-top: 6px;
336 }
337 .pricing-card .amount {
338 font-size: 2.5rem;
339 font-weight: 700;
340 color: #4e4e4e;
341 }
342 .pricing-card .features {
343 padding: 0 24px 16px;
344 flex: 1;
345 }
346 .pricing-card .features li {
347 display: flex;
348 align-items: center;
349 gap: 8px;
350 padding: 8px 0;
351 font-size: 0.95rem;
352 color: #474f53;
353 font-weight: 500;
354 border-bottom: 1px solid #e8e8e8;
355 }
356 .pricing-card .features li:last-child { border-bottom: none; }
357 .pricing-card .features svg {
358 width: 14px;
359 height: 14px;
360 flex-shrink: 0;
361 fill: #3b4fe4;
362 }
363 .pricing-card .card-footer {
364 padding: 0 16px 20px;
365 text-align: center;
366 }
367
368 /* Buttons */
369 .btn-primary, .btn-secondary {
370 display: block;
371 width: 100%;
372 padding: 13px;
373 border-radius: 6px;
374 font-size: 0.9rem;
375 font-weight: 600;
376 color: #fff;
377 text-align: center;
378 margin-bottom: 8px;
379 transition: opacity .2s;
380 }
381 .btn-primary { background: #000; }
382 .btn-secondary { background: transparent; color: #474f53; text-decoration: underline; font-size: 0.875rem; margin-bottom: 0; }
383 .btn-primary:hover { opacity: .85; color: #fff; }
384 .btn-secondary:hover { color: #3b4fe4; }
385 .btn-trial {
386 display: inline-block;
387 padding: 13px 32px;
388 background: #3b4fe4;
389 color: #fff;
390 font-weight: 600;
391 font-size: 1rem;
392 border-radius: 6px;
393 margin-top: 8px;
394 transition: opacity .2s;
395 }
396 .btn-trial:hover { opacity: .85; color: #fff; }
397
398 /* Popular badge */
399 .popular-badge {
400 display: inline-block;
401 background: #85EC5B;
402 color: #1a1a1a;
403 font-size: 0.7rem;
404 font-weight: 700;
405 padding: 2px 8px;
406 border-radius: 12px;
407 margin-bottom: 4px;
408 letter-spacing: .5px;
409 text-transform: uppercase;
410 }
411
412 /* ============================================================
413 REVIEWS / RATING FOOTER
414 ============================================================ */
415 .rating-bar {
416 text-align: center;
417 padding: 20px;
418 border-top: 1px solid #eee;
419 }
420 .rating-bar .stars { color: #ffcc00; font-size: 24px; }
421 .rating-bar p { margin: 4px 0 0; font-size: 1rem; font-weight: 700; color: #333; }
422
423 /* ============================================================
424 FOOTER
425 ============================================================ */
426 .site-footer {
427 background: #243673;
428 color: #e2e5e7;
429 padding: 28px 20px;
430 }
431 .footer-inner {
432 max-width: 1200px;
433 margin: 0 auto;
434 display: flex;
435 justify-content: space-between;
436 align-items: center;
437 font-size: 0.875rem;
438 }
439 @media (max-width: 544px) {
440 .footer-inner { flex-direction: column; gap: 8px; text-align: center; }
441 }
442
443 /* ============================================================
444 CHECK ICON (inline SVG reuse)
445 ============================================================ */
446 .check-icon { width: 14px; height: 14px; fill: #3b4fe4; flex-shrink: 0; }
447 </style>
448</head>
449
450<body>
451
452 <!-- ========== PULSE CTA BANNER ========== -->
453 <a href="https://theservice4u.com/all-plans" id="pulse-button">
454 SHOP ALL PLANS NOW
455 </a>
456
457 <!-- ========== NAVIGATION ========== -->
458 <header class="site-header">
459 <div class="nav-wrap">
460 <div class="logo">The Service 4 U</div>
461 <button class="menu-toggle" aria-label="Toggle Menu">☰</button>
462 <nav class="main-nav" aria-label="Main navigation">
463 <ul>
464 <li><a href="https://theservice4u.com/">Home</a></li>
465 <li><a href="https://theservice4u.com/all-plans/">All Plans</a></li>
466 <li><a href="https://theservice4u.com/install/">Installation Instructions</a></li>
467 <li><a href="https://theservice4u.com/clients/clientarea.php">My Account</a></li>
468 <li><a href="https://theservice4u.com/resellers/">Resellers</a></li>
469 </ul>
470 </nav>
471 </div>
472 </header>
473
474 <main id="main">
475
476 <!-- ========== HERO ========== -->
477 <section class="hero" aria-label="Hero">
478 <div class="hero-image">
479 <img
480 src="https://theservice4u.com/media_content/watching_iptv.webp"
481 alt="Relaxed person watching TV with a remote control"
482 width="271" height="180"
483 loading="lazy"
484 />
485 </div>
486 <div class="hero-text">
487 <h2>
488 BEST QUALITY — LOWEST PRICES<br>
489 The Only Multi-Room Streaming Service. Get 4 connections for the price of one.<br>
490 Stream Live Channels in HD: Sports, Movies & More, Anytime, Anywhere<br>
491 Instant access to sports, movies, and more on any device.
492 </h2>
493 </div>
494 </section>
495
496 <!-- ========== FEATURE CARDS ========== -->
497 <section class="features-section" aria-label="Features">
498 <div class="features-grid">
499
500 <div class="feature-card">
501 <div class="icon">📺</div>
502 <h3>4 Simultaneous Connections</h3>
503 <p>Watch on up to 4 devices at once — perfect for the whole household with one subscription.</p>
504 </div>
505
506 <div class="feature-card">
507 <div class="icon">🏆</div>
508 <h3>Live Sports & Movies</h3>
509 <p>Premium channels including live sports, PPV events, and thousands of on-demand movies.</p>
510 </div>
511
512 <div class="feature-card">
513 <div class="icon">⚡</div>
514 <h3>Instant Access & 24/7 Support</h3>
515 <p>No equipment required. Get up and running in minutes on any device, any time.</p>
516 </div>
517
518 </div>
519 </section>
520
521 <!-- ========== SECTION HEADING ========== -->
522 <div class="section-heading">
523 <h2>start watching now</h2>
524 <img
525 src="https://theservice4u.com/media_content/watching_iptv2.webp"
526 alt="Family watching IPTV streaming service"
527 width="400"
528 loading="lazy"
529 style="margin: 16px auto 0; border-radius: 8px;"
530 />
531 </div>
532
533 <!-- Compatibility note (added) -->
534 <p class="compatibility-note">
535 <strong>Please note:</strong> Our service is compatible with firestick, android tv, NVIDIA Shield, Apple TV, Mac, PC, iOS and IpadOS. Smart TV installation is available for select players; however, compatibility isn't guaranteed (excluding devices connected to a Smart TV).
536 </p>
537
538 <!-- ========== PRICING ========== -->
539 <section class="pricing-section" aria-label="Pricing plans">
540
541 <!-- Trial card -->
542 <div class="trial-card-wrap">
543 <div class="pricing-card trial" style="--card-color:#3b4fe4">
544 <div class="card-header">
545 <h3>IPTV Free Trial — 48 Hours</h3>
546 <p style="font-size:.8rem;color:rgba(255,255,255,.8);margin:2px 0 6px">Try our IPTV service free — no commitment</p>
547 </div>
548 <div class="price">
549 <span class="amount">FREE</span>
550 </div>
551 <ul class="features">
552 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>1 Device</li>
553 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>No Pay Per View</li>
554 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>No Sports</li>
555 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>No On-Demand</li>
556 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Limited Channels — for service quality testing</li>
557 </ul>
558 <div class="card-footer">
559 <a class="btn-trial" href="https://theservice4u.com/clients/cart.php?a=add&pid=11" rel="nofollow">Get Free IPTV Trial</a>
560 </div>
561 </div>
562 </div>
563
564 <!-- 4 paid plans -->
565 <div class="plans-grid">
566
567 <!-- 1 Month -->
568 <div class="pricing-card">
569 <div class="card-header" style="background:#3b4fe4">
570 <h3>One Month Plan</h3>
571 </div>
572 <div class="price"><span class="currency">$</span><span class="amount">19.99</span></div>
573 <ul class="features">
574 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>4 Connections</li>
575 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Live Channels</li>
576 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Premium Sports & Movies</li>
577 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Adult Access Optional</li>
578 </ul>
579 <div class="card-footer">
580 <a class="btn-primary" href="https://theservice4u.com/clients/cart.php?a=add&pid=1" rel="nofollow">🔞 1 Month Adult Plan</a>
581 <a class="btn-secondary" href="https://theservice4u.com/clients/cart.php?a=add&pid=6" rel="nofollow" target="_blank">🛡️ 1 Month Family-Friendly Plan</a>
582 </div>
583 </div>
584
585 <!-- 3 Months (Most Popular) -->
586 <div class="pricing-card">
587 <div class="card-header" style="background:#9D3BE4">
588 <span class="popular-badge">Most Popular</span>
589 <h3>3 Months Plan</h3>
590 </div>
591 <div class="price"><span class="currency">$</span><span class="amount">49.99</span></div>
592 <ul class="features">
593 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>4 Connections</li>
594 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Live Channels</li>
595 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Premium Sports & Movies</li>
596 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Adult Access Optional</li>
597 </ul>
598 <div class="card-footer">
599 <a class="btn-primary" href="https://theservice4u.com/clients/cart.php?a=add&pid=2" rel="nofollow">🔞 3 Month Adult Plan</a>
600 <a class="btn-secondary" href="https://theservice4u.com/clients/cart.php?a=add&pid=7" rel="nofollow" target="_blank">🛡️ 3 Month Family-Friendly Plan</a>
601 </div>
602 </div>
603
604 <!-- 6 Months -->
605 <div class="pricing-card">
606 <div class="card-header" style="background:#3b4fe4">
607 <h3>6 Months Plan</h3>
608 </div>
609 <div class="price"><span class="currency">$</span><span class="amount">79.99</span></div>
610 <ul class="features">
611 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>4 Connections</li>
612 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Live Channels</li>
613 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Premium Sports & Movies</li>
614 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Adult Access Optional</li>
615 </ul>
616 <div class="card-footer">
617 <a class="btn-primary" href="https://theservice4u.com/clients/cart.php?a=add&pid=4" rel="nofollow">🔞 6 Month Adult Plan</a>
618 <a class="btn-secondary" href="https://theservice4u.com/clients/cart.php?a=add&pid=8" rel="nofollow" target="_blank">🛡️ 6 Month Family-Friendly Plan</a>
619 </div>
620 </div>
621
622 <!-- 12 Months -->
623 <div class="pricing-card">
624 <div class="card-header" style="background:#3b4fe4">
625 <h3>12 Months Plan</h3>
626 </div>
627 <div class="price"><span class="currency">$</span><span class="amount">139.99</span></div>
628 <ul class="features">
629 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>4 Connections</li>
630 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Live Channels</li>
631 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Premium Sports & Movies</li>
632 <li><svg viewBox="0 0 512 512"><path d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"/></svg>Adult Access Optional</li>
633 </ul>
634 <div class="card-footer">
635 <a class="btn-primary" href="https://theservice4u.com/clients/cart.php?a=add&pid=5" rel="nofollow">🔞 12 Month Adult Plan</a>
636 <a class="btn-secondary" href="https://theservice4u.com/clients/cart.php?a=add&pid=10" rel="nofollow" target="_blank">🛡️ 12 Month Family-Friendly Plan</a>
637 </div>
638 </div>
639
640 </div><!-- .plans-grid -->
641 </section>
642
643 <!-- ========== RATING BAR ========== -->
644 <div class="rating-bar">
645 <div class="stars">★★★★★</div>
646 <p>Rating: 4.8 / 5 based on 127 verified reviews</p>
647 </div>
648
649 </main>
650
651 <!-- ========== FOOTER ========== -->
652 <footer class="site-footer">
653 <div class="footer-inner">
654 <span>Copyright © 2026 The Service 4 U</span>
655 <span>Powered by The Service 4 U</span>
656 </div>
657 </footer>
658
659 <!-- ========== MOBILE NAV TOGGLE ========== -->
660 <script>
661 document.querySelector('.menu-toggle').addEventListener('click', function() {
662 document.querySelector('.main-nav').classList.toggle('active');
663 });
664 </script>
665
666</body>
667</html>
668