1<!DOCTYPE html lang="nl"> 2<html> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <title>S&R</title> 7 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" /> 8 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" /> 9 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" /> 10 <link rel="manifest" href="/site.webmanifest" /> 11 <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#96c11f" /> 12 <meta name="msapplication-TileColor" content="#000000" /> 13 <meta name="theme-color" content="#000000" /> 14 <link 15 href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,400;0,600;0,700;1,600&display=swap" 16 rel="stylesheet" 17 /> 18 <link 19 href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" 20 rel="stylesheet" 21 integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" 22 crossorigin="anonymous" 23 /> 24 <link rel="stylesheet" href="/css/styles.css" /> 25 </head> 26 27 <body class="page-body d-flex flex-column min-vh-100"> 28 <nav class="navbar navbar-custom navbar-expand-lg navbar-dark"> 29 <div class="container-fluid h-100 px-lg-5"> 30 <a class="navbar-brand" href="/"> 31 <img class="nav-logo" src="/assets/img/logo.svg" /> 32 </a> 33 34 <button 35 class="navbar-toggler" 36 type="button" 37 data-bs-toggle="collapse" 38 data-bs-target="#navbarSupportedContent" 39 aria-controls="navbarSupportedContent" 40 aria-expanded="false" 41 aria-label="Toggle navigation" 42 > 43 <span class="navbar-toggler-icon"></span> 44 </button> 45 46 <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent"> 47 <ul class="navbar-nav navbar-nav-custom mb-2 mb-lg-0"> 48 49 <li class="nav-item text-nowrap px-3 dropdown"> 50 <a 51 class="nav-link dropdown-toggle" 52 href="#" 53 role="button" 54 data-bs-toggle="dropdown" 55 aria-expanded="false" 56 > 57 Interieur Signing 58 </a> 59 <ul class="dropdown-menu"> 60 61 <li> 62 <a class="dropdown-item" href="/wallcovering.html"> 63 Wallcovering 64 </a> 65 </li> 66 67 <li> 68 <a class="dropdown-item" href="/SRT-textielframes.html"> 69 SRT-textielframes 70 </a> 71 </li> 72 73 <li> 74 <a class="dropdown-item" href="/akoestisch-pet-vilt.html"> 75 Akoestisch PET-vilt 76 </a> 77 </li> 78 79 <li> 80 <a class="dropdown-item" href="/interieurfolies.html"> 81 Interieurfolie's 82 </a> 83 </li> 84 85 <li> 86 <a class="dropdown-item" href="/3D-letters-en-logos.html"> 87 3D letters en logo's 88 </a> 89 </li> 90 91 <li> 92 <a class="dropdown-item" href="/LED-letters-en-logos.html"> 93 LED letters en logo's 94 </a> 95 </li> 96 97 <li> 98 <a class="dropdown-item" href="/lightboxen.html"> 99 Lightboxen 100 </a> 101 </li> 102 103 <li> 104 <a class="dropdown-item" href="/privacyfolie.html"> 105 Privacyfolie 106 </a> 107 </li> 108 109 <li> 110 <a class="dropdown-item" href="/full-color-prints.html"> 111 Full-color prints 112 </a> 113 </li> 114 115 <li> 116 <a class="dropdown-item" href="/folieteksten-en-logos.html"> 117 Folieteksten en logo's 118 </a> 119 </li> 120 121 <li> 122 <a class="dropdown-item" href="/wayfinding.html"> 123 Wayfinding 124 </a> 125 </li> 126 127 </ul> 128 </li> 129 130 <li class="nav-item text-nowrap px-3 dropdown"> 131 <a 132 class="nav-link dropdown-toggle" 133 href="#" 134 role="button" 135 data-bs-toggle="dropdown" 136 aria-expanded="false" 137 > 138 Exterieur Signing 139 </a> 140 <ul class="dropdown-menu"> 141 142 <li> 143 <a class="dropdown-item" href="/gevelbelettering.html"> 144 Gevelbelettering 145 </a> 146 </li> 147 148 <li> 149 <a class="dropdown-item" href="/lichtreclame.html"> 150 Lichtreclame 151 </a> 152 </li> 153 154 <li> 155 <a class="dropdown-item" href="/reclamezuilen.html"> 156 Reclamezuilen 157 </a> 158 </li> 159 160 <li> 161 <a class="dropdown-item" href="/raamstikkers.html"> 162 Raamstikkers 163 </a> 164 </li> 165 166 <li> 167 <a class="dropdown-item" href="/bewegwijzering.html"> 168 Bewegwijzering 169 </a> 170 </li> 171 172 <li> 173 <a class="dropdown-item" href="/fleetmarking.html"> 174 Fleetmarking 175 </a> 176 </li> 177 178 </ul> 179 </li> 180 181 182 <!-- Static links (unchanged structure) --> 183 <li class="nav-item text-nowrap px-3"> 184 <a class="nav-link" href="/over-ons.html">Over ons</a> 185 </li> 186 <li class="nav-item text-nowrap px-3"> 187 <a class="nav-link" href="/nieuws.html">Nieuws</a> 188 </li> 189 <li class="nav-item text-nowrap px-3"> 190 <a class="nav-link" href="/contact.html">Contact</a> 191 </li> 192 <li class="nav-item px-3 d-flex align-items-center"> 193 <a class="nav-link d-flex align-items-center" href="/over-ons.html#milieu"> 194 <img class="leaf" src="/assets/leaf.svg" style="height: 1.25rem;" /> 195 </a> 196 </li> 197 </ul> 198 </div> 199 </div> 200</nav> 201 202 203 <main class="flex-grow-1"> 204 <div class="bg pb-4"> 205 <div class="container"> 206 <div class="row"> 207 <div class="col-lg-5 col-12 mt-3 px-4"> 208 209 <div class="embla"> 210 <div class="embla__viewport"> 211 <div class="embla__container"> 212 213 <div class="embla__slide"> 214 <div class="embla__slide__inner"> 215 <img src="/assets/img/decap/riverdale.png" alt="Carousel Image" class="embla__slide__img"> 216 </div> 217 </div> 218 219 <div class="embla__slide"> 220 <div class="embla__slide__inner"> 221 <img src="/assets/img/decap/hunter-douglas.png" alt="Carousel Image" class="embla__slide__img"> 222 </div> 223 </div> 224 225 <div class="embla__slide"> 226 <div class="embla__slide__inner"> 227 <img src="/assets/img/decap/intratuin.png" alt="Carousel Image" class="embla__slide__img"> 228 </div> 229 </div> 230 231 <div class="embla__slide"> 232 <div class="embla__slide__inner"> 233 <img src="/assets/img/decap/dior.png" alt="Carousel Image" class="embla__slide__img"> 234 </div> 235 </div> 236 237 <div class="embla__slide"> 238 <div class="embla__slide__inner"> 239 <img src="/assets/img/decap/janzen.png" alt="Carousel Image" class="embla__slide__img"> 240 </div> 241 </div> 242 243 </div> 244 </div> 245 </div> 246 247 <div class="embla-thumbs mt-3"> 248 <div class="embla-thumbs__viewport"> 249 <div class="embla-thumbs__container"> 250 251 <div class="embla-thumbs__slide"> 252 <button class="embla-thumbs__slide__button"> 253 <div class="embla-thumbs__slide__inner"> 254 <img src="/assets/img/decap/riverdale.png" alt="Thumbn
254ail" class="embla-thumbs__slide__img"> 255 </div> 256 </button> 257 </div> 258 259 <div class="embla-thumbs__slide"> 260 <button class="embla-thumbs__slide__button"> 261 <div class="embla-thumbs__slide__inner"> 262 <img src="/assets/img/decap/hunter-douglas.png" alt="Thumbnail" class="embla-thumbs__slide__img"> 263 </div> 264 </button> 265 </div> 266 267 <div class="embla-thumbs__slide"> 268 <button class="embla-thumbs__slide__button"> 269 <div class="embla-thumbs__slide__inner"> 270 <img src="/assets/img/decap/intratuin.png" alt="Thumbnail" class="embla-thumbs__slide__img"> 271 </div> 272 </button> 273 </div> 274 275 <div class="embla-thumbs__slide"> 276 <button class="embla-thumbs__slide__button"> 277 <div class="embla-thumbs__slide__inner"> 278 <img src="/assets/img/decap/dior.png" alt="Thumbnail" class="embla-thumbs__slide__img"> 279 </div> 280 </button> 281 </div> 282 283 <div class="embla-thumbs__slide"> 284 <button class="embla-thumbs__slide__button"> 285 <div class="embla-thumbs__slide__inner"> 286 <img src="/assets/img/decap/janzen.png" alt="Thumbnail" class="embla-thumbs__slide__img"> 287 </div> 288 </button> 289 </div> 290 291 </div> 292 </div> 293 </div> 294 295 <div class="col order-lg-3 d-block d-lg-none text-center mt-3"> 296 <a href="/contact.html" class="btngreen">Contact</a> 297 </div> 298 </div> 299 300 <div class="col-lg-7 col-12 order-lg-2 order-3"> 301 <h1 302 class="text-h1 text-lg-start mt-lg-2 mt-5 pt-2 mb-1 text-center" 303 > 304 SRT-textielframes 305 </h1> 306 <div id="description" class="text-p1"><p>Textielframes zijn een perfect middel om uw reclameboodschappen of seizoengebonden sfeerbeelden te presenteren. De textiel doeken zijn eenvoudig te verwisselen. Nieuwe doeken kunnen snel worden geproduceerd en in een klein pakket naar de betreffende locatie worden verstuurd. De doeken voldoen aan de hoogste brandveiligheidsnormen.</p> 307 308<p>Textielframes kunnen in alle formaten worden geproduceerd en dus ook wand vullend worden toegepast. Bestaande wanden kunnen dan in een mum van tijd worden gerestyled. Ook is het mogelijk om geluiddempend materiaal in de wand te verwerken waardoor de akoestiek sterk kan worden verbeterd in kantooromgevingen waar veel glas is toegepast.</p> 309 310<p>Doordat er veel verschillende peesprofielen leverbaar zijn, kunnen vele vormen worden toegepast. Kubussen, cirkels, schuifwanden, deuren en veel meer. Laat uw creativiteit maar los gaan. Wij zorgen voor de technische oplossing.</p> 311 312<p>De frames kunnen ook vrijstaand en dubbelzijdig worden geleverd waardoor ze als scheidingswanden op kantoren, reclamepanelen en wayfinding in gebouwen kunnen worden toegepast.</p> 313 314<p>Last but not least, de frames kunnen natuurlijk ook worden voorzien van LED verlichting. Info hierover vindt u in de catagorie âLightboxenâ.</p> 315 316<p><img src="/assets/img/decap/blaadje-groen-2.png" alt="" /></p> 317 318<p>Ook op het gebied van de textielframes staan de ontwikkelingen niet stil. Hoewel aluminium een belasting is van grondstoffen, kunnen de profielen wel heel goed worden gerecycled. Liever gebruik maken van meer natuurlijke materialen, dat kan ook want de ontwikkelingen met profielen van hout en gerecycled kunststof staan ook niet stil. Informeer naar de mogelijkheden bij onze specialisten.</p> 319 320<p><img src="/assets/img/decap/srt-profielen.png" alt="" /></p> 321</div> 322 <div class="col order-lg-3 d-none d-lg-block text-start mt-3"> 323 <a href="/contact.html" class="btngreen">Contact</a> 324 </div> 325 </div> 326 </div> 327 </div> 328 329 </div> 330 </main> 331 332 333 <footer 334class="d-flex flex-wrap align-items-center justify-content-center border-top" 335> 336<a 337 href="https://www.s-en-r.nl" 338 class="text-center d-flex mb-3 mb-md-0 me-mx-auto link-dark text-decoration-none" 339> 340 <img 341 src="/assets/img/SR.jpg" 342 width="25vw" 343 style="opacity: 50%" 344 /> 345</a> 346</footer> 347 348 349
349<script 350 src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" 351 integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" 352 crossorigin="anonymous" 353 ></script>
353 354 355
355<script type="module"> 356 import EmblaCarousel from 'https://cdn.jsdelivr.net/npm/[email protected]/embla-carousel.esm.js'; 357 358 const setupEmblaCarousel = () => { 359 const mainNode = document.querySelector('.embla'); 360 const mainViewport = mainNode.querySelector('.embla__viewport'); 361 const mainOptions = { loop: true, skipSnaps: false }; 362 const mainCarousel = EmblaCarousel(mainViewport, mainOptions); 363 364 const thumbsNode = document.querySelector('.embla-thumbs'); 365 const thumbsViewport = thumbsNode.querySelector('.embla-thumbs__viewport'); 366 const thumbsOptions = { 367 dragFree: true, 368 containScroll: 'keepSnaps', 369 axis: 'x', 370 slidesToScroll: 1 371 }; 372 const thumbsCarousel = EmblaCarousel(thumbsViewport, thumbsOptions); 373 374 const syncThumbsToMain = (emblaMain, emblaThumb) => { 375 const slideThumbs = (index) => { 376 if (!emblaThumb.clickAllowed()) return; 377 emblaMain.scrollTo(index); 378 }; 379 380 const thumbNodes = emblaThumb.slideNodes(); 381 thumbNodes.forEach((thumbNode, index) => { 382 thumbNode.addEventListener('click', () => slideThumbs(index)); 383 }); 384 }; 385 386 const updateSelectedThumb = (emblaMain, emblaThumb) => { 387 const updateThumb = () => { 388 const previous = document.querySelector('.embla-thumbs__slide--selected'); 389 if (previous) previous.classList.remove('embla-thumbs__slide--selected'); 390 391 const index = emblaMain.selectedScrollSnap(); 392 const thumbNodes = emblaThumb.slideNodes(); 393 394 if (thumbNodes[index]) { 395 thumbNodes[index].classList.add('embla-thumbs__slide--selected'); 396 397 emblaThumb.scrollTo(index); 398 } 399 }; 400 401 emblaMain.on('select', updateThumb); 402 updateThumb(); 403 }; 404 405 if (mainCarousel && thumbsCarousel) { 406 syncThumbsToMain(mainCarousel, thumbsCarousel); 407 updateSelectedThumb(mainCarousel, thumbsCarousel); 408 } 409 }; 410 411 if (document.readyState === 'loading') { 412 document.addEventListener('DOMContentLoaded', setupEmblaCarousel); 413 } else { 414 setupEmblaCarousel(); 415 } 416 </script>
416 417 </body> 418</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.