1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta name="globalsign-domain-verification" content="29c6HG7yMePdyz8rJlP7EeyYOdPrULHmlNTcW9Tsul" /> 5 <meta name="msvalidate.01" content="59A0F34EFC14D3F9AB72D68BA4EDCD8B" /> 6 <base href="/"> 7 <meta charset="utf-8"> 8 <meta name="viewport" content="width=device-width, initial-scale=1"> 9 10 <link rel="stylesheet" type="text/css" href="/dist/output.css"/> 11
11<script src="https://kit.fontawesome.com/78a788f4f6.js" crossorigin="anonymous"></script>
11 12 <link href='https://api.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.css' rel='stylesheet' /> 13 <title>Browse Captain Cyan's Range of Large Format Printed Products</title> 14 <meta name="description" content="Browse our range of online printed products, from posters and canvases, flyers, brochures, roller banners and exhibition pop-up stands, to promotional items"/> 15 16 17 18 <!-- Favicons --> 19 <link rel="apple-touch-icon-precomposed" sizes="57x57" 20 href="/images/favicons/apple-touch-icon-57x57.png" /> 21 <link rel="apple-touch-icon-precomposed" sizes="114x114" 22 href="/images/favicons/apple-touch-icon-114x114.png" /> 23 <link rel="apple-touch-icon-precomposed" sizes="72x72" 24 href="/images/favicons/apple-touch-icon-72x72.png" /> 25 <link rel="apple-touch-icon-precomposed" sizes="144x144" 26 href="/images/favicons/apple-touch-icon-144x144.png" /> 27 <link rel="apple-touch-icon-precomposed" sizes="60x60" 28 href="/images/favicons/apple-touch-icon-60x60.png" /> 29 <link rel="apple-touch-icon-precomposed" sizes="120x120" 30 href="/images/favicons/apple-touch-icon-120x120.png" /> 31 <link rel="apple-touch-icon-precomposed" sizes="76x76" 32 href="/images/favicons/apple-touch-icon-76x76.png" /> 33 <link rel="apple-touch-icon-precomposed" sizes="152x152" 34 href="/images/favicons/apple-touch-icon-152x152.png" /> 35 <link rel="icon" type="image/png" href="/images/favicons/favicon-196x196.png" 36 sizes="196x196" /> 37 <link rel="icon" type="image/png" href="/images/favicons/favicon-96x96.png" 38 sizes="96x96" /> 39 <link rel="icon" type="image/png" href="/images/favicons/favicon-32x32.png" 40 sizes="32x32" /> 41 <link rel="icon" type="image/png" href="/images/favicons/favicon-16x16.png" 42 sizes="16x16" /> 43 <link rel="icon" type="image/png" href="/images/favicons/favicon-128.png" 44 sizes="128x128" /> 45 <meta name="application-name" content="Captain Cyan" /> 46 <meta name="msapplication-TileColor" content="#009fe3" /> 47 <meta name="msapplication-TileImage" content="/images/favicons/mstile-144x144.png" /> 48 <meta name="msapplication-square70x70logo" content="/images/favicons/mstile-70x70.png" /> 49 <meta name="msapplication-square150x150logo" 50 content="/images/favicons/mstile-150x150.png" /> 51 <meta name="msapplication-wide310x150logo" 52 content="/images/favicons/mstile-310x150.png" /> 53 <meta name="msapplication-square310x310logo" 54 content="/images/favicons/mstile-310x310.png" /> 55 <!-- Twitter Meta Tags --> 56 <meta name="twitter:card" content="summary_large_image"> 57 <meta property="twitter:domain" content="https://captaincyan.com/"> 58 <meta property="twitter:url" content="https://captaincyan.com/products"> 59 <meta name="twitter:title" content="Browse Captain Cyan's Range of Large Format Printed Products"> 60 <meta name="twitter:description" content="Browse our range of online printed products, from posters and canvases, flyers, brochures, roller banners and exhibition pop-up stands, to promotional items"> 61 <meta name="twitter:image" content="<!-- insert default social image here-->"> 62 <meta name="twitter:site" content="@CaptainCyan" /> 63 <meta name="twitter:creator" content="@CaptainCyan" /> 64 65 <!-- Facebook Meta Tags --> 66 <meta property="og:url" content="https://captaincyan.com/products"> 67 <meta property="og:type" content="website"> 68 <meta property="og:title" content="Browse Captain Cyan's Range of Large Format Printed Products"> 69 <meta property="og:description" content="Browse our range of online printed products, from posters and canvases, flyers, brochures, roller banners and exhibition pop-up stands, to promotional items"> 70 <meta property="og:image" content="<!-- insert default social image here-->"> 71 72 <style>img { opacity: 0.01 } </style> 73
73<script type="text/javascript"> 74 document.addEventListener('DOMContentLoaded', (event) => { 75 document.querySelectorAll('img').forEach(image=>{ 76 if(!image.complete){ 77 image.onload = (evt=>{ 78 image.classList.add('img-loaded') 79 }) 80 }else { 81 image.classList.add('img-loaded') 82 } 83 }) 84 }); 85 </script>
85 86
86<script type="application/ld+json"> 87 { 88 "@context": "http://schema.org", 89 "@type": "Organization", 90 "name": "Captain Cyan", 91 "url": "https://captaincyan.com", 92 "logo": "https://cdn.captaincyan.com/assets/images/cc-logo-white.png", 93 "contactPoint": [{ 94 "@type": "ContactPoint", 95 "telephone": "+44 (0)20 3005 4495", 96 "contactType": "Customer Service" 97 }], 98 "email": "mailto:[email protected]", 99 "brand": "Captain Cyan", 100 "sameAs": ["https://www.facebook.com/CaptainCyan/", 101 "https://twitter.com/captaincyan", 102 "https://www.linkedin.com/company/captain-cyan/" 103 ] 104 } 105 </script>
105 106
106<script type="application/ld+json"> 107 { 108 "@context": "http://schema.org", 109 "@type": "LocalBusiness", 110 "name": "Captain Cyan", 111 "description": "London's fastest same-day large-format printers. Order before 2pm for same-day printing on most products.", 112 "telephone": "020 3005 4495", 113 "email": "[email protected]", 114 "address": { 115 "@type": "PostalAddress", 116 "addressLocality": "London", 117 "addressRegion": "London", 118 "streetAddress": "Arch 6, 166 Southwark Bridge Road", 119 "postalCode": "SE1 0DG" 120 }, 121 "sameAs": [ 122 [ 123 "https://www.facebook.com/CaptainCyan/", 124 "https://twitter.com/captaincyan", 125 "https://www.linkedin.com/company/captain-cyan/" 126 ] 127 ], 128 "url": "https://captaincyan.com", 129 "image": "https://cdn.captaincyan.com/assets/images/cc-logo-white.png", 130 "priceRange": "Our wide range of products start at just £1.50 for an A4 print (when ordered in bulk) to £575 for our largest popup stand" 131 } 132 </script>
132 133 134 135 136 <link rel="stylesheet" href="/configurator/styles-AG3HAFSK.css" /> 137 138 </head> 139 <body> 140 141 142
142<script> 143 window._cartState = { 144 open: false, 145 count: parseInt(localStorage.getItem('cartItemCount') || '0', 10) 146 }; 147</script>
147 148 149<header x-data="siteNav" class="relative"> 150 151 <div class="bg-primary text-white hidden xl:block"> 152 <div class="xl:flex flex-col xl:flex-row w-full xl:container mx-auto text-sm px-0 lg:px-24"> 153 <div class="flex space-x-8 py-4 pr-10 pl-4 xl:pl-0"> 154 155 156 157 158 <a href="order-now" class="py-4 px-0 lg:px-4 xl:p-0 xl:hover:text-yellow font-bold duration-300 col-span-1 text-white"><i class="fa-regular fa-basket-shopping-plus me-1.5"></i>Order Now</a> 159 160 161 162 163 <a href="contact" class="py-4 px-0 lg:px-4 xl:p-0 xl:hover:text-yellow font-bold duration-300 col-span-1 text-white"><i class="fa-regular fa-message-lines me-1.5"></i>Contact</a> 164 165<a href="tel:020 3005 4495" class="py-4 px-0 lg:px-4 xl:p-0 text-white xl:hover:text-yellow font-bold duration-300 col-span-1"><i class="fa-solid fa-phone me-1.5"></i>020 3005 4495</a> 166 167 </div> 168 <div class="flex-grow flex-wrap flex xl:space-x-4 py-2 md:py-4 md:justify-end px-4 xl:px-0"> 169 170 <a href="delivery" class="p-4 lg:px-0 xl:p-0 text-white hover:text-yellow font-bold duration-300 col-span-1 ">Delivery</a> 171 172 <a href="design" class="p-4 lg:px-0 xl:p-0 text-white hover:text-yellow font-bold duration-300 col-span-1 ">Design</a> 173 174 <a href="fulfilment" class="p-4 lg:px-0 xl:p-0 text-white hover:text-yellow font-bold duration-300 col-span-1 ">
174Fulfilment</a> 175 176 <a href="installation" class="p-4 lg:px-0 xl:p-0 text-white hover:text-yellow font-bold duration-300 col-span-1 ">Installation</a> 177 178 <a href="sustainability" class="p-4 lg:px-0 xl:p-0 text-white hover:text-yellow font-bold duration-300 col-span-1 ">Sustainability</a> 179 180 </div> 181 </div> 182 </div> 183 184 185 <div class="bg-white h-[var(--header-h)] grid place-items-center fixed lg:relative z-50 right-0 left-0 top-0"> 186 <div class="container mx-auto flex items-center w-full relative justify-between"> 187 <a href="/" class="text-h4 lg:text-h2 font-bold"> 188 <span class="mb-0 text-primary">Captain Cyan</span> 189 </a> 190 191 192 <div class="flex-grow justify-end items-center hidden xl:flex"> 193 194 195 196 <div @mouseenter="hoverSlug = 'poster-printing'" 197 @mouseleave="hoverSlug = null"> 198 <a href="/poster-printing" 199 class="text-primary hover:text-tertiary font-bold duration-300 px-3 py-8 200 "> 201 Posters and Art 202 </a> 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220<div x-show="hoverSlug === 'poster-printing'" 221 x-transition:enter="transition-all duration-300" 222 x-transition:enter-start="opacity-0 invisible" 223 x-transition:enter-end="opacity-100 visible" 224 x-transition:leave="transition-all duration-300" 225 x-transition:leave-start="opacity-100 visible" 226 x-transition:leave-end="opacity-0 invisible" 227 @mouseenter="hoverSlug = 'poster-printing'" 228 @mouseleave="hoverSlug = null" 229 x-cloak 230 class="absolute bg-white left-0 right-0 top-[66px] pt-6 pb-7 drop-shadow-lg z-40"> 231 <div x-data="{ hovered: null }" class="xl:flex flex-col xl:flex-row w-full xl:container mx-auto px-0 lg:px-24"> 232 <div class="grid grid-cols-12 w-full"> 233 <div class="col-span-2 relative"> 234 <img class="rounded-full border-primary border-4 transition-all duration-300 w-[150px] h-[150px] object-cover img-loaded" 235 :src="hovered || 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/y0GBpfxcSnKpDZtVQ4Zs-150w-poster-printing-jpeg'" 236 alt="menu image" /> 237 </div> 238 <div class="col-span-10"> 239 240 <div class="grid grid-cols-12"> 241 <div class="col-span-4"> 242 <h4 class="text-primary font-bold border-b-4 border-primary pb-4 mb-4">Size</h4> 243 <div class="flex flex-col"> 244 245 246 247 <a href="/poster-printing/a0" 248 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/XoDqwaq4QtGLBor2C1TZ-150w-a-0-p-osters-jpeg'" 249 @mouseleave="hovered = null" 250 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 251 "> 252 A0 Poster Printing 253 </a> 254 255 <a href="/poster-printing/a1" 256 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/cxk7dNTB2N7lmVpJzhgg-150w-a-1-1-p-ng'" 257 @mouseleave="hovered = null" 258 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 259 "> 260 A1 Poster Printing 261 </a> 262 263 <a href="/poster-printing/a2" 264 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/vmAuymQYSuSbSCtyuuqm-150w-a-2-1-p-ng'" 265 @mouseleave="hovered = null" 266 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 267 "> 268 A2 Poster Printing 269 </a> 270 271 <a href="/poster-printing/a3" 272 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/iRD9jFuTQbWv34tWIgny-150w-a-3-2-p-ng'" 273 @mouseleave="hovered = null" 274 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 275 "> 276 A3 Poster Printing 277 </a> 278 279 <a href="/poster-printing/a4" 280 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/5dfMd927RP6r2MC2FIdY-150w-a-4-1-p-ng'" 281 @mouseleave="hovered = null" 282 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 283 "> 284 A4 Poster Printing 285 </a> 286 287 <a href="/poster-printing/custom-size" 288 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/VQqBgbIJQ9Wo75rb5MM6-150w-custom-size-poster-1-jpg'" 289 @mouseleave="hovered = null" 290 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 291 "> 292 Custom Sized Poster Printing 293 </a> 294 295 296 </div> 297 </div> 298 <div class="col-span-4"> 299 <h4 class="text-primary font-bold border-b-4 border-primary pb-4 mb-4">Paper Type</h4> 300 <div class="flex flex-col"> 301 302 303 304 <a href="/poster-printing/standard-posters" 305 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/s2NhZYzfR5WZrHPcSQDn-150w-standard-poster-2-png'" 306 @mouseleave="hovered = null" 307 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 308 "> 309 Standard Satin Posters 310 </a> 311 312 <a href="/poster-printing/standard-matte-posters" 313 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website/images/5uqLCvzSWeaFnN3ZKwPA-150w-dsc-0132-jpg'" 314 @mouseleave="hovered = null" 315 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 316 "> 317 Standard Matte Posters 318 </a> 319 320 <a href="/poster-printing/premium-matte-posters" 321 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/CoIbpi4KQEqk4U9xyft1-150w-premium-poster-1-png'" 322 @mouseleave="hovered = null" 323 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 324 "> 325 Premium Posters 326 </a> 327 328 <a href="/poster-printing/premium-satin-posters" 329 @mouseenter="hovered = null" 330 @mouseleave="hovered = null" 331 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 332 "> 333 Premium Satin 334 </a> 335 336 <a href="/poster-printing/plain-paper-posters" 337 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/z5mUL70Q4C1sXMB2Nfqg-150w-architectural-plan-poster-1-png'" 338 @mouseleave="hovered = null" 339 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 340 "> 341 Plain Paper Posters 342 </a> 343 344 <a href="/poster-printing/fabric-posters" 345 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/EqxPaXjRfisADCqguQQf-150w-fabric-poster-1-png'" 346 @mouseleave="hovered = null" 347 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 348 "> 349 Fabric Posters 350 </a> 351 352 353 </div> 354 </div> 355 <div class="col-span-4"> 356 <h4 class="text-primary font-bold border-b-4 border-primary pb-4 mb-4">Application</h4> 357 <div class="flex flex-col"> 358 359 360 361 <a href="/poster-printing/academic-posters" 362 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/FdDy3149TcS2ZyFI6TcM-150w-a-0-2-p-ng'" 363 @mouseleave="hovered = null" 364 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 365 "> 366 Academic Posters 367 </a> 368 369 <a href="/poster-printing/mounted-posters" 370 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/fHoDpXcQQ36Gcp8IIP62-150w-mounted-poster-1-png'" 371 @mouseleave="hovered = null" 372 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 373 "> 374 Mounted Posters 375 </a> 376 377 <a href="/poster-printing/outdoor-waterproof-posters" 378 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website/images/464oRA1RSy8VzZyQn0Pg-150w-img-4123-jpeg'" 379 @mouseleave="hovered = null" 380 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 381 "> 382 Outdoor Waterproof Posters 383 </a> 384 385 <a href="/poster-printing/plan-printing" 386 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/qst70OxlQkKecQdJVLNG-150w-architectural-plan-poster-1-png'" 387 @mouseleave="hovered = null" 388 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 389 "> 390 Plan Printing 391 </a> 392 393 <a href="/poster-printing/photographic-printing" 394 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/7uR7v3TTze4DCtdISKMR-150w-photographic-poster-1-png'" 395 @mouseleave="hovered = null" 396 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 397 "> 398 Photographic Printing 399 </a> 400 401 <a href="/poster-printing/point-of-sale-retail-posters" 402 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/2VEyNoOHSQ6mhpQ7rxvW-150w-point-of-sale-poster-1-png'" 403 @mouseleave="hovered = null" 404 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 405 "> 406 Point of Sale Retail Posters 407 </a> 408 409 <a href="/poster-printing/portfolios-presentations" 410 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/1xqYwUWRtKo9IAtdkKgD-150w-portfolio-poster-1-png'" 411 @mouseleave="hovered = null" 412 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 413 "> 414 Portfolios & Presentations 415 </a> 416 417 <a href="/poster-printing/table-plans" 418 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/Ywvx2En2SSOoozs1ueFS-150w-table-plan-poster-1-png'" 419 @mouseleave="hovered = null" 420 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 421 "> 422 Table Plans 423 </a> 424 425 426 </div> 427 </div> 428 </div> 429 430 </div> 431 </div> 432 </div> 433</div> 434 435 436 437 </div> 438 439 <div @mouseenter="hoverSlug = 'exhibition'" 440 @mouseleave="hoverSlug = null"> 441 <a href="/exhibition" 442 class="text-primary hover:text-tertiary font-bold duration-300 px-3 py-8 443 "> 444 Exhibitions and Events 445 </a> 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463<div x-show="hoverSlug === 'exhibition'" 464 x-transition:enter="transition-all duration-300" 465 x-transition:enter-start="opacity-0 invisible" 466 x-transition:enter-end="opacity-100 visible" 467 x-transition:leave="transition-all duration-300" 468 x-transition:leave-start="opacity-100 visible" 469 x-transition:leave-end="opacity-0 invisible" 470 @mouseenter="hoverSlug = 'exhibition'" 471 @mouseleave="hoverSlug = null" 472 x-cloak 473 class="absolute bg-white left-0 right-0 top-[66px] pt-6 pb-7 drop-shadow-lg z-40"> 474 <div x-data="{ hovered: null }" class="xl:flex flex-col xl:flex-row w-full xl:container mx-auto px-0 lg:px-24"> 475 <div class="grid grid-cols-12 w-full"> 476 <div class="col-span-2 relative"> 477 <img class="rounded-full border-primary border-4 transition-all duration-300 w-[150px] h-[150px] object-cover img-loaded" 478 :src="hovered || 'https://cdn.captaincyan.com/assets/images/captain-cyan-profile-centre--round.png'" 479 alt="menu image" /> 480 </div> 481 <div class="col-span-10"> 482 483 <div class="grid grid-cols-12"> 484 <div class="col-span-12"> 485 <h4 class="text-primary font-bold border-b-4 border-primary pb-4 mb-4">Products</h4> 486 <div class="columns-3 gap-x-10"> 487 488 <a href="/exhibition/roller-banners" 489 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/kJLB5LVETcS6lt3fCzIR-150w-standard-roller-banner-0-8-m-1-png'" 490 @mouseleave="hovered = null" 491 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 492 "> 493 Roller Banners 494 </a> 495 496 <a href="/exhibition/foamboard" 497 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/qoRSB8VT1ah8vCtGuO8w-150w-foamboard-1-png'" 498 @mouseleave="hovered = null" 499 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 500 "> 501 Foamboard 502 </a> 503 504 <a href="/exhibition/foamex" 505 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/mwhVTDaKSZKjqbeHqlrh-150w-foamex-1-png'" 506 @mouseleave="hovered = null" 507 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 508 "> 509 Foamex 510 </a> 511 512 <a href="/exhibition/recycled-foamex" 513 @mouseenter="hovered = null" 514 @mouseleave="hovered = null" 515 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 516 "> 517 Recycled Foamex 518 </a> 519 520 <a href="/exhibition/honeycomb" 521 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/EHno7mWR6qGIWQr4soFP-150w-honeyboard-2-png'" 522 @mouseleave="hovered = null" 523 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 524 "> 525 Honeycomb 526 </a> 527 528 <a href="/exhibition/fabric-stretch-display-stand" 529 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/cTyWU6QTus83bifKhaPg-150w-fabric-stretch-wall-2-png'" 530 @mouseleave="hovered = null" 531 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 532 "> 533 Fabric Stretch Display Stands 534 </a> 535 536 <a href="/outdoor-banners" 537 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/KWnQ0XHqT8W3085hBr2c-150w-outdoor-pvc-banner-1-png'" 538 @mouseleave="hovered = null" 539 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 540 "> 541 Outdoor Banners 542 </a> 543 544 <a href="/poster-printing/outdoor-waterproof-posters" 545
545 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website/images/464oRA1RSy8VzZyQn0Pg-150w-img-4123-jpeg'" 546 @mouseleave="hovered = null" 547 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 548 "> 549 Outdoor Waterproof Posters 550 </a> 551 552 <a href="/exhibition/rollable-correx" 553 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/WLuk2LMvS2CRlK42TffL-150w-correx-2-png'" 554 @mouseleave="hovered = null" 555 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 556 "> 557 Rollable Correx 558 </a> 559 560 <a href="/exhibition/shell-schemes" 561 @mouseenter="hovered = null" 562 @mouseleave="hovered = null" 563 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 564 "> 565 Shell Schemes 566 </a> 567 568 <a href="/exhibition/t3-modular-exhibition-systems-and-lightboxes" 569 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website/images/KMjqIUnT8KhDUxBEma1I-150w-shaily-cphi-2024-1-jpg'" 570 @mouseleave="hovered = null" 571 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 572 "> 573 T3 Modular Exhibition and Trade Show Display Systems 574 </a> 575 576 </div> 577 </div> 578 </div> 579 580 </div> 581 </div> 582 </div> 583</div> 584 585 586 587 </div> 588 589 <div @mouseenter="hoverSlug = 'branding-and-promotion'" 590 @mouseleave="hoverSlug = null"> 591 <a href="/branding-and-promotion" 592 class="text-primary hover:text-tertiary font-bold duration-300 px-3 py-8 593 "> 594 Branding and Promotion 595 </a> 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613<div x-show="hoverSlug === 'branding-and-promotion'" 614 x-transition:enter="transition-all duration-300" 615 x-transition:enter-start="opacity-0 invisible" 616 x-transition:enter-end="opacity-100 visible" 617 x-transition:leave="transition-all duration-300" 618 x-transition:leave-start="opacity-100 visible" 619 x-transition:leave-end="opacity-0 invisible" 620 @mouseenter="hoverSlug = 'branding-and-promotion'" 621 @mouseleave="hoverSlug = null" 622 x-cloak 623 class="absolute bg-white left-0 right-0 top-[66px] pt-6 pb-7 drop-shadow-lg z-40"> 624 <div x-data="{ hovered: null }" class="xl:flex flex-col xl:flex-row w-full xl:container mx-auto px-0 lg:px-24"> 625 <div class="grid grid-cols-12 w-full"> 626 <div class="col-span-2 relative"> 627 <img class="rounded-full border-primary border-4 transition-all duration-300 w-[150px] h-[150px] object-cover img-loaded" 628 :src="hovered || 'https://cdn.captaincyan.com/assets/images/captain-cyan-profile-centre--round.png'" 629 alt="menu image" /> 630 </div> 631 <div class="col-span-10"> 632 633 <div class="grid grid-cols-12"> 634 <div class="col-span-12"> 635 <h4 class="text-primary font-bold border-b-4 border-primary pb-4 mb-4">Products</h4> 636 <div class="columns-3 gap-x-10"> 637 638 <a href="/branding-and-promotion/brochures" 639 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/uFOryS3aQwqM50ifXz6M-150w-brochure-3-square-png'" 640 @mouseleave="hovered = null" 641 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 642 "> 643 Brochures 644 </a> 645 646 <a href="/business-cards" 647 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/6RFSsORGQvqLEMEwLSqZ-150w-business-card-1-png'" 648 @mouseleave="hovered = null" 649 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 650 "> 651 Business Cards 652 </a> 653 654 <a href="/branding-and-promotion/canvases" 655 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/n5BDI02sR4OZ2yk1czHU-150w-canvas-3-png'" 656 @mouseleave="hovered = null" 657 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 658 ">
659 Canvases 660 </a> 661 662 <a href="/branding-and-promotion/custom-digital-wallpaper" 663 @mouseenter="hovered = null" 664 @mouseleave="hovered = null" 665 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 666 "> 667 Custom Digital Wallpaper 668 </a> 669 670 <a href="/custom-roller-blinds" 671 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/zbUrSCNiQg2UaGZWvowJ-150w-custom-roller-blinds-1-png'" 672 @mouseleave="hovered = null" 673 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 674 "> 675 Custom Roller Blinds 676 </a> 677 678 <a href="/exhibition/cut-vinyl" 679 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/m741taiSQWYUVV7xUtcp-150w-cut-wall-vinyl-2-png'" 680 @mouseleave="hovered = null" 681 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 682 "> 683 Cut Vinyl 684 </a> 685 686 <a href="/branding-and-promotion/floor-graphics" 687 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website/images/S3Lp11jkTqAcCX4DX2YA-150w-floor-vinyl-uel-welcomefest-2-jpg'" 688 @mouseleave="hovered = null" 689 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 690 "> 691 Floor Graphics 692 </a> 693 694 <a href="/flyers-leaflets" 695 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/zQ9KfA46SFK7IPFaVEvY-150w-flyer-1-png'" 696 @mouseleave="hovered = null" 697 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 698 "> 699 Flyers & Leaflets 700 </a> 701 702 <a href="/mugs" 703 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/rzTGHORriHTpxj4seKQA-150w-mug-3-png'" 704 @mouseleave="hovered = null" 705 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 706 "> 707 Mugs 708 </a> 709 710 <a href="/outdoor-banners" 711 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/KWnQ0XHqT8W3085hBr2c-150w-outdoor-pvc-banner-1-png'" 712 @mouseleave="hovered = null" 713 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 714 "> 715 Outdoor Banners 716 </a> 717 718 <a href="/stickers" 719 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/QOec8nDyRkKHKt51KWRs-150w-stickers-1-png'" 720 @mouseleave="hovered = null" 721 class="text-primary py-2 hover:text-tertiary font-light duration-300 w-full block 722 "> 723 Stickers 724 </a> 725 726 </div> 727 </div> 728 </div> 729 730 </div> 731 </div> 732 </div> 733</div> 734 735 736 737 </div> 738 739 <div @mouseenter="hoverSlug = 'products'" 740 @mouseleave="hoverSlug = null"> 741 <a href="/products" 742 class="text-primary hover:text-tertiary font-bold duration-300 px-3 py-8 743 text-tertiary"> 744 All Products 745 </a> 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763<div x-show="hoverSlug === 'poster-printing'" 764 x-transition:enter="transition-all duration-300" 765 x-transition:enter-start="opacity-0 invisible" 766 x-transition:enter-end="opacity-100 visible" 767 x-transition:leave="transition-all duration-300" 768 x-transition:leave-start="opacity-100 visible" 769 x-transition:leave-end="opacity-0 invisible" 770 @mouseenter="hoverSlug = 'poster-printing'" 771 @mouseleave="hoverSlug = null" 772 x-cloak 773 class="absolute bg-white left-0 right-0 top-[66px] pt-6 pb-7 drop-shadow-lg z-40"> 774 <div x-data="{ hovered: null }" class="xl:flex flex-col xl:flex-row w-full xl:container mx-auto px-0 lg:px-24"> 775 <div class="grid grid-cols-12 w-full"> 776 <div class="col-span-2 relative"> 777 <img class="rounded-full border-primary border-4 transition-all duration-300 w-[150px] h-[150px] object-cover img-loaded" 778 :src="hovered || 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/y0GBpfxcSnKpDZtVQ4Zs-150w-poster-printing-jpeg'" 779 alt="menu image" /> 780 </div> 781 <div class="col-span-10"> 782 783 <div class="grid grid-cols-12"> 784 <div class="col-span-4"> 785 <h4 class="text-primary font-bold border-b-4 border-primary pb-4 mb-4">Size</h4> 786 <div class="flex flex-col"> 787 788 789 790 <a href="/poster-printing/a0" 791 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/XoDqwaq4QtGLBor2C1TZ-150w-a-0-
791p-osters-jpeg'" 792 @mouseleave="hovered = null" 793 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 794 "> 795 A0 Poster Printing 796 </a> 797 798 <a href="/poster-printing/a1" 799 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/cxk7dNTB2N7lmVpJzhgg-150w-a-1-1-p-ng'" 800 @mouseleave="hovered = null" 801 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 802 "> 803 A1 Poster Printing 804 </a> 805 806 <a href="/poster-printing/a2" 807 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/vmAuymQYSuSbSCtyuuqm-150w-a-2-1-p-ng'" 808 @mouseleave="hovered = null" 809 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 810 "> 811 A2 Poster Printing 812 </a> 813 814 <a href="/poster-printing/a3" 815 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/iRD9jFuTQbWv34tWIgny-150w-a-3-2-p-ng'" 816 @mouseleave="hovered = null" 817 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 818 "> 819 A3 Poster Printing 820 </a> 821 822 <a href="/poster-printing/a4" 823 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/5dfMd927RP6r2MC2FIdY-150w-a-4-1-p-ng'" 824 @mouseleave="hovered = null" 825 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 826 "> 827 A4 Poster Printing 828 </a> 829 830 <a href="/poster-printing/custom-size" 831 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/VQqBgbIJQ9Wo75rb5MM6-150w-custom-size-poster-1-jpg'" 832 @mouseleave="hovered = null" 833 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 834 "> 835 Custom Sized Poster Printing 836 </a> 837 838 839 </div> 840 </div> 841 <div class="col-span-4"> 842 <h4 class="text-primary font-bold border-b-4 border-primary pb-4 mb-4">Paper Type</h4> 843 <div class="flex flex-col"> 844 845 846 847 <a href="/poster-printing/standard-posters" 848 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/s2NhZYzfR5WZrHPcSQDn-150w-standard-poster-2-png'" 849 @mouseleave="hovered = null" 850 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 851 "> 852 Standard Satin Posters 853 </a> 854 855 <a href="/poster-printing/standard-matte-posters" 856 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website/images/5uqLCvzSWeaFnN3ZKwPA-150w-dsc-0132-jpg'" 857 @mouseleave="hovered = null" 858 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 859 "> 860 Standard Matte Posters 861 </a> 862 863 <a href="/poster-printing/premium-matte-posters" 864 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/CoIbpi4KQEqk4U9xyft1-150w-premium-poster-1-png'" 865 @mouseleave="hovered = null" 866 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 867 "> 868 Premium Posters 869 </a> 870 871 <a href="/poster-printing/premium-satin-posters" 872 @mouseenter="hovered = null" 873 @mouseleave="hovered = null" 874 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 875 "> 876 Premium Satin 877 </a> 878 879 <a href="/poster-printing/plain-paper-posters" 880 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/z5mUL70Q4C1sXMB2Nfqg-150w-architectural-plan-poster-1-png'" 881 @mouseleave="hovered = null" 882 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 883 "> 884 Plain Paper Posters 885 </a> 886 887 <a href="/poster-printing/fabric-posters" 888 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/EqxPaXjRfisADCqguQQf-150w-fabric-poster-1-png'" 889 @mouseleave="hovered = null" 890 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 891 "> 892 Fabric Posters 893 </a> 894 895 896 </div> 897 </div> 898 <div class="col-span-4"> 899 <h4 class="text-primary font-bold border-b-4 border-primary pb-4 mb-4">Application</h4> 900 <div class="flex flex-col"> 901 902 903 904 <a href="/poster-printing/academic-posters" 905 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/FdDy3149TcS2ZyFI6TcM-150w-a-0-2-p-ng'" 906 @mouseleave="hovered = null" 907 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 908 "> 909 Academic Posters 910 </a> 911 912 <a href="/poster-printing/mounted-posters" 913 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/fHoDpXcQQ36Gcp8IIP62-150w-mounted-poster-1-png'" 914 @mouseleave="hovered = null" 915 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 916 "> 917 Mounted Posters 918 </a> 919 920 <a href="/poster-printing/outdoor-waterproof-posters" 921 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website/images/464oRA1RSy8VzZyQn0Pg-150w-img-4123-jpeg'" 922 @mouseleave="hovered = null" 923 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 924 "> 925 Outdoor Waterproof Posters 926 </a> 927 928 <a href="/poster-printing/plan-printing" 929 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/qst70OxlQkKecQdJVLNG-150w-architectural-plan-poster-1-png'" 930 @mouseleave="hovered = null" 931 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 932 "> 933 Plan Printing 934 </a> 935 936 <a href="/poster-printing/photographic-printing" 937 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/7uR7v3TTze4DCtdISKMR-150w-photographic-poster-1-png'" 938 @mouseleave="hovered = null" 939 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 940 "> 941 Photographic Printing 942 </a> 943 944 <a href="/poster-printing/point-of-sale-retail-posters" 945 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/2VEyNoOHSQ6mhpQ7rxvW-150w-point-of-sale-poster-1-png'" 946 @mouseleave="hovered = null" 947 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 948 "> 949 Point of Sale Retail Posters 950 </a> 951 952 <a href="/poster-printing/portfolios-presentations" 953 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/1xqYwUWRtKo9IAtdkKgD-150w-portfolio-poster-1-png'" 954 @mouseleave="hovered = null" 955 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 956 "> 957 Portfolios & Presentations 958 </a> 959 960 <a href="/poster-printing/table-plans" 961 @mouseenter="hovered = 'https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/Ywvx2En2SSOoozs1ueFS-150w-table-plan-poster-1-png'" 962 @mouseleave="hovered = null" 963 class="text-primary py-2 hover:text-tertiary font-light duration-300 block 964 "> 965 Table Plans 966 </a> 967 968 969 </div> 970 </div> 971 </div> 972 973 </div> 974 </div> 975 </div> 976</div> 977 978 979 980 </div> 981 982 983 <div x-data="{ count: parseInt(localStorage.getItem('cartItemCount') || '0', 10) }" 984 @cart-updated.window="count = $event.detail.count" 985 class="relative flex items-center ml-2"> 986 <button @click="$dispatch('open-cart')" 987 class="relative text-primary hover:text-tertiary duration-300 p-2 cursor-pointer"> 988 <i class="fa-solid fa-cart-shopping text-xl"></i>
989 <span x-show="count > 0" 990 x-text="count" 991 x-transition 992 x-cloak 993 class="absolute -top-1 -right-1 bg-tertiary text-white text-xs font-bold 994 rounded-full h-5 w-5 flex items-center justify-center"></span> 995 </button> 996 </div> 997 </div> 998 999 1000 <div x-data="{ count: parseInt(localStorage.getItem('cartItemCount') || '0', 10) }" 1001 @cart-updated.window="count = $event.detail.count" 1002 class="relative flex items-center xl:hidden mr-2 ml-auto"> 1003 <button @click="$dispatch('open-cart')" 1004 class="relative text-primary hover:text-tertiary duration-300 p-2 cursor-pointer"> 1005 <i class="fa-solid fa-cart-shopping text-xl"></i> 1006 <span x-show="count > 0" 1007 x-text="count" 1008 x-transition 1009 x-cloak 1010 class="absolute -top-1 -right-1 bg-tertiary text-white text-xs font-bold 1011 rounded-full h-5 w-5 flex items-center justify-center"></span> 1012 </button> 1013 </div> 1014 1015 1016 <button type="button" 1017 @click="mobileOpen = !mobileOpen" 1018 :class="{ 'menu-open': mobileOpen }" 1019 :aria-expanded="mobileOpen ? 'true' : 'false'" 1020 aria-label="Toggle menu" 1021 class="burger-menu shrink-0 relative w-[48px] h-[48px] 1022 z-[1000] mr-[-6px] xl:hidden cursor-pointer"> 1023 <span class="bar"></span> 1024 <span class="bar"></span> 1025 </button> 1026 </div> 1027 </div> 1028 1029 1030 <div x-show="mobileOpen" 1031 x-transition:enter="transition-opacity duration-200" 1032 x-transition:enter-start="opacity-0" 1033 x-transition:enter-end="opacity-100" 1034 x-transition:leave="transition-opacity duration-200" 1035 x-transition:leave-start="opacity-100" 1036 x-transition:leave-end="opacity-0" 1037 x-cloak 1038 class="mobile-nav z-40 xl:hidden bg-primary fixed top-[var(--header-h)] bottom-0 left-0 right-0 overflow-hidden"> 1039 <div class="relative w-full h-full"> 1040 1041<div x-show="atRoot()" 1042 x-transition:enter="transition-transform duration-300 ease-out" 1043 x-transition:enter-start="-translate-x-4 opacity-0" 1044 x-transition:enter-end="translate-x-0 opacity-100" 1045 class="absolute inset-0 flex flex-col overflow-y-auto"> 1046 <nav class="flex flex-col py-4"> 1047 1048 1049 1050 1051 <button type="button" 1052 @click="open('poster-printing', 'Posters and Art')" 1053 class="group flex items-center justify-between text-white hover:text-yellow font-bold 1054 text-lg duration-300 py-4 px-6 border-b border-white/10 cursor-pointer 1055 "> 1056 <span>Posters and Art</span> 1057 <i class="fa-solid fa-chevron-right text-sm transition-transform duration-300 group-hover:translate-x-1"></i> 1058 </button> 1059 1060 1061 1062 1063 1064 <button type="button" 1065 @click="open('exhibition', 'Exhibitions and Events')" 1066 class="group flex items-center justify-between text-white hover:text-yellow font-bold 1067 text-lg duration-300 py-4 px-6 border-b border-white/10 cursor-pointer 1068 "> 1069 <span>Exhibitions and Events</span> 1070 <i class="fa-solid fa-chevron-right text-sm transition-transform duration-300 group-hover:translate-x-1"></i> 1071 </button> 1072 1073 1074 1075 1076 1077 <button type="button" 1078 @click="open('branding-and-promotion', 'Branding and Promotion')" 1079 class="group flex items-center justify-between text-white hover:text-yellow font-bold 1080 text-lg duration-300 py-4 px-6 border-b border-white/10 cursor-pointer 1081 ">
1082 <span>Branding and Promotion</span> 1083 <i class="fa-solid fa-chevron-right text-sm transition-transform duration-300 group-hover:translate-x-1"></i> 1084 </button> 1085 1086 1087 1088 1089 1090 <button type="button" 1091 @click="open('products', 'All Products')" 1092 class="group flex items-center justify-between text-white hover:text-yellow font-bold 1093 text-lg duration-300 py-4 px-6 border-b border-white/10 cursor-pointer 1094 text-yellow"> 1095 <span>All Products</span> 1096 <i class="fa-solid fa-chevron-right text-sm transition-transform duration-300 group-hover:translate-x-1"></i> 1097 </button> 1098 1099 1100 </nav> 1101 1102 1103 <div class="mt-auto flex flex-col px-6 py-6 gap-1"> 1104 1105 1106 1107 1108 <a href="order-now" class="py-4 px-0 lg:px-4 xl:p-0 xl:hover:text-yellow font-bold duration-300 col-span-1 text-white"><i class="fa-regular fa-basket-shopping-plus me-1.5"></i>Order Now</a> 1109 1110 1111 1112 1113 <a href="contact" class="py-4 px-0 lg:px-4 xl:p-0 xl:hover:text-yellow font-bold duration-300 col-span-1 text-white"><i class="fa-regular fa-message-lines me-1.5"></i>Contact</a> 1114 1115<a href="tel:020 3005 4495" class="py-4 px-0 lg:px-4 xl:p-0 text-white xl:hover:text-yellow font-bold duration-300 col-span-1"><i class="fa-solid fa-phone me-1.5"></i>020 3005 4495</a> 1116 1117 </div> 1118</div> 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128<div x-show="onPanel('poster-printing')" 1129 x-transition:enter="transition-transform duration-300 ease-out" 1130 x-transition:enter-start="translate-x-full" 1131 x-transition:enter-end="translate-x-0" 1132 x-transition:leave="transition-transform duration-300 ease-in" 1133 x-transition:leave-start="translate-x-0" 1134 x-transition:leave-end="translate-x-full" 1135 x-cloak 1136 class="absolute inset-0 flex flex-col bg-primary"> 1137 1138 1139 <button type="button" 1140 @click="back()" 1141 class="flex items-center gap-3 text-white hover:text-yellow font-bold 1142 text-lg duration-300 py-4 px-6 border-b-2 border-yellow 1143 cursor-pointer text-left"> 1144 <i class="fa-solid fa-arrow-left"></i> 1145 <span x-text="stack.length ? stack[stack.length-1].name : ''"></span> 1146 </button> 1147 1148 1149 <div class="flex-1 min-h-0 overflow-y-auto py-2"> 1150 1151 <h4 class="text-yellow font-bold uppercase text-xs tracking-wide px-6 pt-4 pb-2">Size</h4> 1152 1153 1154 1155 <a href="/poster-printing/a0" 1156 @click="closeAll()" 1157 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1158 "> 1159 A0 Poster Printing 1160 </a> 1161 1162 <a href="/poster-printing/a1" 1163 @click="closeAll()" 1164 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1165 "> 1166 A1 Poster Printing 1167 </a> 1168 1169 <a href="/poster-printing/a2" 1170 @click="closeAll()" 1171 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1172 "> 1173 A2 Poster Printing 1174 </a> 1175 1176 <a href="/poster-printing/a3" 1177 @click="closeAll()" 1178 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1179 "> 1180 A3 Poster Printing 1181 </a> 1182 1183 <a href="/poster-printing/a4" 1184 @click="closeAll()" 1185 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1186 "> 1187 A4 Poster Printing 1188 </a> 1189 1190 <a href="/poster-printing/custom-size" 1191 @click="closeAll()" 1192 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1193 "> 1194 Custom Sized Poster Printing 1195 </a> 1196 1197 1198 <h4 class="text-yellow font-bold uppercase text-xs tracking-wide px-6 pt-4 pb-2">Paper Type</h4> 1199 1200 1201 1202 <a href="/poster-printing/standard-posters" 1203 @click="closeAll()" 1204 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1205 "> 1206 Standard Satin Posters 1207 </a> 1208 1209 <a href="/poster-printing/standard-matte-posters" 1210 @click="closeAll()" 1211 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1212 "> 1213 Standard Matte Posters 1214 </a> 1215 1216 <a href="/poster-printing/premium-matte-posters" 1217 @click="closeAll()" 1218 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1219 "> 1220 Premium Posters 1221 </a> 1222 1223 <a href="/poster-printing/premium-satin-posters" 1224 @click="closeAll()" 1225 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1226 "> 1227 Premium Satin 1228 </a> 1229 1230 <a href="/poster-printing/plain-paper-posters" 1231 @click="closeAll()" 1232 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1233 "> 1234 Plain Paper Posters 1235 </a> 1236 1237 <a href="/poster-printing/fabric-posters" 1238 @click="closeAll()" 1239 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1240 "> 1241 Fabric Posters 1242 </a> 1243 1244 1245 <h4 class="text-yellow font-bold uppercase text-xs tracking-wide px-6 pt-4 pb-2">Application</h4> 1246 1247 1248 1249 <a href="/poster-printing/academic-posters" 1250 @click="closeAll()" 1251 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1252 "> 1253 Academic Posters 1254 </a> 1255 1256 <a href="/poster-printing/mounted-posters" 1257 @click="closeAll()" 1258 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1259 "> 1260 Mounted Posters 1261 </a> 1262 1263 <a href="/poster-printing/outdoor-waterproof-posters" 1264 @click="closeAll()" 1265 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1266 "> 1267 Outdoor Waterproof Posters 1268 </a> 1269 1270 <a href="/poster-printing/plan-printing" 1271 @click="closeAll()" 1272 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1273 "> 1274 Plan Printing 1275 </a> 1276 1277 <a href="/poster-printing/photographic-printing" 1278 @click="closeAll()" 1279 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1280 "> 1281 Photographic Printing 1282 </a> 1283 1284 <a href="/poster-printing/point-of-sale-retail-posters" 1285 @click="closeAll()" 1286 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1287 "> 1288 Point of Sale Retail Posters 1289 </a> 1290 1291 <a href="/poster-printing/portfolios-presentations" 1292 @click="closeAll()" 1293 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1294 "> 1295 Portfolios & Presentations 1296 </a> 1297 1298 <a href="/poster-printing/table-plans" 1299 @click="closeAll()" 1300 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1301 "> 1302 Table Plans 1303 </a> 1304 1305 1306 1307 </div> 1308 1309</div> 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319<div x-show="onPanel('exhibition')" 1320 x-transition:enter="transition-transform duration-300 ease-out" 1321 x-transition:enter-start="translate-x-full" 1322 x-transition:enter-end="translate-x-0" 1323 x-transition:leave="transition-transform duration-300 ease-in" 1324 x-transition:leave-start="translate-x-0" 1325 x-transition:leave-end="translate-x-full" 1326 x-cloak 1327 class="absolute inset-0 flex flex-col bg-primary"> 1328 1329 1330 <button type="button" 1331 @click="back()"
1332 class="flex items-center gap-3 text-white hover:text-yellow font-bold 1333 text-lg duration-300 py-4 px-6 border-b-2 border-yellow 1334 cursor-pointer text-left"> 1335 <i class="fa-solid fa-arrow-left"></i> 1336 <span x-text="stack.length ? stack[stack.length-1].name : ''"></span> 1337 </button> 1338 1339 1340 <div class="flex-1 min-h-0 overflow-y-auto py-2"> 1341 1342 1343 1344 1345 <a href="/exhibition/roller-banners" 1346 @click="closeAll()" 1347 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1348 "> 1349 Roller Banners 1350 </a> 1351 1352 <a href="/exhibition/foamboard" 1353 @click="closeAll()" 1354 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1355 "> 1356 Foamboard 1357 </a> 1358 1359 <a href="/exhibition/foamex" 1360 @click="closeAll()" 1361 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1362 "> 1363 Foamex 1364 </a> 1365 1366 <a href="/exhibition/recycled-foamex" 1367 @click="closeAll()" 1368 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1369 "> 1370 Recycled Foamex 1371 </a> 1372 1373 <a href="/exhibition/honeycomb" 1374 @click="closeAll()" 1375 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1376 "> 1377 Honeycomb 1378 </a> 1379 1380 <a href="/exhibition/fabric-stretch-display-stand" 1381 @click="closeAll()" 1382 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1383 "> 1384 Fabric Stretch Display Stands 1385 </a> 1386 1387 <a href="/outdoor-banners" 1388 @click="closeAll()" 1389 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1390 "> 1391 Outdoor Banners 1392 </a> 1393 1394 <a href="/poster-printing/outdoor-waterproof-posters" 1395 @click="closeAll()" 1396 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1397 "> 1398 Outdoor Waterproof Posters 1399 </a> 1400 1401 <a href="/exhibition/rollable-correx" 1402 @click="closeAll()" 1403 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1404 "> 1405 Rollable Correx 1406 </a> 1407 1408 <a href="/exhibition/shell-schemes" 1409 @click="closeAll()" 1410 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1411 "> 1412 Shell Schemes 1413 </a> 1414 1415 <a href="/exhibition/t3-modular-exhibition-systems-and-lightboxes" 1416 @click="closeAll()" 1417 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1418 "> 1419 T3 Modular Exhibition and Trade Show Display Systems 1420 </a> 1421 1422 1423 1424 </div> 1425 1426</div> 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436<div x-show="onPanel('branding-and-promotion')" 1437 x-transition:enter="transition-transform duration-300 ease-out" 1438 x-transition:enter-start="translate-x-full" 1439 x-transition:enter-end="translate-x-0" 1440 x-transition:leave="transition-transform duration-300 ease-in" 1441 x-transition:leave-start="translate-x-0" 1442 x-transition:leave-end="translate-x-full" 1443 x-cloak 1444 class="absolute inset-0 flex flex-col bg-primary"> 1445 1446 1447 <button type="button" 1448 @click="back()" 1449 class="flex items-center gap-3 text-white hover:text-yellow font-bold 1450 text-lg duration-300 py-4 px-6 border-b-2 border-yellow 1451 cursor-pointer text-left"> 1452 <i class="fa-solid fa-arrow-left"></i> 1453 <span x-text="stack.length ? stack[stack.length-1].name : ''"></span> 1454 </button> 1455 1456 1457 <div class="flex-1 min-h-0 overflow-y-auto py-2"> 1458 1459 1460 1461 1462 <a href="/branding-and-promotion/brochures" 1463 @click="closeAll()" 1464 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1465 "> 1466 Brochures 1467 </a> 1468 1469 <a href="/business-cards" 1470 @click="closeAll()" 1471 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1472 "> 1473 Business Cards 1474 </a> 1475 1476 <a href="/branding-and-promotion/canvases" 1477 @click="closeAll()" 1478 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1479 ">
1480 Canvases 1481 </a> 1482 1483 <a href="/branding-and-promotion/custom-digital-wallpaper" 1484 @click="closeAll()" 1485 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1486 "> 1487 Custom Digital Wallpaper 1488 </a> 1489 1490 <a href="/custom-roller-blinds" 1491 @click="closeAll()" 1492 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1493 "> 1494 Custom Roller Blinds 1495 </a> 1496 1497 <a href="/exhibition/cut-vinyl" 1498 @click="closeAll()" 1499 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1500 "> 1501 Cut Vinyl 1502 </a> 1503 1504 <a href="/branding-and-promotion/floor-graphics" 1505 @click="closeAll()" 1506 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1507 "> 1508 Floor Graphics 1509 </a> 1510 1511 <a href="/flyers-leaflets" 1512 @click="closeAll()" 1513 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1514 "> 1515 Flyers & Leaflets 1516 </a> 1517 1518 <a href="/mugs" 1519 @click="closeAll()" 1520 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1521 "> 1522 Mugs 1523 </a> 1524 1525 <a href="/outdoor-banners" 1526 @click="closeAll()" 1527 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1528 "> 1529 Outdoor Banners 1530 </a> 1531 1532 <a href="/stickers" 1533 @click="closeAll()" 1534 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1535 "> 1536 Stickers 1537 </a> 1538 1539 1540 1541 </div> 1542 1543</div> 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553<div x-show="onPanel('poster-printing')" 1554 x-transition:enter="transition-transform duration-300 ease-out" 1555 x-transition:enter-start="translate-x-full" 1556 x-transition:enter-end="translate-x-0" 1557 x-transition:leave="transition-transform duration-300 ease-in" 1558 x-transition:leave-start="translate-x-0" 1559 x-transition:leave-end="translate-x-full" 1560 x-cloak 1561 class="absolute inset-0 flex flex-col bg-primary"> 1562 1563 1564 <button type="button" 1565 @click="back()" 1566 class="flex items-center gap-3 text-white hover:text-yellow font-bold 1567 text-lg duration-300 py-4 px-6 border-b-2 border-yellow 1568 cursor-pointer text-left"> 1569 <i class="fa-solid fa-arrow-left"></i> 1570 <span x-text="stack.length ? stack[stack.length-1].name : ''"></span> 1571 </button> 1572 1573 1574 <div class="flex-1 min-h-0 overflow-y-auto py-2"> 1575 1576 <h4 class="text-yellow font-bold uppercase text-xs tracking-wide px-6 pt-4 pb-2">Size</h4> 1577 1578 1579 1580 <a href="/poster-printing/a0" 1581 @click="closeAll()" 1582 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1583 "> 1584 A0 Poster Printing 1585 </a> 1586 1587 <a href="/poster-printing/a1" 1588 @click="closeAll()" 1589 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1590 "> 1591 A1 Poster Printing 1592 </a> 1593 1594 <a href="/poster-printing/a2" 1595 @click="closeAll()" 1596 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1597 "> 1598 A2 Poster Printing 1599 </a> 1600 1601 <a href="/poster-printing/a3" 1602 @click="closeAll()" 1603 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1604 "> 1605 A3 Poster Printing 1606 </a> 1607 1608 <a href="/poster-printing/a4" 1609 @click="closeAll()" 1610 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1611 "> 1612 A4 Poster Printing 1613 </a> 1614 1615 <a href="/poster-printing/custom-size" 1616 @click="closeAll()" 1617 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1618 "> 1619 Custom Sized Poster Printing 1620 </a> 1621 1622 1623 <h4 class="text-yellow font-bold uppercase text-xs tracking-wide px-6 pt-4 pb-2">Paper Type</h4> 1624 1625 1626 1627 <a href="/poster-printing/standard-posters" 1628 @click="closeAll()" 1629 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1630 "> 1631 Standard Satin Posters 1632 </a> 1633 1634 <a href="/poster-printing/standard-matte-posters" 1635 @click="closeAll()" 1636 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1637 "> 1638 Standard Matte Posters 1639 </a> 1640 1641 <a href="/poster-printing/premium-matte-posters" 1642 @click="closeAll()" 1643 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1644 "> 1645 Premium Posters 1646 </a> 1647 1648 <a href="/poster-printing/premium-satin-posters" 1649 @click="closeAll()" 1650 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1651 "> 1652 Premium Satin 1653 </a> 1654 1655 <a href="/poster-printing/plain-paper-posters" 1656 @click="closeAll()" 1657 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1658 "> 1659 Plain Paper Posters 1660 </a> 1661 1662 <a href="/poster-printing/fabric-posters" 1663 @click="closeAll()" 1664 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1665 "> 1666 Fabric Posters 1667 </a> 1668 1669 1670 <h4 class="text-yellow font-bold uppercase text-xs tracking-wide px-6 pt-4 pb-2">Application</h4> 1671 1672 1673 1674 <a href="/poster-printing/academic-posters" 1675 @click="closeAll()" 1676 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1677 "> 1678 Academic Posters 1679 </a> 1680 1681 <a href="/poster-printing/mounted-posters" 1682 @click="closeAll()" 1683 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1684 "> 1685 Mounted Posters 1686 </a> 1687 1688 <a href="/poster-printing/outdoor-waterproof-posters" 1689 @click="closeAll()" 1690 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1691 "> 1692 Outdoor Waterproof Posters 1693 </a> 1694 1695 <a href="/poster-printing/plan-printing" 1696 @click="closeAll()" 1697 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1698 "> 1699 Plan Printing 1700 </a> 1701 1702 <a href="/poster-printing/photographic-printing" 1703 @click="closeAll()" 1704 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1705 "> 1706 Photographic Printing 1707 </a> 1708 1709 <a href="/poster-printing/point-of-sale-retail-posters" 1710 @click="closeAll()" 1711 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1712 "> 1713 Point of Sale Retail Posters 1714 </a> 1715 1716 <a href="/poster-printing/portfolios-presentations" 1717 @click="closeAll()" 1718 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1719 "> 1720 Portfolios & Presentations 1721 </a> 1722 1723 <a href="/poster-printing/table-plans" 1724 @click="closeAll()" 1725 class="block text-white hover:text-yellow duration-300 py-3 px-6 border-b border-white/10 font-bold 1726 "> 1727 Table Plans 1728 </a> 1729 1730 1731 1732 </div> 1733 1734</div> 1735 1736 1737 1738 1739 </div> 1740 </div> 1741 1742 1743 <div class="pt-[var(--header-h)] lg:pt-0"></div> 1744</header> 1745 1746<!-- Cart Drawer --> 1747<div x-data="{ open: false }" 1748 @open-cart.window="open = true" 1749 @cart-updated.window="window._cartState.count = $event.detail.count"> 1750 <!-- Backdrop --> 1751 <div x-show="open" 1752 x-transition:enter="transition ease-out duration-300" 1753 x-transition:enter-start="opacity-0" 1754 x-transition:enter-end="opacity-50" 1755 x-transition:leave="transition ease-in duration-200" 1756 x-transition:leave-start="opacity-50" 1757 x-transition:leave-end="opacity-0" 1758 @click="open = false" 1759 x-cloak 1760 class="fixed inset-0 bg-black opacity-50 z-[998]"></div> 1761 1762 <!-- Slide-over Panel --> 1763 <div x-show="open" 1764 x-transition:enter="transition ease-out duration-300" 1765 x-transition:enter-start="translate-x-full" 1766 x-transition:enter-end="translate-x-0" 1767 x-transition:leave="transition ease-in duration-200" 1768 x-transition:leave-start="translate-x-0" 1769 x-transition:leave-end="translate-x-full" 1770 x-cloak 1771 class="fixed top-0 right-0 h-full w-full max-w-md bg-white shadow-2xl z-[999] flex flex-col"> 1772 <div class="flex justify-between items-center p-4 border-b border-gray-200"> 1773 <h3 class="text-h4 font-bold text-primary">Your Cart</h3> 1774 <button @click="open = false" class="text-primary hover:text-tertiary duration-300 cursor-pointer"> 1775 <i class="fa-solid fa-xmark text-xl"></i> 1776 </button> 1777 </div> 1778 <div class="flex-1 overflow-y-auto"> 1779 <cart-popover></cart-popover> 1780 </div> 1781 </div> 1782</div> 1783 1784 1785 1786 1787 1788 1789 1790 <article id="content"> 1791 <div class="bg-secondary h-[400px] relative gs-reveal"> 1792 <div class="absolute top-0 left-0 w-full h-full bg-black opacity-10 z-20"></div> 1793 1794 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/gZKqOG9fQISaPhSYe0Qh-1600w-all-products-desktop-jpg" srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/gZKqOG9fQISaPhSYe0Qh-1600w-all-products-desktop-jpg, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/gZKqOG9fQISaPhSYe0Qh-2400w-all-products-desktop-jpg 2x" alt="" class="object-cover w-full h-full absolute hidden lg:flex" loading="lazy"> 1795 1796 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/gZKqOG9fQISaPhSYe0Qh-1600w-all-products-desktop-jpg" srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/gZKqOG9fQISaPhSYe0Qh-1600w-all-products-desktop-jpg, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/gZKqOG9fQISaPhSYe0Qh-2400w-all-products-desktop-jpg 2x" alt="" class="object-cover w-full h-full absolute lg:hidden" loading="lazy"> 1797 1798 1799 1800 1801 1802 <div class="container mx-auto h-full relative z-30 hidden lg:flex"> 1803 <div class="grid grid-cols-12 h-full"> 1804 <div class="col-span-12 md:col-span-6 xl:col-span-4 py-10 flex flex-col justify-end"> 1805 <h1 class="text-primary text-h1 font-bold pb-6 leading-tight"> 1806 All Print, Exhibition, Signage and Promotion Products 1807 </h1> 1808 <div class="text-primary"> 1809 <p>
1809Below you will find a full list of all the products we supply. If you don't see something you would like please contact us to see if we can help</p> 1810 </div> 1811 1812 </div> 1813 </div> 1814 </div> 1815</div> 1816 1817<div class="container mx-auto h-full relative z-30 flex lg:hidden my-12"> 1818 <div class="grid grid-cols-12 h-full items-center"> 1819 <div class="col-span-12 sm:col-span-10 sm:col-start-2 flex flex-col justify-center"> 1820 <h1 class="text-primary text-h1 font-bold pb-6 leading-tight"> 1821 All Print, Exhibition, Signage and Promotion Products 1822 </h1> 1823 <div class="text-primary"> 1824 <p>Below you will find a full list of all the products we supply. If you don't see something you would like please contact us to see if we can help</p> 1825 </div> 1826 1827 </div> 1828 </div> 1829</div> 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976<section class="my-16"> 1977 <div class="container mx-auto"> 1978 1979 1980 1981 1982 1983 1984 1985 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-4 lg:px-0 gap-y-14 "> 1986 1987 1988 1989 <a href="poster-printing/academic-posters" class="flex flex-col w-full mx-auto group gs-reveal "> 1990 1991 1992 1993 <figure class="border-4 border-primary overflow-hidden mb-4 "> 1994 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/aiyn95XQgW1NGUGDfjTY-400w-a-0-2-p-ng" 1995 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/aiyn95XQgW1NGUGDfjTY-400w-a-0-2-p-ng, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/aiyn95XQgW1NGUGDfjTY-400w-a-0-2-p-ng 2x" 1996 alt="Academic Posters" 1997 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 1998 </figure> 1999 2000 <div class="relative font-light flex flex-col flex-grow"> 2001 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2002 2003 Academic Posters 2004 2005 2006 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2007 2008 </h4> 2009 2010 2011 <p class="mb-3"> 2012 Display your work with pride with our Academic posters. Perfect for students and medical professionals alike 2013 </p> 2014 2015 2016 </div> 2017 </a> 2018 2019 2020 2021 2022 2023 2024 <a href="poster-printing/plan-printing" class="flex flex-col w-full mx-auto group gs-reveal "> 2025 2026 2027 2028 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2029 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/Aeij5gzHSQ6i9zPQ94iG-400w-architectural-plan-poster-1-png" 2030 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/Aeij5gzHSQ6i9zPQ94iG-400w-architectural-plan-poster-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/Aeij5gzHSQ6i9zPQ94iG-400w-architectural-plan-poster-1-png 2x" 2031 alt="Plan Printing" 2032 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2033 </figure> 2034 2035 <div class="relative font-light flex flex-col flex-grow"> 2036 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2037 2038 Plan Printing 2039 2040 2041 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2042 2043 </h4> 2044 2045 2046 <p class="mb-3"> 2047 Print your architectural plans or drawings on our 90gsm Bond paper, with a low cost and quick turnaround guaranteed 2048 </p> 2049 2050 2051 </div> 2052 </a> 2053 2054 2055 2056 2057 2058 2059 <a href="branding-and-promotion/brochures" class="flex flex-col w-full mx-auto group gs-reveal "> 2060 2061 2062 2063 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2064 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/gaNWvej6RqquCC4DQHa1-4
206400w-brochure-3-png" 2065 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/gaNWvej6RqquCC4DQHa1-400w-brochure-3-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/gaNWvej6RqquCC4DQHa1-400w-brochure-3-png 2x" 2066 alt="Brochures" 2067 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2068 </figure> 2069 2070 <div class="relative font-light flex flex-col flex-grow"> 2071 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2072 2073 Brochures 2074 2075 2076 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2077 2078 </h4> 2079 2080 2081 <p class="mb-3"> 2082 Our range of brochures can help you deliver your message to clients and customers 2083 </p> 2084 2085 2086 </div> 2087 </a> 2088 2089 2090 2091 2092 2093 2094 <a href="business-cards" class="flex flex-col w-full mx-auto group gs-reveal "> 2095 2096 2097 2098 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2099 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/1oa1uDLPS1ySvHZA91Db-400w-business-card-1-png" 2100 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/1oa1uDLPS1ySvHZA91Db-400w-business-card-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/1oa1uDLPS1ySvHZA91Db-400w-business-card-1-png 2x" 2101 alt="Business Cards" 2102 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2103 </figure> 2104 2105 <div class="relative font-light flex flex-col flex-grow"> 2106 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2107 2108 Business Card 2109 2110 2111 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2112 2113 </h4> 2114 2115 2116 <p class="mb-3"> 2117 Leave a lasting impression with clients and customers with our range of business cards 2118 </p> 2119 2120 2121 </div> 2122 </a> 2123 2124 2125 2126 2127 2128 2129 <a href="branding-and-promotion/canvases" class="flex flex-col w-full mx-auto group gs-reveal "> 2130 2131 2132 2133 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2134 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/ok7NKeLAQ7SyarCDRPio-400w-canvas-1-png" 2135 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/ok7NKeLAQ7SyarCDRPio-400w-canvas-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/ok7NKeLAQ7SyarCDRPio-400w-canvas-1-png 2x" 2136 alt="Canvases" 2137 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2138 </figure> 2139 2140 <div class="relative font-light flex flex-col flex-grow"> 2141 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2142 2143 Canvases 2144 2145 2146 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2147 2148 </h4> 2149 2150 2151 <p class="mb-3"> 2152 Ideal personalised gifts for your family, friends or yourself. Turn your favourite photograph into a fantastic home decoration 2153 </p> 2154 2155 2156 </div> 2157 </a> 2158 2159 2160 2161 2162 2163 2164 <a href="correx-boards" class="flex flex-col w-full mx-auto group gs-reveal "> 2165 2166 2167 2168 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2169 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/mBRU7mtRFaXrSHGQIbLQ-400w-correx-signage-2-png" 2170 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/mBRU7mtRFaXrSHGQIbLQ-400w-correx-signage-2-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/mBRU7mtRFaXrSHGQIbLQ-400w-correx-signage-2-png 2x" 2171 alt="Correx Boards" 2172 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2173 </figure> 2174 2175 <div class="relative font-light flex flex-col flex-grow"> 2176 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2177 2178 Correx Boards 2179 2180 2181 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2182 2183 </h4> 2184 2185 2186 <p class="mb-3"> 2187 Our Correx boards provide you with a lightweight, durable, weather-resistant material for outdoor signage 2188 </p> 2189 2190 2191 </div> 2192 </a> 2193 2194 2195 2196 2197 2198 2199 <a href="branding-and-promotion/custom-digital-wallpaper" class="flex flex-col w-full mx-auto group gs-reveal "> 2200 2201 2202 2203 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2204 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/kgEX52k9ROuSYuTjxE4l-400w-dig-wallpaper-2-png" 2205 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/kgEX52k9ROuSYuTjxE4l-400w-dig-wallpaper-2-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/kgEX52k9ROuSYuTjxE4l-400w-dig-wallpaper-2-png 2x" 2206 alt="Custom Digital Wallpaper" 2207 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2208 </figure> 2209 2210 <div class="relative font-light flex flex-col flex-grow"> 2211 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2212 2213 Digital Wallpaper 2214 2215 2216 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2217 2218 </h4> 2219 2220 2221 <p class="mb-3"> 2222 Transform and personalise your home, office or retail space with our digitally printed wallpaper. It's PVC-free, easy to install and can be designed to fit any environment 2223 </p> 2224 2225 2226 </div> 2227 </a> 2228 2229 2230 2231 2232 2233 2234 <a href="custom-roller-blinds" class="flex flex-col w-full mx-auto group gs-reveal "> 2235 2236 2237 2238 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2239 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/lopQCv5dSoqBa4QrWDKN-400w-custom-roller-blinds-1-png" 2240 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/lopQCv5dSoqBa4QrWDKN-400w-custom-roller-blinds-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/lopQCv5dSoqBa4QrWDKN-400w-custom-roller-blinds-1-png 2x" 2241 alt="Custom Roller Blinds" 2242 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2243 </figure> 2244 2245 <div class="relative font-light flex flex-col flex-grow"> 2246 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2247 2248 Custom Printed Roller Blinds 2249 2250 2251 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2252 2253 </h4> 2254 2255 2256 <p class="mb-3"> 2257 Our custom roller blinds provide you with more creative opportunities, both at home and retail spaces, to make a space your own 2258 </p> 2259 2260 2261 </div> 2262 </a> 2263 2264 2265 2266 2267 2268 2269 <a href="poster-printing/custom-size" class="flex flex-col w-full mx-auto group gs-reveal "> 2270 2271 2272 2273 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2274 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/4kqm6uY4SyqkYFOBJ9lR-400w-custom-size-poster-1-jpg" 2275 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/4kqm6uY4SyqkYFOBJ9lR-400w-custom-size-poster-1-jpg, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/4kqm6uY4SyqkYFOBJ9lR-400w-custom-size-poster-1-jpg 2x" 2276 alt="Custom Sized Poster" 2277 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2278 </figure> 2279 2280 <div class="relative font-light flex flex-col flex-grow"> 2281 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2282 2283 Custom Sized Printing 2284 2285 2286 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2287 2288 </h4> 2289 2290 2291 <p class="mb-3"> 2292 Need something unique? We can also print custom sized posters at any size you like. 2293 </p> 2294 2295 2296 </div> 2297 </a> 2298 2299 2300 2301 2302 2303 2304 <a href="exhibition/cut-vinyl" class="flex flex-col w-full mx-auto group gs-reveal "> 2305 2306 2307 2308 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2309 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/YoJvyCQhO3XVcBPrPn2Q-400w-cut-wall-vinyl-2-png" 2310 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/YoJvyCQhO3XVcBPrPn2Q-400w-cut-wall-vinyl-2-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/YoJvyCQhO3XVcBPrPn2Q-400w-cut-wall-vinyl-2-png 2x" 2311 alt="Cut Vinyl" 2312 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2313 </figure> 2314 2315 <div class="relative font-light flex flex-col flex-grow"> 2316 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2317 2318 Cut Vinyl 2319 2320 2321 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2322 2323 </h4> 2324 2325 2326 <p class="mb-3"> 2327 Printed cut vinyl signage, ideal for use in business spaces, office or retail. Quick and easy to apply, helping you brand your space. 2328 </p> 2329 2330 2331 </div> 2332 </a> 2333 2334 2335 2336 2337 2338 2339 <a href="poster-printing/fabric-posters" class="flex flex-col w-full mx-auto group gs-reveal "> 2340 2341 2342 2343 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2344 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/9zBQIWfeTlG9dvzRRmvz-400w-fabric-poster-1-png" 2345 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/9zBQIWfeTlG9dvzRRmvz-400w-fabric-poster-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/9zBQIWfeTlG9dvzRRmvz-400w-fabric-poster-1-png 2x" 2346 alt="Fabric Posters" 2347 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2348 </figure> 2349 2350 <div class="relative font-light flex flex-col flex-grow"> 2351 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2352 2353 Fabric Posters 2354 2355 2356 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2357 2358 </h4> 2359 2360 2361 <p class="mb-3"> 2362 Printed onto foldable material, our fabric posters are made for travelling to conferences 2363 </p> 2364 2365 2366 </div> 2367 </a> 2368 2369 2370 2371 2372 2373 2374 <a href="exhibition/fabric-stretch-display-stand" class="flex flex-col w-full mx-auto group gs-reveal "> 2375 2376 2377 2378 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2379 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/SQQRXlMpQTOhtjOaoMCn-400w-fabric-stretch-wall-2-png" 2380 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/SQQRXlMpQTOhtjOaoMCn-400w-fabric-stretch-wall-2-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/SQQRXlMpQTOhtjOaoMCn-400w-fabric-stretch-wall-2-png 2x" 2381 alt="Fabric Stretch Display Stands" 2382 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2383 </figure> 2384 2385 <div class="relative font-light flex flex-col flex-grow"> 2386 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2387 2388 Fabric Stretch Display Stands 2389 2390 2391 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2392 2393 </h4> 2394 2395 2396 <p class="mb-3"> 2397 Our Fabric Stretch Display Stands are a great alternative to your traditional pop-up stand and are ideal for use as exhibition stands and media backdrops. Fabric Stretch Display Stands are easy to construct and even easier to transport. 2398 </p> 2399 2400 2401 </div> 2402 </a> 2403 2404 2405 2406 2407 2408
2409 <a href="branding-and-promotion/floor-graphics" class="flex flex-col w-full mx-auto group gs-reveal "> 2410 2411 2412 2413 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2414 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website/images/gc5OY8BMRKGSicwiy3Td-400w-floor-vinyl-uel-welcomefest-2-jpg" 2415 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website/images/gc5OY8BMRKGSicwiy3Td-400w-floor-vinyl-uel-welcomefest-2-jpg, https://s3.us-east-1.amazonaws.com/captaincyan-website/images/gc5OY8BMRKGSicwiy3Td-400w-floor-vinyl-uel-welcomefest-2-jpg 2x" 2416 alt="Floor Graphics" 2417 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2418 </figure> 2419 2420 <div class="relative font-light flex flex-col flex-grow"> 2421 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2422 2423 Floor Graphics 2424 2425 2426 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2427 2428 </h4> 2429 2430 2431 <p class="mb-3"> 2432 Help your customers with self-adhesive floor stickers available for both interior or exterior applications 2433 </p> 2434 2435 2436 </div> 2437 </a> 2438 2439 2440 2441 2442 2443 2444 <a href="flyers-leaflets" class="flex flex-col w-full mx-auto group gs-reveal "> 2445 2446 2447 2448 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2449 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/1L97HoYEQfGkSVIwQciX-400w-flyer-1-png" 2450 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/1L97HoYEQfGkSVIwQciX-400w-flyer-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/1L97HoYEQfGkSVIwQciX-400w-flyer-1-png 2x" 2451 alt="Flyers & Leaflets" 2452 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2453 </figure> 2454 2455 <div class="relative font-light flex flex-col flex-grow"> 2456 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2457 2458 Flyers and Leaflet Printing 2459 2460 2461 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2462 2463 </h4> 2464 2465 2466 <p class="mb-3"> 2467 Flyers and leaflets are a great way to reach your customers and promote your business or events 2468 </p> 2469 2470 2471 </div> 2472 </a> 2473 2474 2475 2476 2477 2478 2479 <a href="exhibition/foamboard" class="flex flex-col w-full mx-auto group gs-reveal "> 2480 2481 2482 2483 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2484 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/MuiCRXvkRIW1Bu9pJtQK-400w-foamboard-1-png" 2485 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/MuiCRXvkRIW1Bu9pJtQK-400w-foamboard-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/MuiCRXvkRIW1Bu9pJtQK-400w-foamboard-1-png 2x" 2486 alt="Foamboard" 2487 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2488 </figure> 2489 2490 <div class="relative font-light flex flex-col flex-grow"> 2491 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2492 2493 Foamboard 2494 2495 2496 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2497 2498 </h4> 2499 2500 2501 <p class="mb-3"> 2502 Lightweight and rigid, foamboard is a popular choice for interior display graphics 2503 </p> 2504 2505 2506 </div> 2507 </a> 2508 2509 2510 2511 2512 2513 2514 <a href="exhibition/foamex" class="flex flex-col w-full mx-auto group gs-reveal "> 2515 2516 2517 2518 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2519 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/4FMOsMKhTL6BGQZgi4Dp-400w-foamex-1-png" 2520 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/4FMOsMKhTL6BGQZgi4Dp-400w-foamex-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/4FMOsMKhTL6BGQZgi4Dp-400w-foamex-1-png 2x" 2521 alt="Foamex" 2522 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2523 </figure> 2524 2525 <div class="relative font-light flex flex-col flex-grow"> 2526 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2527 2528 Foamex 2529 2530 2531 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2532 2533 </h4> 2534 2535 2536 <p class="mb-3"> 2537 Durable and weatherproof, Foamex can be used for exterior signage and outdoor events 2538 </p> 2539 2540 2541 </div> 2542 </a> 2543 2544 2545 2546 2547 2548 2549 <a href="exhibition/honeycomb" class="flex flex-col w-full mx-auto group gs-reveal "> 2550 2551 2552 2553 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2554 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/hwC5hLc5QQKtZDOx6IDw-400w-honeyboard-2-png" 2555 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/hwC5hLc5QQKtZDOx6IDw-400w-honeyboard-2-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/hwC5hLc5QQKtZDOx6IDw-400w-honeyboard-2-png 2x" 2556 alt="Honeycomb" 2557 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2558 </figure> 2559 2560 <div class="relative font-light flex flex-col flex-grow"> 2561 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2562 2563 Honeycomb 2564 2565 2566 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2567 2568 </h4> 2569 2570 2571 <p class="mb-3"> 2572 Our Honeycomb is a fully recyclable, environmentally friendly, rigid display board, ideal for exhibitions or one-off usage 2573 </p> 2574 2575 2576 </div> 2577 </a> 2578 2579 2580 2581 2582 2583 2584 <a href="poster-printing/mounted-posters" class="flex flex-col w-full mx-auto group gs-reveal "> 2585 2586 2587 2588 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2589 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/DE8bw5LSTW3IEXa0wHen-400w-mounted-poster-1-png" 2590 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/DE8bw5LSTW3IEXa0wHen-400w-mounted-poster-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/DE8bw5LSTW3IEXa0wHen-400w-mounted-poster-1-png 2x" 2591 alt="Mounted Posters" 2592 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2593 </figure> 2594 2595 <div class="relative font-light flex flex-col flex-grow"> 2596 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2597 2598 Mounted Posters 2599 2600 2601 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2602 2603 </h4> 2604 2605 2606 <p class="mb-3"> 2607 We can print your poster onto Foamex, Foamboard or recyclable Honeycomb for a rigid sign, display or presentation 2608 </p> 2609 2610 2611 </div> 2612 </a> 2613 2614 2615 2616 2617 2618 2619 <a href="mugs" class="flex flex-col w-full mx-auto group gs-reveal "> 2620 2621 2622 2623 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2624 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/IjEqhu6oRtyT9lqLJ40x-400w-mug-3-png" 2625 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/IjEqhu6oRtyT9lqLJ40x-400w-mug-3-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/IjEqhu6oRtyT9lqLJ40x-400w-mug-3-png 2x" 2626 alt="Mugs" 2627 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2628 </figure> 2629 2630 <div class="relative font-light flex flex-col flex-grow"> 2631 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2632 2633 Personalised Printed Mugs 2634 2635 2636 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2637 2638 </h4> 2639 2640 2641 <p class="mb-3"> 2642 Our personalised printed mugs are the perfect present for your family and friends 2643 </p> 2644 2645 2646 </div> 2647 </a> 2648 2649 2650 2651 2652 2653 2654 <a href="outdoor-banners" class="flex flex-col w-full mx-auto group gs-reveal "> 2655 2656 2657 2658 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2659 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/5yDhJfk7RnWxA9f0WTU2-400w-outdoor-pvc-banner-1-png" 2660 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/5yDhJfk7RnWxA9f0WTU2-400w-outdoor-pvc-banner-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/5yDhJfk7RnWxA9f0WTU2-400w-outdoor-pvc-banner-1-png 2x" 2661 alt="Outdoor PVC Banners" 2662 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2663 </figure> 2664 2665 <div class="relative font-light flex flex-col flex-grow"> 2666 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2667 2668 Outdoor PVC Banner Printing 2669 2670 2671 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2672 2673 </h4> 2674 2675 2676 <p class="mb-3"> 2677 All of our PVC banners are weather-proof, scratch-resistant and specifically designed for outdoor use such as advertising or promotions 2678 </p> 2679 2680 2681 </div> 2682 </a> 2683 2684 2685 2686 2687 2688 2689 <a href="poster-printing/photographic-printing" class="flex flex-col w-full mx-auto group gs-reveal "> 2690 2691 2692 2693 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2694 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/pZg2FaESuiyFx9oS7tox-400w-photographic-poster-1-png" 2695 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/pZg2FaESuiyFx9oS7tox-400w-photographic-poster-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/pZg2FaESuiyFx9oS7tox-400w-photographic-poster-1-png 2x" 2696 alt="Photographic Printing" 2697 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2698 </figure> 2699 2700 <div class="relative font-light flex flex-col flex-grow"> 2701 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2702 2703 Photographic Printing 2704 2705 2706 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2707 2708 </h4> 2709 2710 2711 <p class="mb-3"> 2712 Choose from our range of Premium papers for the highest quality prints of your photographs and artwork 2713 </p> 2714 2715 2716 </div> 2717 </a> 2718 2719 2720 2721 2722 2723 2724 <a href="poster-printing/plain-paper-posters" class="flex flex-col w-full mx-auto group gs-reveal "> 2725 2726 2727 2728 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2729 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/fhYNNUwtT56ZzJa8acS8-400w-plain-paper-poster-2-png" 2730 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/fhYNNUwtT56ZzJa8acS8-400w-plain-paper-poster-2-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/fhYNNUwtT56ZzJa8acS8-400w-plain-paper-poster-2-png 2x" 2731 alt="Plain Paper Posters" 2732 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2733 </figure> 2734 2735 <div class="relative font-light flex flex-col flex-grow"> 2736 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2737 2738 Plain Paper Posters 2739 2740 2741 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2742 2743 </h4> 2744 2745 2746 <p class="mb-3"> 2747 90gsm Bond paper, ideal for architectural plans and other low ink coverage posters 2748 </p> 2749 2750 2751 </div> 2752 </a> 2753 2754 2755 2756 2757 2758 2759 <a href="poster-printing/point-of-sale-retail-posters" class="flex flex-col w-full mx-auto group gs-reveal "> 2760 2761 2762 2763 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2764 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/Y3b5oJbPTQqTh39XKfiA-400w-point-of-sale-poster-1-png" 2765 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/Y3b5oJbPTQqTh39XKfiA-400w-point-of-sale-poster-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/Y3b5oJbPTQqTh39XKfiA-400w-point-of-sale-poster-1-png 2x" 2766 alt="Point of Sale Retail Posters" 2767 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2768 </figure> 2769 2770 <div class="relative font-light flex flex-col flex-grow"> 2771 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2772 2773 Point of Sale Retail Posters 2774 2775 2776 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2777 2778 </h4> 2779 2780 2781 <p class="mb-3"> 2782 Advertise your business with our Point of Sale posters, available in a range of sizes and finishes to suit any budget 2783 </p> 2784 2785 2786 </div> 2787 </a> 2788 2789 2790 2791 2792 2793 2794 <a href="poster-printing" class="flex flex-col w-full mx-auto group gs-reveal "> 2795 2796 2797 2798 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2799 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/DXtEoD6uQKahKFX5pPUw-400w-83-bpq-d-ym-tu-6-nhvv-lbhv-l-780w-85wb-93-i-r-d-y-2-x-xo-eht-l-2-g-posters-banner-mobile-jpg-1-png-png" 2800 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/DXtEoD6uQKahKFX5pPUw-400w-83-bpq-d-ym-tu-6-nhvv-lbhv-l-780w-85wb-93-i-r-d-y-2-x-xo-eht-l-2-g-posters-banner-mobile-jpg-1-png-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/DXtEoD6uQKahKFX5pPUw-400w-83-bpq-d-ym-tu-6-nhvv-lbhv-l-780w-85wb-93-i-r-d-y-2-x-xo-eht-l-2-g-posters-banner-mobile-jpg-1-png-png 2x" 2801 alt="Posters and Art" 2802 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2803 </figure> 2804 2805 <div class="relative font-light flex flex-col flex-grow"> 2806 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2807 2808 Poster Printing 2809 2810 2811 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2812 2813 </h4> 2814 2815 2816 <p
2816 class="mb-3"> 2817 We print posters from A4 to A0, and custom sizes too. Same day collection or delivery dispatch on all poster orders placed by 2pm. Prices start from as little as £3.50 per poster 2818 </p> 2819 2820 2821 </div> 2822 </a> 2823 2824 2825 2826 2827 2828 2829 <a href="poster-printing/portfolios-presentations" class="flex flex-col w-full mx-auto group gs-reveal "> 2830 2831 2832 2833 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2834 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/QPKhqqi4TLyN6cbX8eCY-400w-portfolio-poster-1-png" 2835 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/QPKhqqi4TLyN6cbX8eCY-400w-portfolio-poster-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/QPKhqqi4TLyN6cbX8eCY-400w-portfolio-poster-1-png 2x" 2836 alt="Portfolios & Presentations" 2837 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2838 </figure> 2839 2840 <div class="relative font-light flex flex-col flex-grow"> 2841 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2842 2843 Portfolios & Presentations 2844 2845 2846 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2847 2848 </h4> 2849 2850 2851 <p class="mb-3"> 2852 Build your portfolio to showcase your business or work with competitive discounts offered for bulk orders 2853 </p> 2854 2855 2856 </div> 2857 </a> 2858 2859 2860 2861 2862 2863 2864 <a href="poster-printing/premium-matte-posters" class="flex flex-col w-full mx-auto group gs-reveal "> 2865 2866 2867 2868 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2869 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/ZZLhxx58SGyIKJ6M1rye-400w-premium-poster-1-png" 2870 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/ZZLhxx58SGyIKJ6M1rye-400w-premium-poster-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/ZZLhxx58SGyIKJ6M1rye-400w-premium-poster-1-png 2x" 2871 alt="Premium Matte Posters" 2872 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2873 </figure> 2874 2875 <div class="relative font-light flex flex-col flex-grow"> 2876 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2877 2878 Premium Matte Posters 2879 2880 2881 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2882 2883 </h4> 2884 2885 2886 <p class="mb-3"> 2887 230gsm posters in a matte finish, printed the same day when you order before 2pm 2888 </p> 2889 2890 2891 </div> 2892 </a> 2893 2894 2895 2896 2897 2898 2899 <a href="poster-printing/premium-satin-posters" class="flex flex-col w-full mx-auto group gs-reveal "> 2900 2901 2902 2903 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2904 <img src="/images/quicklink-default.png" 2905 srcset="/images/quicklink-default.png, /images/quicklink-default-xl.png 2x" 2906 alt="Premium Satin Posters" 2907 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2908 </figure> 2909 2910 <div class="relative font-light flex flex-col flex-grow"> 2911 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2912 2913 Premium Satin Posters 2914 2915 2916 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2917 2918 </h4> 2919 2920 2921 2922 </div> 2923 </a> 2924 2925 2926 2927 2928 2929 2930 <a href="exhibition/recycled-foamex" class="flex flex-col w-full mx-auto group gs-reveal "> 2931 2932 2933 2934 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2935 <img src="/images/quicklink-default.png" 2936 srcset="/images/quicklink-default.png, /images/quicklink-default-xl.png 2x" 2937 alt="Recycled Foamex" 2938 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2939 </figure> 2940 2941 <div class="relative font-light flex flex-col flex-grow"> 2942 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2943 2944 Recycled Foamex 2945 2946 2947 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2948 2949 </h4> 2950 2951 2952 2953 </div> 2954 </a> 2955 2956 2957 2958 2959 2960 2961 <a href="exhibition/rollable-correx" class="flex flex-col w-full mx-auto group gs-reveal "> 2962 2963 2964 2965 <figure class="border-4 border-primary overflow-hidden mb-4 "> 2966 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/YGG7px34SfeEvaeuzYoY-400w-correx-2-png" 2967 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/YGG7px34SfeEvaeuzYoY-400w-correx-2-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/YGG7px34SfeEvaeuzYoY-400w-correx-2-png 2x" 2968 alt="Rollable Correx" 2969 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 2970 </figure> 2971 2972 <div class="relative font-light flex flex-col flex-grow"> 2973 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 2974 2975 Rollable Correx 2976 2977 2978 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 2979 2980 </h4> 2981 2982 2983 <p class="mb-3"> 2984 Our rollable Correx boards provide you with a lightweight, durable, weather-resistant material for outdoor signage and indoor displays 2985 </p> 2986 2987 2988 </div> 2989 </a> 2990 2991 2992 2993 2994 2995 2996 <a href="exhibition/roller-banners" class="flex flex-col w-full mx-auto group gs-reveal "> 2997 2998 2999 3000 <figure class="border-4 border-primary overflow-hidden mb-4 "> 3001 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/yaJtucXARdGc0ZVgAYcg-400w-exhibition-banner-desktop-jpg" 3002 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/yaJtucXARdGc0ZVgAYcg-400w-exhibition-banner-desktop-jpg, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/yaJtucXARdGc0ZVgAYcg-400w-exhibition-banner-desktop-jpg 2x" 3003 alt="Roller Banners" 3004 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 3005 </figure> 3006 3007 <div class="relative font-light flex flex-col flex-grow"> 3008 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 3009 3010 Roller Banners 3011 3012 3013 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 3014 3015 </h4> 3016 3017 3018 <p class="mb-3"> 3019 Roller banners provide a compact and easily transportable display option for smaller event backdrops or conference information displays. We have a range of sizes and types to suit all needs. 3020 </p> 3021 3022 3023 </div> 3024 </a> 3025 3026 3027 3028 3029 3030 3031 <a href="exhibition/shell-schemes" class="flex flex-col w-full mx-auto group gs-reveal "> 3032 3033 3034 3035 <figure class="border-4 border-primary overflow-hidden mb-4 "> 3036 <img src="/images/quicklink-default.png" 3037 srcset="/images/quicklink-default.png, /images/quicklink-default-xl.png 2x" 3038 alt="Shell Schemes" 3039 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 3040 </figure> 3041 3042 <div class="relative font-light flex flex-col flex-grow"> 3043 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 3044 3045 Shell Schemes 3046 3047 3048 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 3049 3050 </h4> 3051 3052 3053 <p class="mb-3"> 3054 Shell schemes are typically an option for exhibitors at exhibition halls and venues where a set size booth or stand is provided to you, rather than having to create, purchase and build your own stand 3055 </p> 3056 3057 3058 </div> 3059 </a> 3060 3061 3062 3063 3064 3065 3066 <a href="poster-printing/standard-posters" class="flex flex-col w-full mx-auto group gs-reveal "> 3067 3068 3069 3070 <figure class="border-4 border-primary overflow-hidden mb-4 "> 3071 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/SKuEgctwRz2PvJsRZnjy-400w-standard-poster-2-png" 3072 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/SKuEgctwRz2PvJsRZnjy-400w-standard-poster-2-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/SKuEgctwRz2PvJsRZnjy-400w-standard-poster-2-png 2x" 3073 alt="Standard Satin Posters" 3074 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 3075 </figure> 3076 3077 <div class="relative font-light flex flex-col flex-grow"> 3078 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 3079 3080 Standard Satin Posters 3081 3082 3083 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 3084 3085 </h4> 3086 3087 3088 <p class="mb-3"> 3089 Printed on 170gsm Satin poster paper for academic, retail and promotional use 3090 </p> 3091 3092 3093 </div> 3094 </a> 3095 3096 3097 3098 3099 3100 3101 <a href="poster-printing/standard-matte-posters" class="flex flex-col w-full mx-auto group gs-reveal "> 3102 3103 3104 3105 <figure class="border-4 border-primary overflow-hidden mb-4 "> 3106 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website/images/2KAAc0IASpClhNxwr0Qc-400w-dsc-0132-jpg" 3107 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website/images/2KAAc0IASpClhNxwr0Qc-400w-dsc-0132-jpg, https://s3.us-east-1.amazonaws.com/captaincyan-website/images/2KAAc0IASpClhNxwr0Qc-400w-dsc-0132-jpg 2x" 3108 alt="Standard Matte Posters" 3109 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 3110 </figure> 3111 3112 <div class="relative font-light flex flex-col flex-grow"> 3113 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 3114 3115 Standard matte posters 3116 3117 3118 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 3119 3120 </h4> 3121 3122 3123 <p class="mb-3"> 3124 Our standard matte posters offer a high quality finish at a cost-effective price point. 3125 </p> 3126 3127 3128 </div> 3129 </a> 3130 3131 3132 3133 3134 3135 3136 <a href="stickers" class="flex flex-col w-full mx-auto group gs-reveal "> 3137 3138 3139 3140 <figure class="border-4 border-primary overflow-hidden mb-4 "> 3141 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/ltdMmWpWTMxK2Ulha8mZ-400w-stickers-1-png" 3142 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/ltdMmWpWTMxK2Ulha8mZ-400w-stickers-1-png, https://s3.us-east-1.amazonaws.com/captaincyan-website-dev/images/ltdMmWpWTMxK2Ulha8mZ-400w-stickers-1-png 2x" 3143 alt="Stickers" 3144 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 3145 </figure> 3146 3147 <div class="relative font-light flex flex-col flex-grow"> 3148 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 3149 3150 Self Adhesive Stickers 3151 3152 3153 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 3154 3155 </h4> 3156 3157 3158 <p class="mb-3"> 3159 Seize every opportunity to advertise your business by creating your own personalised
3159stickers 3160 </p> 3161 3162 3163 </div> 3164 </a> 3165 3166 3167 3168 3169 3170 3171 <a href="exhibition/t3-modular-exhibition-systems-and-lightboxes" class="flex flex-col w-full mx-auto group gs-reveal "> 3172 3173 3174 3175 <figure class="border-4 border-primary overflow-hidden mb-4 "> 3176 <img src="https://s3.us-east-1.amazonaws.com/captaincyan-website/images/goxcjY6FT6evqxV8OEjr-400w-shaily-cphi-2024-2-jpg" 3177 srcset="https://s3.us-east-1.amazonaws.com/captaincyan-website/images/goxcjY6FT6evqxV8OEjr-400w-shaily-cphi-2024-2-jpg, https://s3.us-east-1.amazonaws.com/captaincyan-website/images/goxcjY6FT6evqxV8OEjr-400w-shaily-cphi-2024-2-jpg 2x" 3178 alt="T3 Modular Exhibition and Trade Show Display Systems" 3179 class="object-cover aspect-[1.64] w-full transition-transform duration-1000 ease-in-out group-hover:scale-105" /> 3180 </figure> 3181 3182 <div class="relative font-light flex flex-col flex-grow"> 3183 <h4 class="text-h4 text-primary mb-3 font-dynamicduo group-hover:text-tertiary duration-300 leading-snug"> 3184 3185 T3 Modular Display Systems 3186 3187 3188 <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i> 3189 3190 </h4> 3191 3192 3193 <p class="mb-3"> 3194 T3 displays are highly modular and flexible, providing you with complete design control. T3 can incorporate backlit or frontlit graphics for maximum impact, on a variety of fabric, semi-rigid and rigid substrates for maximum flexibility 3195 </p> 3196 3197 3198 </div> 3199 </a> 3200 3201 3202 3203 3204 </div> 3205 </div> 3206</section> 3207 </article> 3208 3209 3210 3211 3212 3213 3214 3215<div class="container mx-auto pt-8 md:pt-12 gs-reveal mb-8"> 3216 <div class="relative h-[500px] md:h-auto"> 3217 <div class="flex flex-col md:grid md:gap-4 md:grid-cols-12 z-40 relative"> 3218 <div class="md:col-span-8"> 3219 <div class="p-4 md:p-8 md:pe-20 pt-8 md:pt-28"> 3220 <h3><a href="/" class="font-dynamicduo text-h3 md:text-h2 text-white mb-3 font-bold hover:text-yellow duration-300 leading-snug group">Customer reviews <i class="fa-arrow-right fa-solid group-hover:translate-x-2 transition-transform duration-500 my-auto pl-1"></i></a></h3> 3221 <div x-data="reviewCarousel()" class="my-4 md:my-8 relative"> 3222 <div class="overflow-hidden"> 3223 <div class="flex transition-transform duration-500 ease-in-out" 3224 :style="slideStyle"> 3225 <template x-for="(review, i) in reviews" :key="i"> 3226 <div class="text-white shrink-0 pr-4 md:pr-8" :style="itemStyle"> 3227 <p class="font-bold text-sm" x-text="review.name"></p> 3228 <span class="my-2 block"> 3229 <i class="fa-sharp fa-solid fa-star text-base md:text-lg" :class="starClass(1, review.rating)"></i> 3230 <i class="fa-sharp fa-solid fa-star text-base md:text-lg" :class="starClass(2, review.rating)"></i> 3231 <i class="fa-sharp fa-solid fa-star text-base md:text-lg" :class="starClass(3, review.rating)"></i> 3232 <i class="fa-sharp fa-solid fa-star text-base md:text-lg" :class="starClass(4, review.rating)"></i> 3233 <i class="fa-sharp fa-solid fa-star text-base md:text-lg" :class="starClass(5, review.rating)"></i> 3234 </span> 3235 <p x-text="truncate(review.review, 200)"></p> 3236 </div> 3237 </template> 3238 </div> 3239 </div> 3240 <div class="flex items-center gap-3 mt-4" x-show="showNav"> 3241 <button @click="prev()" :disabled="atStart" 3242 :class="atStart ? 'opacity-30' : 'hover:text-yellow'" 3243 class="text-white duration-300 cursor-pointer"> 3244 <i class="fa-solid fa-chevron-left"></i> 3245 </button> 3246 <button @click="next()" :disabled="atEnd"
3247 :class="atEnd ? 'opacity-30' : 'hover:text-yellow'" 3248 class="text-white duration-300 cursor-pointer"> 3249 <i class="fa-solid fa-chevron-right"></i> 3250 </button> 3251 </div> 3252 </div> 3253
3253<script> 3254 function reviewCarousel() { 3255 return { 3256 current: 0, 3257 perPage: window.innerWidth >= 1024 ? 2 : 1, 3258 reviews: [{"name":"Viran","review":"Great quality prints! I've been using them for a while now for my poster printing business. Colours are rich and top quality over most print shops that I have done test prints","date":"","rating":"5","image":{},"tag":"posters"},{"name":"Jasmin","review":"Such a seamless experience with Becca, she was so lovely, and accommodating of my last minute mayhem! Great printers, will definitely be returning.","date":"","rating":"5","image":{},"tag":""},{"name":"Quentin","review":"5/5 Service. Printed an A0 Poster in Fabric and it came out amazing! If you send your request before 2 PM then theyâll get it done the same day and you can collect by 6 PM","date":"","rating":"5","image":{},"tag":"posters"},{"name":"Lukas","review":"Been printing with these guys for years! Great quality and greta prices - will always go back!","date":"","rating":"5","image":"","tag":""},{"name":"Barian","review":"Excellent service and quality. Poster was ready to collect in <24hrs!","date":"","rating":"5","image":"","tag":""},{"name":"John","review":"Always cracking service - price, speed, quality and very responsive and helpful over email ðð»","date":"","rating":"5","image":"","tag":""}
3258,{"name":"Sophie","review":"Thank you Captain Cyan, namely Evan :) I placed an urgent order for an A2 poster picture using the next day service. I received flawless communication regarding order processing and shipment.","date":"","rating":"5","image":"","tag":""},{"name":"Simon","review":"Great service and a speedy turnaround. Would recommend Captain Cyan for anyone that needs high-quality printing in a hurry. Thanks again Jordan and Becca for all of your help!","date":"","rating":"5","image":"","tag":""}], 3259 get maxIndex() { return Math.max(0, this.reviews.length - this.perPage) }, 3260 get atStart() { return this.current === 0 }, 3261 get atEnd() { return this.current >= this.maxIndex }, 3262 get showNav() { return this.reviews.length > this.perPage }, 3263 get slideStyle() { return 'transform: translateX(-' + (this.current * (100 / this.perPage)) + '%)' }, 3264 get itemStyle() { return 'width: ' + (100 / this.perPage) + '%' }, 3265 starClass(star, rating) { return star <= parseInt(rating) ? 'text-[#FBC02D]' : 'text-gray-400' }, 3266 truncate(text, len) { return text.length > len ? text.substring(0, len) + '...' : text }, 3267 next() { if (!this.atEnd) this.current++ }, 3268 prev() { if (!this.atStart) this.current-- }, 3269 init() { 3270 window.addEventListener('resize', () => { 3271 this.perPage = window.innerWidth >= 1024 ? 2 : 1; 3272 if (this.current > this.maxIndex) this.current = this.maxIndex; 3273 }); 3274 } 3275 } 3276 } 3277 </script>
3277 3278 </div> 3279 </div> 3280 <div class="md:col-span-4"> 3281 <div class="h-[250px] md:h-full flex items-center md:block"> 3282 <div class="kapow"> 3283 <div class="flex flex-col h-full justify-center items-center"> 3284 <img src="/images/icons/google-color-icon.svg" alt="Google" width="50" class="mb-2 max-w-[10%]"/> 3285 <span class="block align-middle"> 3286 <span class="text-grey text-base xl:text-h4 leading-none">4.9</span> 3287 3288 <i class="fa-sharp fa-solid fa-star text-[#FBC02D] text-sm xl:text-lg"></i> 3289 3290 <i class="fa-sharp fa-solid fa-star text-[#FBC02D] text-sm xl:text-lg"></i> 3291 3292 <i class="fa-sharp fa-solid fa-star text-[#FBC02D] text-sm xl:text-lg"></i> 3293 3294 <i class="fa-sharp fa-solid fa-star text-[#FBC02D] text-sm xl:text-lg"></i> 3295 3296 <i class="fa-sharp fa-solid fa-star text-[#FBC02D] text-sm xl:text-lg"></i> 3297 3298 </span> 3299 <p class="hidden md:block text-[1.1vw] xl:text-[15px] text-primary">Based on 653 Google reviews</p> 3300 </div> 3301 </div> 3302 <p class="p-4 md:hidden text-xs text-white shrink-0">Based on 653 Google reviews</p> 3303 </div> 3304 </div> 3305 </div> 3306 <div class="reviews-text w-full h-full absolute top-0 left-0"> 3307 <div class="reviews-text-inner"></div> 3308 </div> 3309 <div class="reviews-kapow w-full h-full absolute top-0 left-0"> 3310 <div class="reviews-kapow-inner"></div> 3311 </div> 3312 </div> 3313</div> 3314 3315 3316<section class="bg-white relative z-20 footer "> 3317 <footer class="container mx-auto pt-3 pb-8 gs-reveal"> 3318 3319 <div class="w-ful grid gap-4 grid-cols-12"> 3320 <div class="text-center col-span-12 md:col-span-8 md:col-start-3 lg:col-span-6 lg:col-start-4"> 3321 <h3 class="font-dynamicduo text-h2 text-primary font-bold">Subscribe to our newsletter</h3> 3322 <p class="text-primary my-3 md:my-5">And get all the news from the Captain!</p> 3323 <form 3324 action="https://captaincyan.us3.list-manage.com/subscribe/post?u=e7a86e20bbb15250fd0fa243c&id=f7d18f2894" 3325 method="post" 3326 id="mc-embedded-subscribe-form" 3327 name="mc-embedded-subscribe-form" 3328 class="validate" 3329 target="_blank" 3330 > 3331 <div class="flex flex-col items-center justify-center sm:flex-row"> 3332 <div class="mb-4 sm:mb-0 w-full"> 3333 <input 3334 type="email" 3335 value="" 3336 name="EMAIL" 3337 placeholder="Please enter your email address" 3338 class="text-center md:text-left form-input w-full px-4 py-3" 3339 id="email" 3340 required 3341 > 3342 </div> 3343 <div class="absolute left-[-5000px]" aria-hidden="true"> 3344 <input 3345 type="text" 3346 name="b_e7a86e20bbb15250fd0fa243c_f7d18f2894" 3347 tabindex="-1" 3348 value="" 3349 > 3350 </div> 3351 <div class="pl-1.5"> 3352 <input 3353 type="submit" 3354 value="Subscribe" 3355 name="subscribe" 3356 id="mc-embedded-subscribe" 3357 class="px-4 py-3 bg-yellow text-primary font-bold hover:bg-primary hover:text-yellow focus:outline-hidden duration-300 cursor-pointer" 3358 > 3359 </div> 3360 </div> 3361 </form> 3362 </div> 3363 </div> 3364 3365 3366 3367 <div class="grid grid-cols-2 sm:grid-cols-3 lg:flex justify-between my-12 md:my-16 lg:my-20 gap-x-4 md:gap-x-8 gap-y-8"> 3368 <ul> 3369 <div class="font-bold text-primary text-lg py-1 pb-3 cursor-pointer"> 3370 About 3371 </div> 3372 3373 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3374 <a href="about">About Captain Cyan</a> 3375 </li> 3376 3377 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3378 <a href="blog">Blog</a> 3379 </li> 3380 3381 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3382 <a href="sustainability">Sustainability</a> 3383 </li> 3384 3385 </ul> 3386 3387 <ul> 3388 <div class="font-bold text-primary text-lg py-1 pb-3 cursor-pointer"> 3389 Help
3390 </div> 3391 3392 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3393 <a href="contact">Contact Us</a> 3394 </li> 3395 3396 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3397 <a href="faqs">FAQs</a> 3398 </li> 3399 3400 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3401 <a href="terms-conditions">Terms & Conditions</a> 3402 </li> 3403 3404 </ul> 3405 <ul> 3406 <div class="font-bold text-primary text-lg py-1 pb-3 cursor-pointer"> 3407 Artwork 3408 </div> 3409 3410 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3411 <a href="design">Design</a> 3412 </li> 3413 3414 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3415 <a href="artwork-templates">Artwork Templates</a> 3416 </li> 3417 3418 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3419 <a href="supplying-artwork">Supplying Artwork</a> 3420 </li> 3421 3422 </ul> 3423 <ul> 3424 <div class="font-bold text-primary text-lg py-1 pb-3 cursor-pointer"> 3425 Orders 3426 </div> 3427 3428 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3429 <a href="collection">Collection</a> 3430 </li> 3431 3432 <li class="text-primary hover:text-tertiary py-1 cursor-pointer duration-300"> 3433 <a href="delivery">Delivery</a> 3434 </li> 3435 3436 </ul> 3437 <div> 3438 <div class="font-bold text-primary text-lg py-1 pb-3"> 3439 Follow us 3440 </div> 3441 <div class="flex space-x-8 py-1"> 3442 <a href="https://twitter.com/CaptainCyan" class="text-primary text-lg hover:text-tertiary duration-300"> 3443 <i class="fab fa-xl fa-x-twitter"></i> 3444 </a> 3445 3446 <a href="https://facebook.com/CaptainCyan" class="text-primary text-lg hover:text-tertiary duration-300"> 3447 <i class="fab fa-xl fa-facebook-f"></i> 3448 </a> 3449 3450 <a href="https://instagram.com/captaincyan_" class="text-primary text-lg hover:text-tertiary duration-300"> 3451 <i class="fab fa-xl fa-instagram"></i> 3452 </a> 3453 </div> 3454 3455 3456 </div> 3457 </div> 3458 <div class="text-primary text-sm mt-12 md:mt-16 lg:mt-20"> 3459 ©<span id="year">2026</span> 3460 Captain Cyan. 3461 Website by 3462 <a href="https://nakedcreativity.co.uk" class="font-bold hover:text-tertiary duration-300">Naked Creativity</a> 3463 </p> 3464 3465 3466 </footer> 3467</section> 3468 3469 3470 3471
3471<script type="text/javascript" src="/dist/main.js"></script>
3471 3472
3472<script src="/configurator/polyfills-AXUTU6D7.js" type="module"></script>
3472 3473
3473<script src="/configurator/main-6CFSNVS3.js" type="module"></script>
3473 3474
3474<script type="text/javascript"> 3475 var inCMS = document.getElementsByClassName('cee-ms-edit'); 3476 if (inCMS.length != 0) { 3477 console.log('in cms true', inCMS); 3478 var jquery = "https://code.jquery.com/jquery-3.5.1.slim.min.js"; 3479 var src = "https://cdn.cee.ms/site.js"; 3480 document.write('
3480<script src="' + jquery + '"><\/script>'); 3481 document.write('
3481<script src="' + src + '"><\/script>'); 3482 } 3483 </script>
3483 3484 3485 <!-- Privacy-friendly analytics by Plausible --> 3486
3486<script async src="https://plausible.io/js/pa-YyxAoR2tuC_pY4RzFhClT.js"></script>
3486 3487
3487<script> 3488 window.plausible=window.plausible||function(){(plausible.q=plausible.q||[]).push(arguments)},plausible.init=plausible.init||function(i){plausible.o=i||{}}; 3489 plausible.init() 3490 </script>
3490 3491 3492 3493
3493<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"10dc8349a73f442ba97ba031886c4700","r":1,"spa":2}' crossorigin="anonymous"></script>
3493 3494</body> 3495</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.