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>© </span><span class="copyright-year"></span><span> </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.