PageSourceSearch

https://sicarpeting.com/staten-island/home

html sicarpeting.com collected 2026-10-04 02:37:06 UTC 81,545 bytes, 1,713 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <!-- Basic Page Needs
6    ================================================== -->
7    <meta charset="utf-8">
8    <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
9    <meta name="viewport" content="width=device-width, initial-scale=1">
10
11    <!----------- META ------------********-->
12    <title> Premier Carpet &amp; Upholstery cleaning Staten Island| 20% off all services - Staten island</title>
13    <meta name="description"
14        content="Get carpet and upholstery cleaning services in Staten Island designed to bring freshness back to your home. Experience hassle-free cleaning with free pick-up &amp; delivery. ">
15    <meta name="keywords"
16        content="rug cleaning staten island, carpet cleaning staten island, carpet cleaning staten island ny, carpet cleaning in staten island, upholstery cleaning staten island, staten island carpet cleaning, carpet cleaning services staten island, cleaning services staten island, staten island carpet cleaning, carpet cleaning services, local island carpet cleaning">
17    <meta property="og:description"
18        content="Cleaning Service in Staten Island with most reliable stuff. Our priority is your satisfaction. Book now and get 20% off of all cleaning services">
19    <meta property="og:title" content="Premier Carpet &amp; Upholstery cleaning Staten Island| 20% off all services" />
20    <meta property="og:type" content="website" />
21    <meta property="og:url" src="http://www.sicarpeting.com/img/logo.png"
22        content="http://www.sicarpeting.com" />
23    <meta property="og:image"
24        content="http://www.sicarpeting.com/uploads/a0a1051379c6c6c4e0c7cf856ccf0f60ea3a8713-60"
25        src="http://sicarpeting.comSI carpeting" />
26    <meta property="og:image:width" content="400" />
27
28    <meta property="og:locale" content="en_US" />
29    <link rel="canonical" href="https://sicarpeting.com/staten-island/home">
30    <!----------- META ------------********-->
31    <!-- Hotjar Tracking Code for http://sicarpeting.com -->
32
33    <!-- Favicons
34    ================================================== -->
35    <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
36    <link rel="apple-touch-icon" href="/img/apple-touch-icon.png">
37    <link rel="apple-touch-icon" sizes="72x72" href="/img/apple-touch-icon-72x72.png">
38    <link rel="apple-touch-icon" sizes="114x114" href="/img/apple-touch-icon-114x114.png">
39
40    <!-- Bootstrap -->
41
42    <link rel="stylesheet" type="text/css" href="/css/all.css">
43    <!-- <link rel="stylesheet" type="text/css"  href="/css/bootstrap.css"> -->
44    <!-- <link rel="stylesheet" type="text/css" href="/fonts/font-awesome/css/font-awesome.css"> -->
45    <!-- <link rel="stylesheet" type="text/css" href="/fonts/icons/flaticon.css"> -->
46
47    <!-- Nivo Lightbox
48    ================================================== -->
49    <!-- <link rel="stylesheet" href="/css/nivo-lightbox.css" > -->
50    <!-- <link rel="stylesheet" href="/css/nivo_lightbox_themes/default/default.css"> -->
51
52    <!-- Slider
53    ================================================== -->
54    <!-- <link href="/css/owl.carousel.css" rel="stylesheet" media="screen"> -->
55    <!-- <link href="/css/owl.theme.css" rel="stylesheet" media="screen"> -->
56
57    <!-- Stylesheet
58    ================================================== -->
59    <!-- <link rel="stylesheet" type="text/css"  href="/css/style.css"> -->
60    <!-- <link rel="stylesheet" type="text/css" href="/css/responsive.css"> -->
61
62    <!-- Google Font
63    ================================================== -->
64    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
65    <link href='http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic' rel='stylesheet'
66        type='text/css'>
67    <link href='http://fonts.googleapis.com/css?family=Montserrat+Subrayada:400,700' rel='stylesheet' type='text/css'>
68    <link href='http://fonts.googleapis.com/css?family=Raleway:500,600,700,100,800,900,400,200,300' rel='stylesheet'
69        type='text/css'>
70
71    <style>
72        .logo {
73            white-space: nowrap;
74        }
75
76        #top-menu {
77            margin-bottom: 0;
78            border: 0;
79            border-radius: 0;
80            background: #000000;
81            height: auto;
82            color: #777777;
83            padding: 10px 0 2px 0;
84            border-top: 4px solid 40% #00becc;
85            background-color: #ffffff;
86        }
87
88        .form input::placeholder,
89        .form textarea::placeholder {
90            color: #000;
91        }
92
93        .form input,
94        .form textarea {
95            border: 1px solid #000;
96        }
97
98        #main-menu.navbar-default .navbar-nav>.active>a,
99        #main-menu.navbar-default .navbar-nav>.active>a:hover,
100        #main-menu.navbar-default .navbar-nav>.active>a:focus,
101        #main-menu.navbar-default .navbar-nav>li>a:hover,
102        #main-menu.navbar-default .navbar-nav>li>a:focus {
103
104            color: #ffffff !important;
105            background-color: #337AB7;
106            border-color: #222222;
107        }
108
109        a.read-more,
110        a.read-more>span {
111            color: #000000;
112            font-style: normal;
113            font-weight: 900;
114            transition: all 0.5s;
115            -webkit-transition: all 0.5s;
116            -moz-transition: all 0.5s;
117            -o-transition: all 0.5s;
118            -webkit-transform: translateY(0%);
119            transform: translateY(0%);
120        }
121
122        a {
123            color: #000000;
124            transition: all 0.5s;
125            -webkit-transition: all 0.5s;
126            -moz-transition: all 0.5s;
127            -o-transition: all 0.5s;
128        }
129
130        .overlay.color {
131            /*background-color: rgba(13, 115, 92, 0.85);*/
132            background-color: rgba(58, 58, 58, 0.85);
133        }
134
135
136        .testimonial.color .overlay {
137            background-color: rgba(13, 115, 92, 0.85);
138            color: #ffffff;
139        }
140
141        .dropdown-menu {
142
143            /*background-color: #009ab5;*/
144
145        }
146
147        .dropdown-menu>li>a {
148            display: block;
149            padding: 15px 20px;
150            clear: both;
151            font-weight: normal;
152            line-height: 1.42857143;
153            color: #ffffff;
154            white-space: nowrap;
155        }
156
157        #en-services {
158            background: #032c2f !important;
159        }
160
161        .tags ul li {
162            background-color: blanchedalmond;
163        }
164
165        @media (min-width: 768px) {
166            .dropdown:hover .dropdown-menu {
167                display: block;
168            }
169            .dropdown-menu {
170                background-color: #337AB7;
171            }
172        }
173
174        @media (max-width: 767px) {
175            .navbar-collapse {
176                background-color: rgba(13, 115, 92, 0.85);
177                max-height: 80vh;
178                overflow-y: auto;
179                border-top: 1px solid #e7e7e7;
180            }
181            .navbar-nav {
182                margin: 0;
183            }
184            .navbar-nav > li > a {
185                color: #fff !important;
186                border-bottom: 1px solid #eee;
187            }
188            .navbar-nav > li > a:hover {
189                background-color: #337AB7;
190            }
191            .dropdown-menu {
192                position: static;
193                float: none;
194                width: auto;
195                margin-top: 0;
196                background-color: transparent;
197                border: 0;
198                box-shadow: none;
199            }
200            .dropdown-menu > li > a {
201                color: #fff !important;
202                padding: 10px 15px 10px 30px;
203                white-space: normal;
204            }
205            .dropdown-menu > li > a:hover {
206                background-color: #337AB7;
207            }
208        }
209
210        .widget {
211            border-left: none !important;
212        }
213
214        .single-post {
215            margin-bottom: 30px;
216            border-top: 2px solid #337AB7;
217            padding: 30px;
218            background: #f9f9f9;
219        }
220
221        */
222    </style>
223
224
225    <!-- Google tag (gtag.js) -->
226    <!--
vendor: 63 bytes, line 226
226<script async src="https://www.googletagmanager.com/gtag/js?id=
226G-GN8BPRVK8C
vendor: 11 bytes, line 226
226"></script>
226-->
227    <!--
227<script>-->
228    <!--    window.dataLayer = window.dataLayer || [];-->
229
230    <!--    function gtag() {-->
231    <!--        dataLayer.push(arguments);-->
232    <!--    }-->
233    <!--    gtag('js', new Date());-->
234
235    <!--    gtag('config', 'G-GN8BPRVK8C');-->
236    <!--</script>
236-->
237
238
239    <!-- Google Tag Manager -->
240    <!--
240<script>-->
241    <!--    (function(w, d, s, l, i) {-->
242    <!--        w[l] = w[l] || [];-->
243    <!--        w[l].push({-->
244    <!--            'gtm.start': new Date().getTime(),-->
245    <!--            event: 'gtm.js'-->
246    <!--        });-->
247    <!--        var f = d.getElementsByTagName(s)[0],-->
248    <!--            j = d.createElement(s),-->
249    <!--            dl = l != 'dataLayer' ? '&l=' + l : '';-->
250    <!--        j.async = true;-->
251    <!--        j.src =-->
252    <!--            'https://www.googletagmanager.com/gtm.js?id=' + i + dl;-->
253    <!--        f.parentNode.insertBefore(j, f);-->
254    <!--    })(window, document, 'script', 'dataLayer', 'GTM-TK2XPGRB');-->
255    <!--</script>
255-->
256    <!-- End Google Tag Manager -->
257    <meta name="google-site-verification" content="dSj18p_G-tumrfGySVPYuQQ1eCm09APHjrGL-9p8_8w" />
258<!-- Google Tag Manager -->
259<script>
vendor: 327 bytes, lines 259-263
259(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
260new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
261j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
262'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
263})(window,document,'script','dataLayer','
263GTM-MRX4BQRS
vendor: 3 bytes, line 263
263');
263</script>
263
264<!-- End Google Tag Manager -->
265</head>
266
267<body>
268
269
270    <!-- Google Tag Manager (noscript) -->
271    <!--<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TK2XPGRB" height="0" width="0"-->
272    <!--        style="display:none;visibility:hidden"></iframe></noscript>-->
273    <!-- End Google Tag Manager (noscript) -->
274
275    <style>
276        @media (max-width:900px) and (min-width:750px) {
277            .book-box {
278                padding-left: 45px;
279            }
280
281            .book-text {
282                font-size: 20px;
283            }
284
285            .header-phone {
286                font-size: 13px;
287            }
288        }
289
290        .header-logo {
291            line-height: 100px;
292            font-size: 30px;
293            color: #000000;
294        }
295
296        @media (max-width:767px) {
297            .header-logo {
298                line-height: 0px;
299            }
300        }
301
302        /* Remove default list styling */
303        .social-icons {
304            padding: 0;
305            margin: 0;
306            list-style: none;
307        }
308
309        .social-icons li {
310            display: inline-block;
311            /* Ensures they sit side-by-side */
312            margin: 0 5px;
313            /* Adds space between the buttons */
314        }
315
316        /* Style the circle buttons */
317        .social-icons a {
318            display: flex;
319            /* Critical for centering */
320            justify-content: center;
321            /* Center horizontally */
322            align-items: center;
323            /* Center vertically */
324            width: 40px;
325            /* Fixed width */
326            height: 40px;
327            /* Fixed height */
328            border-radius: 50%;
329            /* Makes it a perfect circle */
330            background-color: #333;
331            /* Dark background */
332            color: #fff;
333            /* White icon color */
334            font-size: 18px;
335            /* Icon size */
336            text-decoration: none;
337            /* Removes underline */
338            transition: all 0.3s ease;
339            /* Smooth hover effect */
340        }
341
342        /* Optional: Hover Color Change */
343        .social-icons a:hover {
344            background-color: #007bff;
345            /* Change to your preferred hover color */
346            transform: translateY(-3px);
347            /* Small "jump" effect */
348        }
349    </style>
350
351    <!-- Top Navigation
352========================-->
353    <nav id="top-menu">
354        <div class="container">
355            <div class="row">
356
357                <!-- Brand and toggle get grouped for better mobile display -->
358
359                <div class="col-sm-3 col-md-3">
360                    <div class="navbar-header" style="padding-top: 15px">
361                        <a href="/staten-island/home">
362                            <img src="https://sicarpeting.com/images/si-carpeting.png" class="header-logo" alt="Si Carpeting">
363                        </a>
364                    </div>
365                </div>
366                <div class="col-sm-6 col-md-6">
367                    <div class="book-box" style="margin-top:5%">
368                        <font class="book-text" size="6" style="color:
369               #000000">BOOK ONLINE AND GET
370                            <span style="color:000000">20% OFF</span>
371                        </font>
372                    </div>
373                </div>
374
375                <div class="col-sm-3 col-md-3">
376                    <ul class="top-links list-unstyled text-right">
377                        <li class="top-contact">
378                            <ol class="list-inline">
379                                <li>
380                                    <font size="5"><a style="color:#000000" class="header-phone"
381                                            href="tel:718-431-0248"><i
382                                                class="fa fa-phone"></i> (718) 431-0248</a>
383                                    </font>
384                                </li>
385                            </ol>
386                        </li>
387                        <li>
388                            <ol class="social-icons list-inline">
389                                <li><a class="facebook" target="_blank"
390                                        href="https://www.facebook.com/sicarpeting/"><i
391                                            class="fa fa-facebook-square"></i></a></li>
392                                <li><a class="google" target="_blank"
393                                        href="https://www.instagram.com/sicarpeting/"><i
394                                            class="fa fa-instagram"></i></a></li>
395                                <li><a class="youtube" target="_blank"
396                                        href="https://www.youtube.com/@sicarpeting"><i
397                                            class="fa fa-youtube"></i></a></li>
398                            </ol>
399                        </li>
400                    </ul>
401                </div>
402
403            </div>
404        </div>
405    </nav>
406
407    <!-- Main Navigation
408========================-->
409    <div id="sticky-anchor"></div>
410    <nav id="main-menu" class="navbar navbar-default">
411        <div class="container">
412
413            <!-- Brand and toggle get grouped for better mobile display -->
414            <div class="navbar-header">
415                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myMenu">
416                    <i class="fa fa-list-ul"></i>
417                </button>
418            </div>
419
420            <!-- Collect the nav links, forms, and other content for toggling -->
421            <div class="collapse navbar-collapse" id="myMenu">
422                <ul class="nav navbar-nav navbar-left">
423                    <li class="active"><a href="/staten-island/home">Home</a></li>
424                    <li class=" dropdown ">
425                        <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="true"
426                            href="/staten-island/blog/area-rug">Area Rug <span class="caret"></span></a>
427                        <ul class="dropdown-menu" role="menu">
428                            <li><a href="/staten-island/services/area-rug-cleaning">Area Rug Cleaning</a>
429                            </li>
430                            <li><a href="/staten-island/services/area-rug-repair">Area
431                                    Rug Repair</a></li>
432                            <li><a href="/staten-island/services/area-rug-restoration">Area
433                                    Rug Restoration</a></li>
434                        </ul>
435                    </li>
436                    <li class=" dropdown ">
437                        <a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"
438                            href="/staten-island/blog/carpets">Carpets<span class="caret"></span></a>
439                        <ul class="dropdown-menu" role="menu">
440                            <li><a href="/staten-island/services/carpet-cleaning">Carpet
441                                    Cleaning</a></li>
442                            <li><a href="/staten-island/services/commercial-carpet-cleaning">Commercial
443                                    Carpet</a></li>
444                            <li><a href="/staten-island/services/wall-to-wall-carpet-installation">Carpet
445                                    Installation</a></li>
446                        </ul>
447                    </li>
448                    <li class=" dropdown ">
449                        <a class="dropdown-toggle" role="button" aria-expanded="false"
450                            href="/staten-island/services">Services<span class="caret"></span></a>
451                        <ul class="dropdown-menu" role="menu">
452                            <li><a href="/staten-island/services/water-damage">Water
453                                    Damage</a></li>
454                            <li><a href="/staten-island/services/upholstery-cleaning">Upholstery
455                                    Cleaning</a></li>
456                            <li><a href="/staten-island/services/organic-cleaning">Organic
457                                    Cleaning</a></li>
458                            <li><a href="/staten-island/services/mattress-cleaning">Mattress
459                                    Cleaning</a></li>
460                            <li><a href="/staten-island/services/drapery-and-blinds-cleaning">Draper
461                                    & Blinds cleaning</a></li>
462                            <li><a href="/staten-island/services/bed-bug-treatment">Bed
463                                    Bug Treatment</a></li>
464                            <li><a href="/staten-island/services/pet-stain-and-odor-removal">Pet Stain
465                                    & Oror Removal</a></li>
466                            <li><a href="/staten-island/services/allergy-control-treatment">Allergy
467                                    Control Treatment</a></li>
468                            <li><a href="/staten-island/services/miscellaneous">Miscellaneous</a></li>
469
470                        </ul>
471                    </li>
472
473                    <li class=""><a href="/staten-island/contact">Contact</a></li>
474                    <li class=""><a href="/staten-island/blog">Blog</a></li>
475                    <li class=""><a href="/staten-island/offers">Offers</a></li>
476                    <li class=""><a href="/staten-island/service-area">Service Area</a></li>
477            </div><!-- /.navbar-collapse -->
478
479        </div><!-- /.container -->
480    </nav>
481
482
483<style>
484    .carousel-inner {
485        max-height: 600px;
486    }
487
488    #en-services {
489        background: #ffc107 !important
490    }
491
492    h1 {
493        /*color: white !important;
494        -webkit-box-shadow: 10px 10px 105px 46px rgba(84, 165, 255, 0.84);
495        -moz-box-shadow: 10px 10px 105px 46px rgba(36, 116, 255, 0.84);
496        box-shadow: 10px 10px 105px 46px rgba(7, 142, 255, 0.84);
497        background-color: rgba(60, 166, 202, 0.67);*/
498
499        color: white !important;
500        /* background-color: rgba(60, 166, 202, 0.67); */
501    }
502
503    .widget {
504        border-left: none !important;
505    }
506
507    .panel-heading {
508        padding: 0px !important;
509
510    }
511
512    .panel {
513        padding: 0px !important;
514        box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
515    }
516
517    #en-footer .footer-content {
518        padding: 80px 0;
519        /*background: #32a8ba;*/
520        background: #222222;
521        color: #777;
522    }
523
524    #header-slider .carousel-caption {
525        background: transparent !important;
526    }
527
528    /* 1. Default State: Blue background, Blue border, White text */
529    .btn-default.en-btn {
530        background-color: #337AB7 !important;
531        border: 2px solid #337AB7 !important;
532        color: #ffffff !important;
533        border-radius: 0px;
534        /* Keeping it a rectangle as per your previous preference */
535        padding: 10px 25px;
536        font-weight: 600;
537        transition: all 0.3s ease;
538    }
539
540    /* 2. Hover State: White background, Blue border stays, Blue text */
541    .btn-default.en-btn:hover {
542        background-color: #ffffff !important;
543        color: #337AB7 !important;
544        border-color: #337AB7 !important;
545    }
546
547    /* Default Desktop Styles */
548    .call-us-intro {
549        font-size: 30px;
550        margin-top: 30px;
551        display: inline-block;
552    }
553
554    /* Mobile Responsive Adjustments */
555    @media (max-width: 767px) {
556        .call-us-intro {
557            font-size: 22px;
558            /* Scales down the big phone text */
559            margin-top: 10px;
560            /* Reduces the gap when stacked */
561            float: none !important;
562            /* Stops it from awkwardly hugging the right edge */
563            display: block;
564            text-align: center;
565            /* Centers the 'Call us' link on mobile */
566        }
567
568        .intro-title {
569            text-align: center !important;
570            /* Centers the main heading on mobile */
571        }
572
573        .intro-title h3 {
574            font-size: 24px;
575            /* Optional: slightly shrinks the main title for small screens */
576        }
577
578        .intro-title hr {
579            margin: 15px auto;
580            /* Centers the dividing line */
581        }
582    }
583</style>
584
585<!-- Main Navigation
586========================-->
587<div id="header-slider" class="carousel slide carousel-fade" data-ride="carousel">
588
589    <!-- Wrapper for slides -->
590    <div class="carousel-inner" role="listbox">
591        <div class="item active"> <!-- Slider Item #1 -->
592            <img style="width: 100%;" src="/images/slider/slider-two.webp" alt="...">
593            <div class="carousel-caption">
594                <h1>Your Cleaning<br> Experts</h1>
595                <p class="lead" style="text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.6);">
596                    Staten Island's Fast, Reliable & Trusted Fabric Cleaners.</p>
597                <a class="btn btn-default en-btn" href="/staten-island/services" role="button">Learn More</a>
598            </div>
599        </div>
600        <div class="item"> <!-- Slider Item #2 -->
601            <img style="width: 100%;" src="/images/slider/slider-one.webp" alt="...">
602            <div class="carousel-caption">
603                <h1>Commercial<br>Cleaning</h1>
604                <p class="lead" style="text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.6);">Your
605                    Go-To Team for Offices, Stores & Shared Spaces.</p>
606                <a class="btn btn-default en-btn" href="/staten-island/services" role="button">Our
607                    Services</a>
608            </div>
609        </div>
610        <div class="item"> <!-- Slider Item #3 -->
611            <img style="width: 100%;" src="/images/slider/slider-three.webp" alt="...">
612            <div class="carousel-caption">
613                <h1>Upholstery<br>Cleaning</h1>
614                <p class="lead" style="text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.8), 0 0 20px rgba(0, 0, 0, 0.6);">
615                    Fresh, Deep Furniture Cleaning, Serving Staten Island Since 1980.</p>
616                <a class="btn btn-default en-btn" href="/staten-island/services" role="button">Get Started
617                    Now</a>
618            </div>
619        </div>
620    </div>
621
622
623    <a class="left carousel-control" href="#header-slider" role="button" data-sli
623de="prev">
624        <span class="fa fa-long-arrow-left" aria-hidden="true"></span>
625    </a>
626    <a class="right carousel-control" href="#header-slider" role="button" data-slide="next">
627        <span class="fa fa-long-arrow-right" aria-hidden="true"></span>
628    </a>
629</div>
630<style>
631    #en-intro {
632        padding: 20px 0;
633    }
634</style>
635<!-- Intro
636========================-->
637<div id="en-intro">
638    <div class="container">
639        <div class="row">
640
641            <div class="col-xs-12 col-sm-8 col-md-8">
642                <div class="section-title intro-title text-left">
643                    <br />
644                    <h3><strong>Si Carpeting, Professional Carpet and Rug Cleaners</strong></h3>
645                    <hr style="border-color: #337AB7;">
646                </div>
647            </div>
648
649            <div class="col-xs-12 col-sm-4 col-md-4">
650                <a class="read-more call-us-intro pull-right" href="tel:718-431-0248">
651                    Call us <span class="fa fa-chevron-circle-right"></span>
652                </a>
653            </div>
654
655        </div>
656    </div>
657</div>
658<!-- Service
659========================-->
660
661
662<section id="portfolio-section" class="py-5 bg-light">
663    <div class="container">
664        <div class="text-center mb-5">
665            <h2 class="fw-bold display-6 text-uppercase">
666                OUR <span style="color: #03515F"> SERVICES </span>
667            </h2>
668        </div>
669
670        <br><br>
671
672        <div class="row g-4" id="services-grid">
673
674                            <div class="col-sm-6 col-lg-3 service-item extra-service"
675                    style="padding-bottom: 20px; gap:20px !important; ">
676
677                    <div class="card h-100 mx-auto"
678                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
679
680                        <a href="/staten-island/services/area-rug-cleaning" class="text-decoration-none">
681                            <div class="position-relative overflow-hidden">
682                                <img src="/images/services_cards/rug-cleaning-card.webp" class="card-img-top img-fluid"
683                                    alt="Area Rug Cleaning"
684                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
685                            </div>
686
687                            <div class="card-body p-4 text-start" style="padding: 10px;">
688                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
689                                    <h3 class="card-title text-dark mb-0"
690                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
691                                        Area Rug Cleaning
692                                    </h3>
693                                </div>
694
695                                <p class="card-text text-dark"
696                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
697                                    Gentle, thorough cleaning for wool, silk, vintage, and modern rugs.
698                                </p>
699                            </div>
700                        </a>
701                    </div>
702                </div>
703                            <div class="col-sm-6 col-lg-3 service-item extra-service"
704                    style="padding-bottom: 20px; gap:20px !important; ">
705
706                    <div class="card h-100 mx-auto"
707                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
708
709                        <a href="/staten-island/services/area-rug-repair" class="text-decoration-none">
710                            <div class="position-relative overflow-hidden">
711                                <img src="/images/services_cards/rug-repair-card.webp" class="card-img-top img-fluid"
712                                    alt="Area Rug Repair"
713                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
714                            </div>
715
716                            <div class="card-body p-4 text-start" style="padding: 10px;">
717                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
718                                    <h3 class="card-title text-dark mb-0"
719                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
720                                        Area Rug Repair
721                                    </h3>
722                                </div>
723
724                                <p class="card-text text-dark"
725                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
726                                    Fixing fringe, holes, edges, and worn spots by hand.
727                                </p>
728                            </div>
729                        </a>
730                    </div>
731                </div>
732                            <div class="col-sm-6 col-lg-3 service-item extra-service"
733                    style="padding-bottom: 20px; gap:20px !important; ">
734
735                    <div class="card h-100 mx-auto"
736                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
737
738                        <a href="/staten-island/services/area-rug-restoration" class="text-decoration-none">
739                            <div class="position-relative overflow-hidden">
740                                <img src="/images/services_cards/rug-restoration-card.webp" class="card-img-top img-fluid"
741                                    alt="Area Rug Restoration"
742                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
743                            </div>
744
745                            <div class="card-body p-4 text-start" style="padding: 10px;">
746                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
747                                    <h3 class="card-title text-dark mb-0"
748                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
749                                        Area Rug Restoration
750                                    </h3>
751                                </div>
752
753                                <p class="card-text text-dark"
754                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
755                                    Bringing old, damaged, or faded rugs back to life.
756                                </p>
757                            </div>
758                        </a>
759                    </div>
760                </div>
761                            <div class="col-sm-6 col-lg-3 service-item extra-service"
762                    style="padding-bottom: 20px; gap:20px !important; ">
763
764                    <div class="card h-100 mx-auto"
765                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
766
767                        <a href="/staten-island/services/carpet-cleaning" class="text-decoration-none">
768                            <div class="position-relative overflow-hidden">
769                                <img src="/images/services_cards/carpet-cleaning-card.webp" class="card-img-top img-fluid"
770                                    alt="Carpet Cleaning"
771                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
772                            </div>
773
774                            <div class="card-body p-4 text-start" style="padding: 10px;">
775                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
776                                    <h3 class="card-title text-dark mb-0"
777                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
778                                        Carpet Cleaning
779                                    </h3>
780                                </div>
781
782                                <p class="card-text text-dark"
783                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
784                                    Deep cleaning that lifts dirt and leaves carpets fresh.
785                                </p>
786                            </div>
787                        </a>
788                    </div>
789                </div>
790                            <div class="col-sm-6 col-lg-3 service-item extra-service"
791                    style="padding-bottom: 20px; gap:20px !important; ">
792
793                    <div class="card h-100 mx-auto"
794                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
795
796                        <a href="/staten-island/services/commercial-carpet-cleaning" class="text-decoration-none">
797                            <div class="position-relative overflow-hidden">
798                                <img src="/images/services_cards/commercial-cleaning-card.webp" class="card-img-top img-fluid"
799                                    alt="Commercial Cleaning"
800                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
801                            </div>
802
803                            <div class="card-body p-4 text-start" style="padding: 10px;">
804                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
805                                    <h3 class="card-title text-dark mb-0"
806                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
807                                        Commercial Cleaning
808                                    </h3>
809                                </div>
810
811                                <p class="card-text text-dark"
812                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
813                                    Keeping offices, stores, and shared spaces clean and welcoming.
814                                </p>
815                            </div>
816                        </a>
817                    </div>
818                </div>
819                            <div class="col-sm-6 col-lg-3 service-item extra-service"
820                    style="padding-bottom: 20px; gap:20px !important; ">
821
822                    <div class="card h-100 mx-auto"
823                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
824
825                        <a href="/staten-island/services/wall-to-wall-carpet-installation" class="text-decoration-none">
826                            <div class="position-relative overflow-hidden">
827                                <img src="/images/services_cards/carpet-installation-card.webp" class="card-img-top img-fluid"
828                                    alt="Carpet Installation"
829                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
830                            </div>
831
832                            <div class="card-body p-4 text-start" style="padding: 10px;">
833                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
834                                    <h3 class="card-title text-dark mb-0"
835                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
836                                        Carpet Installation
837                                    </h3>
838                                </div>
839
840                                <p class="card-text text-dark"
841                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
842                                    Smooth, wrinkle-free installation from start to finish.
843                                </p>
844                            </div>
845                        </a>
846                    </div>
847                </div>
848                            <div class="col-sm-6 col-lg-3 service-item extra-service"
849                    style="padding-bottom: 20px; gap:20px !important; ">
850
851                    <div class="card h-100 mx-auto"
852                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
853
854                        <a href="/staten-island/services/upholstery-cleaning" class="text-decoration-none">
855                            <div class="position-relative overflow-hidden">
856                                <img src="/images/services_cards/upholstery-cleaning-card.webp" class="card-img-top img-fluid"
857                                    alt="Upholstery Cleaning"
858                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
859                            </div>
860
861                            <div class="card-body p-4 text-start" style="padding: 10px;">
862                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
863                                    <h3 class="card-title text-dark mb-0"
864                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
865                                        Upholstery Cleaning
866                                    </h3>
867                                </div>
868
869                                <p class="card-text text-dark"
870                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
871                                    Fresh, clean furniture without shrinking or fading.
872                                </p>
873                            </div>
874                        </a>
875                    </div>
876                </div>
877                            <div class="col-sm-6 col-lg-3 service-item extra-service"
878                    style="padding-bottom: 20px; gap:20px !important; ">
879
880                    <div class="card h-100 mx-auto"
881                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
882
883                        <a href="/staten-island/services/drapery-and-blinds-cleaning" class="text-decoration-none">
884                            <div class="position-relative overflow-hidden">
885                                <img src="/images/services_cards/drapery-cleaning-card.webp" class="card-img-top img-fluid"
886                                    alt="Drapery and Blinds Cleaning"
887                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
888                            </div>
889
890                            <div class="card-body p-4 text-start" style="padding: 10px;">
891                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
892                                    <h3 class="card-title text-dark mb-0"
893                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
894                                        Drapery and Blinds Cleaning
895                                    </h3>
896                                </div>
897
898                                <p class="card-text text-dark"
899                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
900                                    Gentle washing for curtains, drapes, and window coverings.
901                                </p>
902                            </div>
903                        </a>
904                    </div>
905                </div>
906                            <div class="col-sm-6 col-lg-3 service-item extra-service"
907                    style="padding-bottom: 20px; gap:20px !important; display:none;">
908
909                    <div class="card h-100 mx-auto"
910                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
911
912                        <a href="/staten-island/services/organic-cleaning" class="text-decoration-none">
913                            <div class="position-relative overflow-hidden">
914                                <img src="/images/services_cards/organic-cleaning-card.webp" class="card-img-top img-fluid"
915                                    alt="Organic Cleaning"
916                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
917                            </div>
918
919                            <div class="card-body p-4 text-start" style="padding: 10px;">
920                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
921                                    <h3 class="card-title text-dark mb-0"
922                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
923                                        Organic Cleaning
924                                    </h3>
925                                </div>
926
927                                <p class="card-text text-dark"
928                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
929                                    Plant-based cleaning safe for kids, pets, and sensitive spaces.
930                                </p>
931                            </div>
932                        </a>
933                    </div>
934                </div>
935                            <div class="col-sm-6 col-lg-3 service-item extra-service"
936                    style="padding-bottom: 20px; gap:20px !important; display:none;">
937
938                    <div class="card h-100 mx-auto"
939                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
940
941                        <a href="/staten-island/services/water-damage" class="text-decoration-none">
942                            <div class="position-relative overflow-hidden">
943                                <img src="/images/services_cards/water-damage-card.webp" class="card-img-top img-fluid"
944                                    alt="Water and Fire Damage"
945                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
946                            </div>
947
948                            <div class="card-body p-4 text-start" style="padding: 10px;">
949                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
950                                    <h3 class="card-title text-dark mb-0"
951                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
952                                        Water and Fire Damage
953                                    </h3>
954                                </div>
955
956                                <p class="card-text text-dark"
957                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
958                                    Fast help for floors and carpets after leaks or floods.
959                                </p>
960                            </div>
961                        </a>
962                    </div>
963                </div>
964                            <div class="col-sm-6 col-lg-3 service-item extra-service"
965                    style="padding-bottom: 20px; gap:20px !important; display:none;">
966
967                    <div class="card h-100 mx-auto"
968                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
969
970                        <a href="/staten-island/services/mattress-cleaning" class="text-decoration-none">
971                            <div class="position-relative overflow-hidden">
972                                <img src="/images/services_cards/mattress-cleaning-card.webp" class="card-img-top img-fluid"
973                                    alt="Mattress Cleaning"
974                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
975                            </div>
976
977                            <div class="card-body p-4 text-start" style="padding: 10px;">
978                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
979                                    <h3 class="card-title text-dark mb-0"
980                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
981                                        Mattress Cleaning
982                                    </h3>
983                                </div>
984
985                                <p class="card-text text-dark"
986                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
987                                    Deep cleaning for a cleaner, healthier nights sleep.
988                                </p>
989                            </div>
990                        </a>
991                    </div>
992                </div>
993                            <div class="col-sm-6 col-lg-3 service-item extra-service"
994                    style="padding-bottom: 20px; gap:20px !important; display:none;">
995
996                    <div class="card h-100 mx-auto"
997                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
998
999                        <a href="/staten-island/services/pet-stain-and-odor-removal" class="text-decoration-none">
1000                            <div class="position-relative overflow-hidden">
1001                                <img src="/images/services_cards/pet-stain-card.webp" class="card-img-top img-fluid"
1002                                    alt="Pet Stain and Odor Removal"
1003                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
1004                            </div>
1005
1006                            <div class="card-body p-4 text-start" style="padding: 10px;">
1007                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
1008                                    <h3 class="card-title text-dark mb-0"
1009                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1010                                        Pet Stain and Odor Removal
1011                                    </h3>
1012                                </div>
1013
1014                                <p class="card-text text-dark"
1015                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
1016                                    Lifting set-in stains and smells at the source.
1017                                </p>
1018                            </div>
1019                        </a>
1020                    </div>
1021                </div>
1022                            <div class="col-sm-6 col-lg-3 service-item extra-service"
1023                    style="padding-bottom: 20px; gap:20px !important; display:none;">
1024
1025                    <div class="card h-100 mx-auto"
1026                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
1027
1028                        <a href="/staten-island/services/allergy-control-treatment" class="text-decoration-none">
1029                            <div class="position-relative overflow-hidden">
1030                                <img src="/images/services_cards/allergy-control-card.webp" class="card-img-top img-fluid"
1031                                    alt="Allergy Control Treatmnet"
1032                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
1033                            </div>
1034
1035                            <div class="card-body p-4 text-start" style="padding: 10px;">
1036                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
1037                                    <h3 class="card-title text-dark mb-0"
1038                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1039                                        Allergy Control Treatmnet
1040                                    </h3>
1041                                </div>
1042
1043                                <p class="card-text text-dark"
1044                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
1045                                    Reducing dust and allergens trapped in carpets and upholstery.
1046                                </p>
1047                            </div>
1048                        </a>
1049                    </div>
1050                </div>
1051                            <div class="col-sm-6 col-lg-3 service-item extra-service"
1052                    style="padding-bottom: 20px; gap:20px !important; display:none;">
1053
1054                    <div class="card h-100 mx-auto"
1055                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
1056
1057                        <a href="/staten-island/services/bed-bug-treatment" class="text-decoration-none">
1058                            <div class="position-relative overflow-hidden">
1059                                <img src="/images/services_cards/bed-bug-card.webp" class="card-img-top img-fluid"
1060                                    alt="Bed Bug "
1061                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
1062                            </div>
1062
1063
1064                            <div class="card-body p-4 text-start" style="padding: 10px;">
1065                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
1066                                    <h3 class="card-title text-dark mb-0"
1067                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1068                                        Bed Bug 
1069                                    </h3>
1070                                </div>
1071
1072                                <p class="card-text text-dark"
1073                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
1074                                    Safe heat treatment that reaches deep into beds and furniture.
1075                                </p>
1076                            </div>
1077                        </a>
1078                    </div>
1079                </div>
1080                            <div class="col-sm-6 col-lg-3 service-item extra-service"
1081                    style="padding-bottom: 20px; gap:20px !important; display:none;">
1082
1083                    <div class="card h-100 mx-auto"
1084                        style="border: 2px solid #337AB7; border-radius: 12px; background: #fff; padding: 0px; max-width: 300px; min-height: 200px; gap:20px">
1085
1086                        <a href="/staten-island/services/miscellaneous" class="text-decoration-none">
1087                            <div class="position-relative overflow-hidden">
1088                                <img src="/images/services_cards/miscellaneous-cleaning-card.webp" class="card-img-top img-fluid"
1089                                    alt="Miscellaneous"
1090                                    style="height: 220px; object-fit: cover; border-bottom: 1px solid #337AB7; border-radius: 2px;">
1091                            </div>
1092
1093                            <div class="card-body p-4 text-start" style="padding: 10px;">
1094                                <div class="d-flex align-items-center justify-content-between mb-3" style="gap: 10px;">
1095                                    <h3 class="card-title text-dark mb-0"
1096                                        style="font-size: 1.8rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">
1097                                        Miscellaneous
1098                                    </h3>
1099                                </div>
1100
1101                                <p class="card-text text-dark"
1102                                    style="font-size: 1.4rem; line-height: 1.4; opacity: 0.9;">
1103                                    Runners, pads, window coverings, and more.
1104                                </p>
1105                            </div>
1106                        </a>
1107                    </div>
1108                </div>
1109            
1110        </div>
1111
1112        <div class="mt-5 text-center">
1113            <button type="button" id="load-more-btn" class="btn px-4 py-2 fw-bold text-white"
1114                style="border-color: #337AB7; background-color: #337AB7; color:#ffffff">
1115                View All Services
1116            </button>
1117        </div>
1118
1119    </div>
1120</section>
1121<br><br>
1122<style>
1123    .card-img-top {
1124        width: 100%;
1125        height: 280px;
1126        /* Increased height to make the card look taller */
1127        object-fit: cover;
1128        /* Keeps the aspect ratio perfect while filling the area */
1129        display: block;
1130        /* Removes any tiny bottom gaps caused by inline default */
1131        border-radius: 0;
1132        /* Ensures the image matches the sharp corners of the card */
1133    }
1134
1135    a:hover,
1136    a:focus {
1137        text-decoration: none;
1138        color: #03515F;
1139    }
1140
1141    #load-more-btn:hover {
1142        background-color: #ffffff !important;
1143        color: #337AB7 !important;
1144        border-color: #337AB7 !important;
1145
1146        transform: translateY(-2px);
1147        box-shadow: 0 4px 8px rgba(6, 177, 226, 0.2);
1148    }
1149
1150    /* MOBILE ONLY: Center cards */
1151    @media (max-width: 767px) {
1152
1153        /* 1. Force the column to be full width */
1154        #services-grid .service-item {
1155            width: 100% !important;
1156            flex: 0 0 100% !important;
1157            max-width: 100% !important;
1158            display: flex;
1159            /* Enables flexbox for centering */
1160            justify-content: center;
1161            /* Centers the card horizontally */
1162        }
1163
1164        /* 2. Ensure the card itself aligns to the center */
1165        #services-grid .card {
1166            margin-left: auto !important;
1167            margin-right: auto !important;
1168        }
1169    }
1170</style>
1171<script>
1172    document.addEventListener("DOMContentLoaded", function() {
1173
1174        const btn = document.getElementById('load-more-btn');
1175        const services = document.querySelectorAll('.extra-service');
1176
1177        // If total services are 8 or less, hide the button
1178        if (services.length <= 8) {
1179            btn.style.display = "none";
1180            return;
1181        }
1182
1183        let expanded = false;
1184
1185        btn.addEventListener('click', function() {
1186
1187            expanded = !expanded;
1188
1189            services.forEach((service, index) => {
1190                if (expanded) {
1191                    service.style.display = "";
1192                    service.classList.add('animate__animated', 'animate__fadeIn');
1193                } else {
1194                    if (index >= 8) {
1195                        service.style.display = "none";
1196                    }
1197                }
1198            });
1199
1200            btn.textContent = expanded ? "Show Less" : "View All Services";
1201        });
1202
1203    });
1204</script>
1204
1205<!-- CTA
1206========================-->
1207<div class="en-cta">
1208    <div class="overlay color" style="background-color: #03515F">
1209        <div class="container">
1210            <div class="row">
1211                <div class="col-md-9">
1212                    <h2>Are you ready to clean your carpet?</h2>
1213                </div>
1214                <div class="col-md-3">
1215                    <a class="btn btn-default en-btn light" href="tel:718-431-0248"
1216                        role="button">Call Us Now </a>
1217                </div>
1218            </div>
1219        </div>
1220    </div>
1221</div>
1222
1223<!-- News Section
1224========================-->
1225
1226<div id="en-news">
1227    <div class="container">
1228
1229        <div class="section-title text-center">
1230            <h2 style="color: #03515F">Our Blog</h2>
1231            <hr style="border-color: #337AB7 !important;">
1232            <a class="read-more" href="/staten-island/blog">View All Blogs <span style="color: #03515F"
1233                    class="fa fa-chevron-circle-right"></span></a>
1234        </div>
1235
1236        <div class="row">
1237                            <div class="col-xs-12 col-sm-4 col-md-4">
1238
1239                    <div class="panel panel-primary" style="height: auto; min-height: 200px;">
1240
1241                        <div style="padding: 0px;" class="panel-body">
1242                            <p
1243                                style="color:#000000; text-align: center; font-size: 20px; font-weight: 900; margin: 10px 0;">
1244                                How to Remove Wine Stain from Carpet Quickly and Completely
1245                            </p>
1246
1247                            <img style="height: 150px; width: 100%; object-fit: cover;" class="media-object"
1248                                alt="blog-image" src="/uploads/how-to-remove-wine-stain-card.webp">
1249                        </div>
1250
1251                        <div class="panel-footer">
1252                            <a class="read-more"
1253                                href="/staten-island/blog/stains-and-odor/how-to-remove-wine-stain-from-carpet-quickly-and-completely-staten-island">
1254                                Read More <span style="color: #03515F" class="fa fa-chevron-circle-right"></span>
1255                            </a>
1256                        </div>
1257
1258                    </div>
1259                </div>
1260                            <div class="col-xs-12 col-sm-4 col-md-4">
1261
1262                    <div class="panel panel-primary" style="height: auto; min-height: 200px;">
1263
1264                        <div style="padding: 0px;" class="panel-body">
1265                            <p
1266                                style="color:#000000; text-align: center; font-size: 20px; font-weight: 900; margin: 10px 0;">
1267                                Expert Rug Cleaning Services A Powerful Guide For Residents
1268                            </p>
1269
1270                            <img style="height: 150px; width: 100%; object-fit: cover;" class="media-object"
1271                                alt="blog-image" src="/uploads/expert-rug-cleaning-services-card.webp">
1272                        </div>
1273
1274                        <div class="panel-footer">
1275                            <a class="read-more"
1276                                href="/staten-island/blog/cleaning-tips/expert-rug-cleaning-services-a-powerful-guide-for-residents-staten-island">
1277                                Read More <span style="color: #03515F" class="fa fa-chevron-circle-right"></span>
1278                            </a>
1279                        </div>
1280
1281                    </div>
1282                </div>
1283                            <div class="col-xs-12 col-sm-4 col-md-4">
1284
1285                    <div class="panel panel-primary" style="height: auto; min-height: 200px;">
1286
1287                        <div style="padding: 0px;" class="panel-body">
1288                            <p
1289                                style="color:#000000; text-align: center; font-size: 20px; font-weight: 900; margin: 10px 0;">
1290                                Deep Carpet Cleaning The Ultimate Guide for Homes
1291                            </p>
1292
1293                            <img style="height: 150px; width: 100%; object-fit: cover;" class="media-object"
1294                                alt="blog-image" src="/uploads/deep-carpet-cleaning-card.webp">
1295                        </div>
1296
1297                        <div class="panel-footer">
1298                            <a class="read-more"
1299                                href="/staten-island/blog/diy-methods/deep-carpet-cleaning-the-ultimate-guide-for-homes-staten-island">
1300                                Read More <span style="color: #03515F" class="fa fa-chevron-circle-right"></span>
1301                            </a>
1302                        </div>
1303
1304                    </div>
1305                </div>
1306                    </div>
1307
1308    </div>
1309</div>
1310<br> <br>
1311
1312
1313<section class="testimonial-section py-5 bg-light">
1314    <div class="container">
1315        <div class="section-title text-center">
1316            <h2 style="color: #03515F">Testimonials</h2>
1317            <hr style="border-color: #337AB7 !important;">
1318        </div>
1319        <div id="testimonial-slider" class="carousel slide" data-ride="carousel" style="margin-bottom: 40px;">
1320            <!-- Indicators -->
1321            <ol class="carousel-indicators" style="bottom: -40px;">
1322                <li data-target="#testimonial-slider" data-slide-to="0" class="active" style="border-color: #337AB7; background-color: #337AB7;"></li>
1323                <li data-target="#testimonial-slider" data-slide-to="1" style="border-color: #337AB7; background-color: #337AB7;"></li>
1324                <li data-target="#testimonial-slider" data-slide-to="2" style="border-color: #337AB7; background-color: #337AB7;"></li>
1325                <li data-target="#testimonial-slider" data-slide-to="3" style="border-color: #337AB7; background-color: #337AB7;"></li>
1326                <li data-target="#testimonial-slider" data-slide-to="4" style="border-color: #337AB7; background-color: #337AB7;"></li>
1327            </ol>
1328
1329            <div class="carousel-inner" role="listbox">
1330                <div class="item active">
1331                    <div class="col-md-8 col-md-offset-2">
1332                        <div class="h-100 bg-white p-4 rounded shadow-sm text-center">
1333                            <div class="mb-3"></div>
1334                            <div class="text-warning mb-2">★★★★★</div>
1335                            <p class="fst-italic text-muted">"I live in Bay Ridge and have been tripping over my wrinkled carpet for two years. I called Brooklyn Carpet and they sent a team out the same day. Not only did they stretch the carpet perfectly, but they also did a deep clean that removed stains I thought were permanent. Quick, polite, and affordable."</p>
1336                            <h5 class="fw-bold mb-1">Sarah M</h5>
1337                            <small class="text-primary fw-bold"> Bay Ridge</small>
1338                        </div>
1339                    </div>
1340                </div>
1341
1342                <div class="item">
1343                    <div class="col-md-8 col-md-offset-2">
1344                        <div class="h-100 bg-white p-4 rounded shadow-sm text-center">
1345                            <div class="mb-3"></div>
1346                            <div class="text-warning mb-2">★★★★★</div>
1347                            <p class="fst-italic text-muted">"I have a 50-year-old hand-knotted Persian rug that my cat destroyed the fringe on. I was told by 3 other companies that it couldn't be fixed. Brooklyn Carpet restored the fringe and washed the rug. It looks like it did the day my grandmother bought it. Thank you from the bottom of my heart."</p>
1348                            <h5 class="fw-bold mb-1">David K.</h5>
1349                            <small class="text-primary fw-bold">Park Slope</small>
1350                        </div>
1351                    </div>
1352                </div>
1353
1354                <div class="item">
1355                    <div class="col-md-8 col-md-offset-2">
1356                        <div class="h-100 bg-white p-4 rounded shadow-sm text-center">
1357                            <div class="mb-3"></div>
1358                            <div class="text-warning mb-2">★★★★★</div>
1359                            <p class="fst-italic text-muted">"We have a massive sectional sofa in our Crown Heights apartment that was looking grey and dingy. The team arrived on time, moved all the furniture themselves, and spot-treated our cushions. The difference is night and day. It actually smells fresh n
1359ow, not like dog."</p>
1360                            <h5 class="fw-bold mb-1"> Stephanie R.</h5>
1361                            <small class="text-primary fw-bold">Crown Heights</small>
1362                        </div>
1363                    </div>
1364                </div>
1365
1366                <div class="item">
1367                    <div class="col-md-8 col-md-offset-2">
1368                        <div class="h-100 bg-white p-4 rounded shadow-sm text-center">
1369                            <div class="mb-3"></div>
1370                            <div class="text-warning mb-2">★★★★★</div>
1371                            <p class="fst-italic text-muted">"I have floor-to-ceiling drapes in my Midwood home that I was terrified to wash myself. Brooklyn Carpet took them down, cleaned them, re-hung them, and didn't leave a single wrinkle. They even fixed a broken pull cord on my blinds for free. True professionals."</p>
1372                            <h5 class="fw-bold mb-1"> Judith P</h5>
1373                            <small class="text-primary fw-bold">Midwood</small>
1374                        </div>
1375                    </div>
1376                </div>
1377
1378                <div class="item">
1379                    <div class="col-md-8 col-md-offset-2">
1380                        <div class="h-100 bg-white p-4 rounded shadow-sm text-center">
1381                            <div class="mb-3"></div>
1382                            <div class="text-warning mb-2">★★★★★</div>
1383                            <p class="fst-italic text-muted">"Finding bed bugs in our Ditmas Park apartment was a nightmare. Brooklyn Carpet responded immediately. They treated our upholstery, bedding, and even our mattresses. The peace of mind they gave us was priceless. We are bug-free and will never use anyone else."</p>
1384                            <h5 class="fw-bold mb-1"> Tom S.</h5>
1385                            <small class="text-primary fw-bold">Ditmas Park</small>
1386                        </div>
1387                    </div>
1388                </div>
1389            </div>
1390
1391            <a class="left carousel-control" href="#testimonial-slider" role="button" data-slide="prev" style="background: none; color: #337AB7;">
1392                <span class="fa fa-chevron-left" aria-hidden="true" style="position: absolute; top: 50%; left: 0;"></span>
1393                <span class="sr-only">Previous</span>
1394            </a>
1395            <a class="right carousel-control" href="#testimonial-slider" role="button" data-slide="next" style="background: none; color: #337AB7;">
1396                <span class="fa fa-chevron-right" aria-hidden="true" style="position: absolute; top: 50%; right: 0;"></span>
1397                <span class="sr-only">Next</span>
1398            </a>
1399        </div>
1400    </div>
1401</section>
1402<br><br>
1403<style>
1404    /* Only essential custom tweaks */
1405    .testimonial-section .rounded-circle {
1406        display: inline-block;
1407    }
1408
1409    .testimonial-section .shadow-sm:hover {
1410        transform: translateY(-5px);
1411        transition: transform 0.3s ease;
1412        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
1413        /* Bootstrap shadow-lg on hover */
1414    }
1415
1416    /* Custom color if you aren't using Bootstrap's default primary */
1417    .text-primary {
1418        color: #337AB7 !important;
1419    }
1420
1421    .border-primary {
1422        border-color: #337AB7 !important;
1423    }
1424</style>
1425
1426<style>
1427    #en-footer .footer-content {
1428        padding: 80px 0;
1429        background: #03515F;
1430        color: #777;
1431    }
1432
1433    @media (max-width:767px) {
1434        .mobile-view {
1435            display: none !important;
1436        }
1437    }
1438</style>
1439<!-- Footer Area -->
1440<div id="en-footer">
1441    <div class="footer-content">
1442        <div class="container">
1443
1444            <div class="row">
1445
1446                <div class="col-sm-6 col-md-6">
1447                    <div class="widget">
1448                        <div class="widget-title text-left">
1449                            <h4>About Us</h4>
1450                            <hr style="border-color: #ffffff !important;">
1451                        </div>
1452                        
1453                        <a class="logo footer-logo" href="https://sicarpeting.com" style="border:none;">
1454                            <img src="https://sicarpeting.com/images/Si Carpeting White Logo.png" alt="SI Carpeting"
1455                                style="height: 60px; width: auto; object-fit: contain;">
1456                        </a>
1457                        <br>
1458                        <span style="color:white; font-size: 16px; "><p>Area Rug, Carpet, Upholstery and Drapery Cleaning Service
1459
1460Water and Fire Damage Specialists </br>
1461
1462Serving Our Customers 24 Hours A Day, 7 Days A Week </br>
1463
1464Serving The Entire Area Of Staten Island, NY
1465</p></span>
1466                        <address style="font-size: 16px;color:white;">
1467                            31 Florida Ave, Staten Island, NY 10305, USA<br>
1468                            <a style="color:white;" href="tel:718-431-0248"><abbr
1469                                    title="Phone">Tel:</abbr> (718) 431-0248</a><br />
1470                            <!-- <a href="mailto:[email protected]"><span style="color:white">[email protected]</span></a> -->
1471
1472                            <a href="/staten-island/terms-and-conditions"><span style="color:white"> Terms and
1473                                    Conditions</span></a><br />
1474                            <a href="/staten-island/privacy-policy"><span style="color:white"> Privacy
1475                                    Policy</span></span></a>
1476
1477                    </div>
1478                </div>
1479
1480                <div class="col-sm-6 col-md-6 mobile-view">
1481                    <div class="widget">
1482                        <div class="widget-title text-left">
1483                            <h4>Our Facebook Page</h4>
1484                            <hr style="border-color: #ffffff !important;">
1485                        </div>
1486                        <div class="fb-page" data-href="https://www.facebook.com/sicarpeting/" data-width="380"
1487                            data-height="310" data-hide-cover="false" data-show-facepile="false" data-show-posts="true">
1488                        </div>
1489                    </div>
1490                </div>
1491
1492                <!-- <div class="col-sm-3 col-md-3 mobile-view">
1493                    <div class="widget">
1494                        <div class="widget-title text-left">
1495                            <h4>Our Twitter Page</h4>
1496                            <hr>
1497                        </div>
1498                        <a class="twitter-timeline"  height="300" href="https://twitter.com/sicarpeting">Tweets by SI Carpeting</a>
1499                    </div>
1500                </div> -->
1501
1502            </div>
1503
1504            <div class="clearfix"></div>
1505            <div class="smallspacer"></div>
1506
1507            <!--- <div class="row">
1508
1509                <div class="col-sm-3 col-md-3">
1510                    <div class="widget">
1511                        <div class="widget-title text-left">
1512                            <h4>General Info</h4>
1513                            <hr>
1514                        </div>
1515                        <ul class="list-unstyled list-block">
1516                            <li><i class="fa fa-long-arrow-right"></i><a href="#">FAQs</a></li>
1517                            <li><i class="fa fa-long-arrow-right"></i><a href="#">Privacy Policy</a></li>
1518                            <li><i class="fa fa-long-arrow-right"></i><a href="#">Terms of Use</a></li>
1519                            <li><i class="fa fa-long-arrow-right"></i><a href="#">Support</a></li>
1520                            <li><i class="fa fa-long-arrow-right"></i><a href="#">Blog Posts</a></li>
1521                            <li><i class="fa fa-long-arrow-right"></i><a href="#">Error Page</a></li>
1522                            <li><i class="fa fa-long-arrow-right"></i><a href="#">Pricing</a></li>
1523                        </ul>
1524                    </div>
1525                </div>
1526
1527                <div class="col-sm-4 col-md-4">
1528                    <div class="widget">
1529                        <div class="widget-title text-left">
1530                            <h4>Subscribe With Us</h4>
1531                            <hr>
1532                        </div>
1533                        <p>Get the latest report about the project and company profile.</p>
1534                        <!--Newsletter form start--
1535                        <form role="form" action="newsletter.php" method="post" autocomplete="off">
1536                            <div class="form-group">
1537                                <input name="email" type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email" required >
1538                            </div>
1539                            <button type="submit" class="btn btn-default en-btn">Subscribe</button>
1540                        </form>
1541                    </div>
1542                </div>
1543
1544                <div class="col-sm-5 col-md-5">
1545                    <div class="widget">
1546                        <div class="widget-title text-left">
1547                            <h4>Latest Posts</h4>
1548                            <hr>
1549                        </div>
1550
1551                        <div class="media">
1552                            <div class="media-left media-middle">
1553                                <a href="#">
1554                                    <img class="media-object" alt="64x64" src="http://placehold.it/64x64">
1555                                </a>
1556                            </div>
1557                            <div class="media-body">
1558                                <a href="#"><h5>Map Out And Show Appealing Business Design Architecture</h5></a>
1559                                <small>So you want to put up a business? Before you proceed, where do the funds come from?...</small>
1560                            </div>
1561                        </div>
1562
1563                        <div class="media">
1564                            <div class="media-left media-middle">
1565                                <a href="#">
1566                                    <img class="media-object" alt="64x64" src="http://placehold.it/64x64">
1567                                </a>
1568                            </div>
1569                            <div class="media-body">
1570                                <a href="#"><h5>Construction Going Green - Green Architecture</h5></a>
1571                                <small>Our planet is really feeling the heat of Global Warming. Humans are...</small>
1572                            </div>
1573                        </div>
1574
1575                        <div class="media">
1576                            <div class="media-left media-middle">
1577                                <a href="#">
1578                                    <img class="media-object" alt="64x64" src="http://placehold.it/64x64">
1579                                </a>
1580                            </div>
1581                            <div class="media-body">
1582                                <a href="#"><h5>Map Out And Show Appealing Business Design Architecture</h5></a>
1583                                <small>Donec sed odio dui. Nullam quis risus eget urna mollis ornare vel eu leo...</small>
1584                            </div>
1585                        </div>
1586                    </div>
1587                </div>
1588
1589            </div>------>
1590
1591        </div>
1592    </div>
1593    <div class="bottom-footer">
1594        <div class="container text-center">
1595            <!-- <p>SI Carpeting © 2016 | <a href="#">SI Carpeting</a> | Developed by <a target="_blank" href="http://developmentnewyork.com">Development New York</a> </p> -->
1596            <p>Si Carpeting All Rights Reserved | Designed and Developed by <a href="https://developmentnewyork.com/"
1597                    target="_blank"> Development New york </a></p>
1598        </div>
1599    </div>
1600</div>
1601
1602<script defer async type="text/javascript" src="/js/all.js"></script>
1602
1603<!-- 
1603<script type="text/javascript" src="/js/modernizr.custom.js"></script>
1603 -->
1604<!-- BEGIN JIVOSITE CODE {literal} -->
1605<script src="//code-eu1.jivosite.com/widget/MsFO2Fk4IV" async></script>
1605
1606<!--
1606<script type='text/javascript' defer async>
1607    (function() {
1608        var widget_id = 'MsFO2Fk4IV';
1609        var d = document;
1610        var w = window;
1611
1612        function l() {
1613            var s = document.createElement('script');
1614            s.type = 'text/javascript';
1615            s.async = true;
1616            s.src = '//code.jivosite.com/script/widget/' + widget_id;
1617            var ss = document.getElementsByTagName('script')[0];
1618            ss.parentNode.insertBefore(s, ss);
1619        }
1620        if (d.readyState == 'complete') {
1621            l();
1622        } else {
1623            if (w.attachEvent) {
1624                w.attachEvent('onload', l);
1625            } else {
1626                w.addEventListener('load', l, false);
1627            }
1628        }
1629    })();
1630</script>
1630-->
1631<!-- {/literal} END JIVOSITE CODE -->
1632
1633<!-- Start of StatCounter Code for Default Guide -->
1634<!-- 
1634<script type="text/javascript">
1635    var sc_project = 11165188;
1636    var sc_invisible = 0;
1637    var sc_security = "e490a855";
1638    var scJsHost = (("https:" == document.location.protocol) ?
1639        "https://secure." : "http://www.");
1640    document.write("<sc" + "ript type='text/javascript' src='" +
1641        scJsHost +
1642        "statcounter.com/counter/counter.js'></" + "script>");
1643</script>
1643
1644<noscript><div class="statcounter"><a title="shopify
1645analytics ecommerce" href="http://statcounter.com/shopify/"
1646target="_blank"><img class="statcounter"
1647src="//c.statcounter.com/11165188/0/e490a855/0/"
1648alt="shopify analytics ecommerce"></a></div></noscript> -->
1649<!-- End of StatCounter Code for Default Guide -->
1650
1651<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
1652<!-- 
1652<script type="text/javascript" src="/js/jquery.1.11.1.js"></script>
1652 -->
1653<!-- Include all compiled plugins (below), or include individual files as needed -->
1654<!-- 
1654<script type="text/javascript" src="/js/bootstrap.js"></script>
1654 -->
1655
1656<!-- 
1656<script type="text/javascript" src="/js/owl.carousel.js"></script>
1656 Owl Carousel Plugin -->
1657<!-- 
1657<script type="text/javascript" src="/js/nivo-lightbox.min.js"></script>
1657 LightBox Nivo -->
1658
1659<!-- Portfolio Filter -->
1660<!-- 
1660<script type="text/javascript" src="/js/jquery.isotope.js"></script>
1660 -->
1661<!-- 
1661<script type="text/javascript" src="/js/imagesloaded.js"></script>
1661 -->
1662
1663<!-- Javascripts
1664================================================== -->
1665<!-- 
1665<script type="text/javascript" src="/js/main.js"></script>
1665 -->
1666<script defer async>
vendor: 178 bytes, lines 1666-1672
1666
1667    (function(h, o, t, j, a, r) {
1668        h.hj = h.hj || function() {
1669            (h.hj.q = h.hj.q || []).push(arguments)
1670        };
1671        h._hjSettings = {
1672            hjid: 
1672269813
vendor: 301 bytes, lines 1672-1680
1672,
1673            hjsv: 5
1674        };
1675        a = o.getElementsByTagName('head')[0];
1676        r = o.createElement('script');
1677        r.async = 1;
1678        r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv;
1679        a.appendChild(r);
1680    })(window, document, '//static.hotjar.com/c/hotjar-', '.js?sv=');
1681</script>
1681
1682
1683<script defer async>
vendor: 470 bytes, lines 1683-1696
1683
1684    (function(i, s, o, g, r, a, m) {
1685        i['GoogleAnalyticsObject'] = r;
1686        i[r] = i[r] || function() {
1687            (i[r].q = i[r].q || []).push(arguments)
1688        }, i[r].l = 1 * new Date();
1689        a = s.createElement(o),
1690            m = s.getElementsByTagName(o)[0];
1691        a.async = 1;
1692        a.src = g;
1693        m.parentNode.insertBefore(a, m)
1694    })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
1695
1696    ga('create', '
1696UA-81891727-1
vendor: 40 bytes, lines 1696-1697
1696', 'auto');
1697    ga('send', 'pageview');
1698</script>
1698
1699
1700<div id="fb-root"></div>
1701<script defer async>
1702    (function(d, s, id) {
1703        var js, fjs = d.getElementsByTagName(s)[0];
1704        if (d.getElementById(id)) return;
1705        js = d.createElement(s);
1706        js.id = id;
1707        js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6&appId=488666624671948";
1708        fjs.parentNode.insertBefore(js, fjs);
1709    }(document, 'script', 'facebook-jssdk'));
1710</script>
1710
1711</body>
1712
1713<script>'undefined'=== typeof _trfq || (window._trfq = []);'undefined'=== typeof _trfd && (window._trfd=[]),_trfd.push({'tccl.baseHost':'secureserver.net'},{'ap':'cpbh-mt'},{'server':'p3plmcpnl494335'},{'dcenter':'p3'},{'cp_id':'10804018'},{'cp_cl':'8'}) // Monitoring performance to make your website faster. If you want to opt-out, please contact web hosting support.</script>
1713<script src='https://img1.wsimg.com/traffic-assets/js/tccl.min.js'></script>
1713</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.