PageSourceSearch

https://www.clearchoiceglass.net/gallery.htm

html clearchoiceglass.net collected 2026-09-30 19:42:41 UTC 23,131 bytes, 402 lines download raw bytes

1<!DOCTYPE html>
2<html>
3<head>
4
5    <title> Clear Choice Glass Of Pueblo LLC Gallery</title>
6    <meta name="description" content="Local Clear Choice Glass Of Pueblo LLC Gallery in Pueblo, CO. Call (719) 696-9106." />
7    <meta name="keywords" content="Clear Choice Glass Of Pueblo LLC, gallery ">
8    <meta charset="utf-8" />
9    <meta name="viewport" content="width=device-width, initial-scale=1">
10    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
11    <link rel="canonical" href="http://www.clearchoiceglass.net/gallery.htm" />
12    <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900.">
13    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
14    <link rel="stylesheet" href="/Content/bootstrap-4_1_3.css">
15    <link rel="stylesheet" href="/Content/PatternFive/fonts.css">
16    <link rel="stylesheet" href="/Content/PatternFive/style.css">
17    <link rel="stylesheet" href="/Content/PatternFive/layout.css">
18    
18<script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
18
19    
19<script src="/scripts/patternFive/jquery-ui.js"></script>
19
20    <style>
21
22
23        
24        a.brand:hover {
25            color: #FFF;
26        }
27        ::selection {
28            background-color: #376dab;
29        }
30        #header .rd-navbar-brand a{
31            color: #FFF;
32        }
33        #header .rd-navbar-brand a:hover {
34            color: #FFF;
35        }
36        .rd-navbar-fixed .rd-nav-link {
37            color: #FFF;
38        }
39        .rd-navbar-static .rd-nav-link:hover {
40            color: #376dab;
41        }
42        a.footer-social-link {
43            background-color: #376dab;
44        }
45        .footer-classic a:hover {
46            color: #376dab;
47        }
48        .footer-social-list > li a:hover {
49            color: #FFF !important;
50        }
51        p.rights a:hover {
52            color: #376dab;
53        }
54        .ui-to-top {
55            background-color: #376dab;
56        }
57        a, a:focus, a:active {
58            color: #376dab;
59        }
60        .button-primary-outline:hover, .button-primary-outline:active, .button-primary-outline.active {
61            background-color: #376dab;
62            border-color: #376dab;
63        }
64        .navigation-tel a {
65            color: #FFF;
66        }
67        .navigation-tel a:hover {
68            color: #376dab;
69        }
70        .rd-navbar-fixed .rd-nav-item:hover .rd-nav-link, .rd-navbar-fixed .rd-nav-item.focus .rd-nav-link, .rd-navbar-fixed .rd-nav-item.active .rd-nav-link, .rd-navbar-fixed .rd-nav-item.opened .rd-nav-link {
71            background-color: #376dab;
72        }
73        .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-track,
74        ::selection {
75            background: #376dab;
76        }
77        .rd-navbar-fixed .rd-navbar-nav-wrap::-webkit-scrollbar-thumb {
78            background: #d7d7d7;
79        }
80        .keywords a,
81        .keywords a:hover {
82            color: #FFF;
83        }
84    </style>
85    
86
87</head>
88    <body class="body">
89        <header id="header">
90            <!--RD Navbar-->
91            <div class="rd-navbar-wrap">
92                <nav class="rd-navbar novi-bg" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-device-layout="rd-navbar-static" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="46px" data-xl-stick-up-offset="46px" data-xxl-stick-up-offset="46px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
93                    <div class="rd-navbar-main-outer">
94                        <div class="rd-navbar-main">
95                            <!--RD Navbar Panel-->
96                            <div class="rd-navbar-panel">
97                                <!--RD Navbar Toggle-->
98                                <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
99                                <!--RD Navbar Brand-->
100                                <div class="rd-navbar-brand">
101                                    <!--Brand-->
102                                    <a class="brand" href="/home.htm"><span class="main">Clear Choice Glass Of Pueblo LLC</span><span class="secondary"></span></a>
103                                </div>
104                            </div>
105                            <div class="rd-navbar-main-element">
106                                <div class="rd-navbar-nav-wrap">
107                                    <ul class="rd-navbar-nav">
108                                                <li class="rd-nav-item navigation-tel mobile"><a class="rd-nav-link" href="tel:(719)696-9106">(719) 696-9106</a></li>
109                                            <li class="rd-nav-item"><a class="rd-nav-link" title="Home" href="/home.htm">Home</a></li>
110                                                <li class="rd-nav-item"><a class="rd-nav-link" title="Services" href="/services.htm">Services</a></li>
111                                                                                                                                        <li class="rd-nav-item"><a class="rd-nav-link" title="Gallery" href="/gallery.htm">Gallery</a></li>
112                                                                                            <li class="rd-nav-item"><a class="rd-nav-link" title="Reviews" href="/reviews.htm">Reviews</a></li>
113                                                                                            <li class="rd-nav-item"><a class="rd-nav-link" title="Coupons" href="/coupons.htm">Coupons</a></li>
114                                            <li class="rd-nav-item"><a class="rd-nav-link" title="Contact Us" href="/contactus.htm">Contact Us</a></li>
115                                                <li class="rd-nav-item navigation-tel desktop">
116                                                    <a href="tel:(719)696-9106">(719) 696-9106</a>
117                                                </li>
118                                        </ul>
119                                </div>
120                            </div>
121                        </div>
122                    </div>
123                </nav>
124            </div>
125        </header>
126
127        <main class="content-wrapper">
128            
129
130
131
132
133
134
135
136
137
138
139<link href="/Content/PatternFive/gallery.css" rel="stylesheet" type="text/css" />
140
141<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/js/swiper.jquery.min.js"></script>
141
142
143<style>
144    img.imgLoaded {
145        object-fit: contain;
146        max-width: 100% !important;
147        height: -webkit-fill-available !important;
148        margin-left: 0 !important;
149    }
150</style>
151    <section class="section novi-bg novi-bg-img section-lg bg-default">
152        <div class="container">
153            <div id="cardContainer" class="card-containter">
154                <div class="">
155                        <h3 class="text-center">Our<span class="font-weight-black"> Gallery</span></h3>
156                        <div class="gallery-background">
157                            <i class="fal fa-times close-gallery"></i>
158                            <div class="swiper-container">
159                                        <img class="gallery_img" id="gallery_1" src='/myimages/Photo_46496_1.jpg' data-index='1' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
160                                        <img class="gallery_img" id="gallery_2" src='/myimages/Photo_46496_2.jpg' data-index='2' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
161                                        <img class="gallery_img" id="gallery_3" src='/myimages/Photo_46496_3.jpg' data-index='3' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
162                                        <img class="gallery_img" id="gallery_4" src='/myimages/Photo_46496_4.jpg' data-index='4' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
163                                        <img class="gallery_img" id="gallery_5" src='/myimages/Photo_46496_5.jpg' data-index='5' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
164                                        <img class="gallery_img" id="gallery_6" src='/myimages/Photo_46496_6.jpg' data-index='6' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
165                                        <img class="gallery_img" id="gallery_7" src='/myimages/Photo_46496_7.jpg' data-index='7' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
166                                        <img class="gallery_img" id="gallery_8" src='/myimages/Photo_46496_8.jpg' data-index='8' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
167                                        <img class="gallery_img" id="gallery_9" src='/myimages/Photo_46496_9.jpg' data-index='9' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
168                                        <img class="gallery_img" id="gallery_10" src='/myimages/Photo_46496_10.jpg' data-index='10' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
169                                        <img class="gallery_img" id="gallery_11" src='/myimages/Photo_46496_11.jpg' data-index='11' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
170                                        <img class="gallery_img" id="gallery_12" src='/myimages/Photo_46496_12.jpg' data-index='12' alt='' style="display: none; object-fit: contain; margin: 0 auto;">
171                                <div class="swiper-button-prev fa-arrow-left" id="swiper-prev"></div>
172                                <div class="swiper-button-next fa-arrow-right" id="swiper-next"></div>
173                            </div>
174                        </div>
175                        <div class="gallery-container row">
176                            <div class="col-sm-12">
177                                <div class="gallery row">
178                                            <div class='pic col-md-3'>
179                                                <img src='/myimages/Photo_46496_1.jpg' data-index='/myimages/Photo_46496_1.jpg' id="1" alt=''>
180                                            </div>
181                                            <div class='pic col-md-3'>
182                                                <img src='/myimages/Photo_46496_2.jpg' data-index='/myimages/Photo_46496_2.jpg' id="2" alt=''>
183                                            </div>
184                                            <div class='pic col-md-3'>
185                                                <img src='/myimages/Photo_46496_3.jpg' data-index='/myimages/Photo_46496_3.jpg' id="3" alt=''>
186                                            </div>
187                                            <div class='pic col-md-3'>
188                                                <img src='/myimages/Photo_46496_4.jpg' data-index='/myimages/Photo_46496_4.jpg' id="4" alt=''>
189                                            </div>
190                                            <div class='pic col-md-3'>
191                                                <img src='/myimages/Photo_46496_5.jpg' data-index='/myimages/Photo_46496_5.jpg' id="5" alt=''>
192                                            </div>
193                                            <div class='pic col-md-3'>
194                                                <img src='/myimages/Photo_46496_6.jpg' data-index='/myimages/Photo_46496_6.jpg' id="6" alt=''>
195                                            </div>
196                                            <div class='pic col-md-3'>
197                                                <img src='/myimages/Photo_46496_7.jpg' data-index='/myimages/Photo_46496_7.jpg' id="7" alt=''>
198                                            </div>
199                                            <div class='pic col-md-3'>
200                                                <img src='/myimages/Photo_46496_8.jpg' data-index='/myimages/Photo_46496_8.jpg' id="8" alt=''>
201                                            </div>
202                                            <div class='pic col-md-3'>
203                                                <img src='/myimages/Photo_46496_9.jpg' data-index='/myimages/Photo_46496_9.jpg' id="9" alt=''>
204                                            </div>
205                                            <div class='pic col-md-3'>
206                                                <img src='/myimages/Photo_46496_10.jpg' data-index='/myimages/Photo_46496_10.jpg' id="10" alt=''>
207                                            </div>
208                                            <div class='pic col-md-3'>
209                                                <img src='/myimages/Photo_46496_11.jpg' data-index='/myimages/Photo_46496_11.jpg' id="11" alt=''>
210                                            </div>
211                                            <div class='pic col-md-3'>
212                                                <img src='/myimages/Photo_46496_12.jpg' data-index='/myimages/Photo_46496_12.jpg' id="12" alt=''>
213                                            </div>
214                                </div>
215                            </div>
216                        </div>
217                                            <div class="video-container row">
218                            <h3 class="text-center col-lg-12"><span class="font-weight-black">Our</span> Video</h3>
219
220                                <div class="col-lg-12">
221                                    <div class="video">
222                                        <div class="text-center embed-responsive embed-responsive-16by9">
223                                            <iframe src="https://videos.sproutvideo.com/embed/4c9ddab01a1de1c2c4/bdd345444cc26943" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen></iframe>
224                                        </div>
225                                    </div>
226                                </div>
227                            
228                        </div>
229                </div>
230            </div>
231        </div>
232    </section>
233
234    <style>
235
236    .gallery_img.active {
237        display: block !important;
238    }
239    .swiper-button-prev:hover, .swiper-button-next:hover {
240        background-color: #376dab;
241    }
242    </style>
243
244    
244<script>
245        var $gallery = $('.gallery-background');
246        var galleryArray = $('.gallery.row').children('img');
247        var activeGallery = $(".gallery_img.active");
248
249        $gallery.hide();
250        $gallery.css('opacity', 1);
251        $('.pic img').click(function () {
252            var thisImg = ($(this).attr("id"));
253            var galleryImg = ('#gallery_' + thisImg);
254            $gallery.show();
255            $(galleryImg).addClass('active');
256            if (thisImg <= 1) {
257                $(".swiper-button-prev").hide();
258            } else {
259                $(".swiper-button-prev").show();
260            }
261            if (thisImg >= $('.swiper-container').children('img').length) {
262                $(".swiper-button-next").hide();
263            } else {
264                $(".swiper-button-next").show();
265            }
266        });
267        $('.close-gallery').click(function () {
268            $gallery.hide();
269            $(".gallery_img.active").removeClass('active');
270        })
271        $(".navigation.tmp-container a[title='Gallery']").addClass('active');
272        $("#swiper-next").click(function () {
273            thisImg = $(".gallery_img.active").attr("data-index");
274            thisImg++;
275            var galleryImg = ('#gallery_' + thisImg);
276            $(".gallery_img.active").removeClass('active');
277            $(galleryImg).addClass('active');
278            if (thisImg >= $('.swiper-container').children('img').length) {
279                $(".swiper-button-next").hide();
280            } else {
281                $(".swiper-button-next").show();
282            }
283            if (thisImg <= 1) {
284                $(".swiper-button-prev").hide();
285            } else {
286                $(".swiper-button-prev").show();
287            }
288        })
289        $("#swiper-prev").click(function () {
290            thisImg = $(".gallery_img.active").attr("data-index");
291            thisImg--;
292            var galleryImg = ('#gallery_' + thisImg);
293            $(".gallery_img.active").removeClass('active');
294            $(galleryImg).addClass('active');
295            if (thisImg <= 1) {
296                $(".swiper-button-prev").hide();
297            } else {
298                $(".swiper-button-prev").show();
299            }
300            if (thisImg >= $('.swiper-container').children('img').length) {
301                $(".swiper-button-next").hide();
302            } else {
303                $(".swiper-button-next").show();
304            }
305        })
306    </script>
306
307
308        </main>
309
310
311
312
313
314
315
316        <footer class="parallax-container footer-classic" data-parallax-img="">
317            <div class="parallax-content">
318                <div class="container">
319                    <div class="row justify-content-center">
320                        <div class="col-lg-6">
321                            <h2 class="text-center">Our <span class="font-weight-black">Contacts</span></h2>
322                                <p class="footer-address">
323                                    <a href="#">518 W 10th St Pueblo, CO 81003</a>
324                                </p>
325
326                            <div class="unit footer-contacts align-items-center justify-content-center flex-column flex-sm-row">
327                                <div class="unit-left">
328                                    <div class="icon novi-icon fa fa-phone"></div>
329                                </div>
330                                <div class="unit-body">
331                                    <ul>
332                                        <li>
333                                            <a class="footer-tel" href="tel:(719)696-9106">(719) 696-9106</a>
334                                        </li>
335                                    </ul>
336                                </div>
337                            </div>
338
339                            <ul class="footer-social-list">
340                                <!-- Socialite-->
341                                    <li title="Facebook" class="social-block">
342                                            <a href="https://www.facebook.com/CCGofPueblo/" target="_blank" class="footer-social-link icon novi-icon fa fa-facebook"></a>
343                                    </li>
344                                                                                                                                                                                            </ul>
345
346                            <div class="row">
347                                <div class="keywords col-lg-12">
348                                    <div class="d-flex justify-content-around">
349                                        <div class="keyword-urls">
350                                                <div title="Windshield Replacement">
351                                                    Windshield Replacement
352                                                </div>
353                                                                                            <div title="Auto Glass Company">
354                                                    Auto Glass Company
355                                                </div>
356                                                                                            <div title="Windshield Repair">
357                                                    Windshield Repair
358                                                </div>
359                                                                                            <div title="Auto Glass Replacement">
360                                                    Auto Glass Replacement
361                                                </div>
362                                        </div>
363                                        <div class="keyword-urls">
364                                                <div title="Mobile Windshield Replacement">
365                                                    Mobile Windshield Replacement
366                                                </div>
367                                                                                            <div title="Commercial Glass">
368                                                    Commercial Glass
369                                                </div>
370                                                                                            <div title="Windshield Crack Repai">
371                                                    Windshield Crack Repai
372                                                </div>
373                                                                                            <div title="Residential Window Repair">
374                                                    Residential Window Repair
375                                                </div>
376                                        </div>
377                                        <div class="keyword-urls">
378                                                <div title="Rear Window Glass Replacement">
379                                                    Rear Window Glass Replacement
380                                                </div>
381                                                                                            <div title="Glass Company">
382                                                    Glass Company
383                                                </div>
384                                        </div>
385                                    </div>
386                                </div>
387                            </div>
388
389                            <p class="rights col-lg-12">
390                                <span>&copy;&nbsp; </span><span class="copyright-year"></span><span>&nbsp;</span>
391                                <span>Clear Choice Glass Of Pueblo LLC All Rights Reserved. </span><a href="/privacy.htm">Privacy policy</a> 
392                            </p>
393                        </div>
394                    </div>
395                </div>
396            </div>
397        </footer>
398
399        
399<script src="/scripts/patternFive/core.min.js"></script>
399
400        
400<script src="/scripts/patternFive/script.js"></script>
400
401    </body>
402</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.