PageSourceSearch

https://townandcountrycarpetcare.com/about/

html townandcountrycarpetcare.com collected 2026-09-29 07:18:25 UTC 19,764 bytes, 486 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <meta charset="UTF-8">
5        <meta http-equiv="X-UA-Compatible" content="IE=edge">
6        <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
8        <!--Swap our for actual link-->
9        <link rel="canonical" href="https://www.townandcountrycarpetcare.com/about/">
10
11        <meta name="description" content="The history and the team behind {{ client.name }}.">
12        <meta name="keywords" content="">
13
14        <!--Social Media Display-->
15        <meta property="og:title" content="About {{ client.name }}"/>
16        <meta property="og:description" content="The history and the team behind {{ client.name }}."/>
17        <meta property="og:type" content="website"/>
18        <meta property="og:url" content="https://www.townandcountrycarpetcare.com/about/"/>
19        <meta property="og:image" content="/images/social.jpg"/>
20        <meta property="og:image:secure_url" content="/images/social.jpg"/>
21
22        <!--Favicons-->
23        <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon.png">
24        <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png?v1">
25        <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
26        <meta name="msapplication-TileColor" content="#da532c">
27        <meta name="theme-color" content="#ffffff">
28
29        <!-- Preload -->
30        <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/mulish-v18-latin-regular.woff2" crossorigin>
31        <link rel="preload" as="font" type="font/woff2" href="/assets/fonts/rokkitt-v39-latin-900.woff2" crossorigin>
32
33        <link rel="stylesheet" href="/css/root.css">
34
35        <link rel="preload" as="image" href=""/>
36
37        <!-- Loading in page specific CSS sheets from css block -->
38        <link rel="stylesheet" href="/css/critical.css"/>
39        <link rel="stylesheet" href="/css/about.css">
40
41        <!--Put analytics tag here at the bottom to prevent it from render blocking-->
42
43        <!-- For home page, use full title, including location for SEO. Other pages should just include the page name -->
44        <title>
45            
46                Carpet &amp; Upholstery Cleaning and Repair for Commercial and Residential Properties | {{ client.name }} | Town and Country Carpet &amp; Upholstery Care
47            
48        </title>
49    </head>
50    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 50-51
50
51    <script async src="https://www.googletagmanager.com/gtag/js?id=
51G-JDPYLKB3Y8
vendor: 16 bytes, lines 51-52
51"></script>
52    
52<script>
53        
vendor: 152 bytes, lines 53-57
53window.dataLayer = window.dataLayer || [];
54        function gtag(){dataLayer.push(arguments);}
55        gtag('js', new Date());
56
57        gtag('config', '
57G-JDPYLKB3Y8
vendor: 8 bytes, lines 57-58
57');
58    
58</script>
58
59
60     
60<script>
61        document.addEventListener('DOMContentLoaded', () => {
62            // Select common contact triggers
63            const contactLinks = document.querySelectorAll(
64            'a[href^="mailto:"], a[href^="tel:"], a[href*="contact"], button[data-track="contact"]'
65            );
66
67                contactLinks.forEach(link => {
68                link.addEventListener('click', () => {
69                    gtag('event', 'contact_click', {
70                    event_category: 'Engagement',
71                    event_label: link.textContent.trim() || link.href
72                    });
73                });
74            });
75        });
76    </script>
76
77    <body>
78        <!--Screen reader skip main nav-->
79        <a class="skip" aria-label="skip to main content" href="#main">Click To Skip To Main Content</a>
80
81        <!-- ============================================ -->
82<!--                 Navigation                   -->
83<!-- ============================================ -->
84
85
86<div id="navigation">
87    <div aria-hidden="true" class="background-color-div">
88        <!--This div is used to overcome a z-index issue where the open
89            #navbar-menu is on top of the #navigation. This bar places itself 
90            the #navbar-menu so that menu appears behind the #navigation
91        -->
92    </div>
93    <div class="container">
94        <!--Logo - Get SVGs if you can.  I use fiverr to get png's turned into SVGs. Highly recommend it, worth the $20 - get a light and dark version-->
95        <a class="logo" aria-label="click to go to home page" href="/">
96            <!--Light Colored Logo, remove .dark image tag and the .light class if you don't have a dark and light version -->
97            <img aria-hidden="true" src="/assets/images/Logo-Main.png" decoding="async" alt="logo" width="221" height="66">
98        </a>
99        <a class="ph-num" href="tel:250-804-6642">(250) 804-6642</a>
100
101        <!--Mobile Nav toggle-->
102        <button class="hamburger-menu" aria-expanded="false" aria-controls="navbar-menu">
103            <span class="visually-hidden">Menu</span>
104            <span aria-hidden="true"></span>
105        </button>
106        <!--Main Nav-->
107        <nav id="navbar-menu" aria-label="main navigation">
108            <ul>
109                    <li>
110                        <a 
111                        
112                        href="/"
113                    >
114                            Home
115                        </a>
116                    </li>
117                    <li>
118                        <a 
119                         class="active" 
120                        href="/about/"
121                    >
122                            About
123                        </a>
124                    </li>
125                    <li>
126                        <a 
127                        
128                        href="/contact/"
129                    >
130                            Contact
131                        </a>
132                    </li>
133            </ul>
134        </nav>
135        <div class="right-nav-group">
136        <a href="/contact" class="nav-button button-outline">Get In Touch</a>
137        <a href="tel:250-804-6642">(250) 804-6642</a>
138        </div>
139    </div>
140</div>
141        <main id="main">
142<!-- Enter html code below -->
143
144<!-- ============================================ -->
145<!--                 Landing                       -->
146<!-- ============================================ -->
147
148<section id="landing">
149  <picture class="company-van-img">
150      <source type="image/webp" srcset="/images/background01-200w.webp 200w, /images/background01-400w.webp 400w, /images/background01-850w.webp 850w, /images/background01-1920w.webp 1920w, /images/background01-2500w.webp 2500w" sizes="(max-width: 400px) 850apx, (max-width: 850px) 850px, 1920px">
151  <source type="image/png" srcset="/images/background01-200w.png 200w, /images/background01-400w.png 400w, /images/background01-850w.png 850w, /images/background01-1920w.png 1920w, /images/background01-2500w.png 2500w" sizes="(max-width: 400px) 850apx, (max-width: 850px) 850px, 1920px">
152      <img
153        src="/images/background01-200w.png"
154        width="2500"
155        height="1064"
156        alt="a picture of the house that town and
157  country carpet & upholstery care operates out of"
158        loading="eager"
159        decoding="async">
160    </picture>
161  <div class="container">
162    <h1>ABOUT</h1>
163  </div>
164</section>
165
166<!-- ============================================ -->
167<!--                  Title                       -->
168<!-- ============================================ -->
169
170<section id="title">
171  <div class="container">
172    <h2 class="h2-header">TOWN & COUNTRY</h2>
173    <h3 class="h2-header">CARPET & UPHOLSTERY CARE</h3>
174    <p>
175      A carpet and upholstery cleaning company based out of Grinrod, BC. The
176      company offers both residential and commercial services. Carpet cleaning
177      and repair, upholstery cleaning, and stain and odor remove.
178    </p>
179  </div>
180  <div class="carpet-pattern-container">
181    <picture class="carpet-lines-top">
182      <source type="image/webp" srcset="/images/carpet-lines-top-200w.webp 200w, /images/carpet-lines-top-400w.webp 400w, /images/carpet-lines-top-850w.webp 850w, /images/carpet-lines-top-1920w.webp 1920w, /images/carpet-lines-top-2500w.webp 2500w" sizes="(max-width: 400px) 850apx, (max-width: 850px)
183    850px, 1920px">
184  <source type="image/png" srcset="/images/carpet-lines-top-200w.png 200w, /images/carpet-lines-top-400w.png 400w, /images/carpet-lines-top-850w.png 850w, /images/carpet-lines-top-1920w.png 1920w, /images/carpet-lines-top-2500w.png 2500w" sizes="(max-width: 400px) 850apx, (max-width: 850px)
185    850px, 1920px">
186      <img
187        src="/images/carpet-lines-top-200w.png"
188        width="2500"
189        height="722"
190        alt="a cleaned carpet pattern"
191        loading="eager"
192        decoding="async">
193    </picture> <picture class="carpet-lines-top">
194      <source type="image/webp" srcset="/images/carpet-lines-top-200w.webp 200w, /images/carpet-lines-top-400w.webp 400w, /images/carpet-lines-top-850w.webp 850w, /images/carpet-lines-top-1920w.webp 1920w, /images/carpet-lines-top-2500w.webp 2500w" sizes="(max-width: 400px) 850apx,
195    (max-width: 850px) 850px, 1920px">
196  <source type="image/png" srcset="/images/carpet-lines-top-200w.png 200w, /images/carpet-lines-top-400w.png 400w, /images/carpet-lines-top-850w.png 850w, /images/carpet-lines-top-1920w.png 1920w, /images/carpet-lines-top-2500w.png 2500w" sizes="(max-width: 400px) 850apx,
197    (max-width: 850px) 850px, 1920px">
198      <img
199        src="/images/carpet-lines-top-200w.png"
200        width="2500"
201        height="722"
202        alt="a cleaned
203    carpet pattern"
204        loading="eager"
205        decoding="async">
206    </picture>
207  </div>
208</section>
209
210<!-- ============================================ -->
211<!--                  Map                       -->
212<!-- ============================================ -->
213
214<section id="map">
215  <div class="container">
216    <h2>Service available throughout:</h2>
217    <div class="places-grid">
218      <div class="place">
219        <img
220          class="circle-icon"
221          loading="lazy"
222          decoding="async"
223          src="/assets/svgs/location-pin-green-icon.svg"
224          alt="location icon"
225          aria-hidden="true"
226        />
227        <p>Salmon Arm</p>
228      </div>
229
230      <div class="place">
231        <img
232          class="circle-icon"
233          loading="lazy"
234          decoding="async"
235          src="/assets/svgs/location-pin-green-icon.svg"
236          alt="location icon"
237          aria-hidden="true"
238        />
239        <p>Blind Bay</p>
240      </div>
241
242      <div class="place">
243        <img
244          class="circle-icon"
245          loading="lazy"
246          decoding="async"
247          src="/assets/svgs/location-pin-green-icon.svg"
248          alt="location icon"
249          aria-hidden="true"
250        />
251        <p>Sorrento</p>
252      </div>
253
254      <div class="place">
255        <img
256          class="circle-icon"
257          loading="lazy"
258          decoding="async"
259          src="/assets/svgs/location-pin-green-icon.svg"
260          alt="location icon"
261          aria-hidden="true"
262        />
263        <p>Sicamous</p>
264      </div>
265
266      <div class="place">
267        <img
268          class="circle-icon"
269          loading="lazy"
270          decoding="async"
271          src="/assets/svgs/location-pin-green-icon.svg"
272          alt="location icon"
273          aria-hidden="true"
274        />
275        <p>Enderby</p>
276      </div>
277    </div>
278    <div class="map-embed">
279      <iframe
280        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2530.053373067566!2d-119.12346110000001!3d50.6446999!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x537e8dbcea905a37%3A0x2341ce148333e14d!2sTown%20and%20Country%20Carpet%20and%20Upholstery%20Care!5e0!3m2!1sen!2sca!4v1760560449330!5m2!1sen!2sca"
281        width="600"
282        height="450"
283        style="border: 0"
284        allowfullscreen=""
285        loading="lazy"
286        referrerpolicy="no-referrer-when-downgrade"
287      ></iframe>
288    </div>
289  </div>
290</section>
291
292<!-- ============================================ -->
293<!--                   Bio                        -->
294<!-- ============================================ -->
295
296<section id="bio">
297  <div class="container">
298    <div class="bio-sbs">
299      <div class="sbs-left">
300        <picture class="roger-img">
301      <source type="image/webp" srcset="/images/roger-img-200w.webp 200w, /images/roger-img-400w.webp 400w, /images/roger-img-752w.webp 752w" sizes="(max-width: 400px)
302        400apx, (max-width: 850px) 850px, 1920px">
303  <source type="image/png" srcset="/images/roger-img-200w.png 200w, /images/roger-img-400w.png 400w, /images/roger-img-752w.png 752w" sizes="(max-width: 400px)
304        400apx, (max-width: 850px) 850px, 1920px">
305      <img
306        src="/images/roger-img-200w.png"
307        width="752"
308        height="1128"
309        alt="a picture of Roger Scollon, the
310        company owner and operator"
311        loading="lazy"
312        decoding="async">
313    </picture>
314      </div>
315      <div class="sbs-right">
316        <h2>ROGER SCOLLON</h2>
317        <h3>Owner & Operator</h3>
318        <p>
319          I spent the best years of my youth in Salmon Arm, Eagle Bay and
320          Malakwa. Our family moved away after I finished grade 8 and I spent a
321          long time in the Fraser Valley.
322        </p>
323        <p>
324          Fortunately I was able to move my own family back about 10 years ago.
325          It really felt like I was finally moving home!
326        </p>
327
328        <p>
329          All of our children and grandchildren now live in the Okanagan and
330          they all love it, just like I did as a child.
331        </p>
332
333        <p>There really is no better place to live in all of B.C.</p>
334
335        <p>
336          In 2017 this company was up for sale and I was back into the carpet
337          cleaning business!
338        </p>
339        <p>
340          I cleaned carpets for various small and large carpet cleaning
341          companies in the Fraser Valley for 10 years.
342        </p>
343        <p>
344          That just means I have cleaned a whole lot of dirty carpet and had to
345          deal with almost every kind of stain imaginable.
346        </p>
347        <p>
348          Past experience is valuable but not sufficient, so I have continued to
349          learn more each year through the various carpet cleaning forums and
350          groups I am a part of online.
351        </p>
352      </div>
353    </div>
354  </div>
355</section>
356
357<!-- ============================================ -->
358<!--                   CTA                        -->
359<!-- ============================================ -->
360
361<section id="cta">
362  <div class="container">
363    <h2 class="h2-header">SO LET'S GET STARTED</h2>
364    <a href="/contact" class="button-solid">GET IN TOUCH</a>
365    <!-- Carpet pattern bottom -->
366  </div>
367  <div class="carpet-pattern-container">
368    <picture class="carpet-lines-bottom">
369      <source type="image/webp" srcset="/images/carpet-lines-bottom-200w.webp 200w, /images/carpet-lines-bottom-400w.webp 400w, /images/carpet-lines-bottom-850w.webp 850w, /images/carpet-lines-bottom-1920w.webp 1920w, /images/carpet-lines-bottom-2500w.webp 2500w" sizes="(max-width: 400px) 850apx, (max-width:
370    850px) 850px, 1920px">
371  <source type="image/png" srcset="/images/carpet-lines-bottom-200w.png 200w, /images/carpet-lines-bottom-400w.png 400w, /images/carpet-lines-bottom-850w.png 850w, /images/carpet-lines-bottom-1920w.png 1920w, /images/carpet-lines-bottom-2500w.png 2500w" sizes="(max-width: 400px) 850apx, (max-width:
372    850px) 850px, 1920px">
373      <img
374        src="/images/carpet-lines-bottom-200w.png"
375        width="2500"
376        height="722"
377        alt="a cleaned carpet pattern"
378        loading="lazy"
379        decoding="async">
380    </picture> <picture class="carpet-lines-bottom">
381      <source type="image/webp" srcset="/images/carpet-lines-bottom-200w.webp 200w, /images/carpet-lines-bottom-400w.webp 400w, /images/carpet-lines-bottom-850w.webp 850w, /images/carpet-lines-bottom-1920w.webp 1920w, /images/carpet-lines-bottom-2500w.webp 2500w" sizes="(max-width: 400px)
382    850apx, (max-width: 850px) 850px, 1920px">
383  <source type="image/png" srcset="/images/carpet-lines-bottom-200w.png 200w, /images/carpet-lines-bottom-400w.png 400w, /images/carpet-lines-bottom-850w.png 850w, /images/carpet-lines-bottom-1920w.png 1920w, /images/carpet-lines-bottom-2500w.png 2500w" sizes="(max-width: 400px)
384    850apx, (max-width: 850px) 850px, 1920px">
385      <img
386        src="/images/carpet-lines-bottom-200w.png"
387        width="2500"
388        height="722"
389        alt="a
390    cleaned carpet pattern"
391        loading="lazy"
392        decoding="async">
393    </picture>
394  </div>
395</section>
396</main>
397        <!-- ============================================ -->
398<!--                   Footer                     -->
399<!-- ============================================ -->
400
401<footer id="footer">
402    <div class="container">
403        <div class="left-section">
404            <a class="logo" href="/"><img loading="lazy" decoding="async" src="/assets/images/Logo-Main.png" alt="logo" width="264" height="78"></a>
405            <p>
406                Servicing the <strong>Salmon Arm</strong>, <strong>Blind Bay</strong>, <strong>Sorrento</strong>, <strong>Sicamous</strong> and <strong>Enderby</strong> areas
407            </p>
408        </div>
409        <div class="right-section">
410            <div class="lists">
411                <ul>
412                    <li>
413                        <h2>Information</h2>
414                    </li>
415                    <li>
416                        <a href="/">Home</a>
417                    </li>
418                    <li>
419                        <a href="/about">About Us</a>
420                    </li>
421                    <li>
422                        <a href="/#we-do-it-all">Services</a>
423                    </li>
424                    <li>
425                        <a href="/#reviews">Reviews</a>
426                    </li>
427                    <li>
428                        <a href="/contact">Contact</a>
429                    </li>
430                </ul>
431                <ul>
432                    <li>
433                        <h2>Services</h2>
434                    </li>
435                    <li>Carpet Cleaning</li>
436                    <li>Carpet Repair</li>
437                    <li>Odor and Stain removal</li>
438                </ul>
439                <ul>
440                    <li>
441                        <h2>Contact</h2>
442                    </li>
443                    <li>
444                        <a href="/contact">194 Old Sicamous Rd, <br>Grindrod, BC V0E 1Y0</a>
445                    </li>
446                    <li>
447                        <a href="tel:250-804-6642">T: (250) 804-6642</a>
448                    </li>
449                </ul>
450            </div>
451        </div>
452    </div>
453
454    <div class="credit">
455        <span>Designed and Hand Coded by</span>
456        <a href="https://goodvalleyweb.com/" target="_blank" rel="noopener">Good Valley Web Design</a>
457        <span class="copyright"> Copyright 2025</span>
458    </div>
459</footer>
460
461        
461<script defer src="/assets/js/nav.js"></script>
461
462
463        <!--
464        This script adds a class to the body after scrolling 100px
465        and we used these body.scroll styles to create some on scroll 
466        animations with the navbar
467    -->
468        
468<script defer>
469            document.addEventListener('scroll', (e) => {
470                const scroll = document.documentElement.scrollTop;
471                if (scroll >= 100) {
472                    document
473                        .querySelector('body')
474                        .classList
475                        .add('scroll')
476                } else {
477                    document
478                        .querySelector('body')
479                        .classList
480                        .remove('scroll')
481                }
482            });
483        </script>
483
484
485    </body>
486</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.