CINXE.COM

Expanded Beam - Fiber Connectors for Tough Environments | Micropol

<!DOCTYPE html> <html lang="en"> <head> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="ff588b80-af16-47bc-a1d5-48ba569f73c0" data-blockingmode="auto" type="text/javascript"></script> <link rel="preload" href="/ig-assets/fonts/fontawesome-webfont.woff2?v=4.7.0" as="font" type="font/woff2" crossorigin> <link rel="stylesheet" href="https://use.typekit.net/jls6fip.css"> <link href="/DependencyHandler.axd?s=L2Nzcy9saWIvcmVzZXQuY3NzOy9jc3MvbGliL2ZvbnQtYXdlc29tZS5jc3M7L2Nzcy9saWIvcGhvdG9zd2lwZS5jc3M7L2Nzcy9pZy1iYXNlLmNzczsvY3NzL2lnLWhlYWRlci5jc3M7L2Nzcy9pZy1mb290ZXIuY3NzOy9jc3MvaWctd2lkZ2V0cy5jc3M7L2Nzcy9jdXN0b20uY3NzOy9jc3MvaGVmZmFsdW1wLmNzczs&amp;t=Css&amp;cdv=1164067803" type="text/css" rel="stylesheet"/> <link href="/css/lib/datagrid.min.css" rel="stylesheet" /> <link href="/css/generated-themes/ig-theme-AdFXQslj60KH2HBMjY00w.css?v=090920210925" type="text/css" rel="stylesheet"> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Expanded Beam - Fiber Connectors for Tough Environments | Micropol</title> <meta name="description" content="Expanded Beam connectors – Robust solutions for reliable fiber optic connection in demanding environments. Optimal performance and durability - Micropol.com"> <meta name="google-site-verification" content="l7uwuxxicZn3mkY0oMK4CoXO7XX4DD8js-D7bGR6zz8" /> <meta property="og:title" content="Expanded Beam - Fiber Connectors for Tough Environments | Micropol" /> <meta property="og:type" content="website" /> <meta property="og:description" content="Expanded Beam connectors – Robust solutions for reliable fiber optic connection in demanding environments. Optimal performance and durability - Micropol.com" /> <meta property="og:url" content="https://micropol.com/en/products/expanded-beam-connectors/"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Expanded Beam - Fiber Connectors for Tough Environments | Micropol"> <meta name="twitter:description" content="Expanded Beam connectors – Robust solutions for reliable fiber optic connection in demanding environments. Optimal performance and durability - Micropol.com"> <meta property="og:image" content="https://micropol.com/media/actoh5se/falcon_2023_lr_1.jpg?upscale=false&width=1200" /> <meta name="twitter:image" content="https://micropol.com/media/actoh5se/falcon_2023_lr_1.jpg?upscale=false&width=1200"> <meta name="og:site_name" content="Micropol" /> <meta name="og:email" content="info@micropol.com" /> <meta name="og:phone_number" content="+46 (0)35 17 85 39" /> <link rel="icon" type="image/png" sizes="192x192" href="/media/tlfh3qjg/favicon-32x32.png?anchor=center&amp;mode=crop&amp;width=192&amp;height=192&amp;rnd=132756530299270000"> <link rel="icon" type="image/png" sizes="32x32" href="/media/tlfh3qjg/favicon-32x32.png?anchor=center&amp;mode=crop&amp;width=32&amp;height=32&amp;rnd=132756530299270000"> <link rel="icon" type="image/png" sizes="96x96" href="/media/tlfh3qjg/favicon-32x32.png?anchor=center&amp;mode=crop&amp;width=96&amp;height=96&amp;rnd=132756530299270000"> <link rel="icon" type="image/png" sizes="16x16" href="/media/tlfh3qjg/favicon-32x32.png?anchor=center&amp;mode=crop&amp;width=16&amp;height=16&amp;rnd=132756530299270000"> <meta name="msapplication-TileColor" content="#FFFFFF"> <meta name="msapplication-TileImage" content="/media/tlfh3qjg/favicon-32x32.png?anchor=center&amp;mode=crop&amp;width=144&amp;height=144&amp;rnd=132756530299270000"> <link rel="alternate" href="https://micropol.com/en/products/expanded-beam-connectors/" hreflang="en-GB" /> <link rel="alternate" href="https://micropol.com/sv/produkter/expanded-beam-kontakt/" hreflang="sv-SE" /> <link rel="alternate" href="https://micropol.com/de/produkte/expanded-beam-steckverbinders/" hreflang="de" /> <link rel="canonical" href="https://micropol.com/en/products/expanded-beam-connectors/" /> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-534DCT4'); </script> <script>window.MSInputMethodContext && document.documentMode && document.write('<script src="/scripts/lib/ie11CustomProperties.js"><\x2fscript>');</script> <script src=https://micropol.lime-forms.com/js/ce/latest></script> </head> <body class="page-loading " data-siteid="1287" data-culture="en-GB"> <a href="#content" class="button skip-link">Jump to content</a> <div class="io-hook"></div> <header class="top top--dark top--full-width top--navigation-center"> <div class="top-inner"> <div class="top__left"> <a href="/en/" class="logo logo--on-light" title="Micropol"> <img alt="Micropol"> </a> <a href="/en/" class="logo logo--on-dark" title="Micropol"> <img src="/media/sxedgxo3/micropol_blue_white.svg" alt="Micropol"> </a> </div> <div class="top__middle"> <nav class="main-nav main-nav--main"> <ul class="main-nav__ul main-nav__ul--first"> <li class="main-nav__li"> <a class="main-nav__a" href="/en/areas-of-expertise/">Areas of expertise</a> </li> <li class="main-nav__li selected"> <a class="main-nav__a" href="/en/products/">Products <button class="expand" tabindex="0" aria-label="Show Subpages"><i class="fa fa-plus" aria-hidden="true"></i></button></a> <ul class="main-nav__ul main-nav__ul--second"> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> <li class="main-nav__li"> </li> </ul> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/technology/">Technology</a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/quality/">Quality <button class="expand" tabindex="0" aria-label="Show Subpages"><i class="fa fa-plus" aria-hidden="true"></i></button></a> <ul class="main-nav__ul main-nav__ul--second"> <li class="main-nav__li"> <a class="main-nav__a" href="/en/quality/social-responsibility-policy/" >Social responsibility policy</a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/quality/environmental-policy/" >Environmental policy</a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/quality/certification/" >Certification</a> </li> </ul> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/about-us/">About Us <button class="expand" tabindex="0" aria-label="Show Subpages"><i class="fa fa-plus" aria-hidden="true"></i></button></a> <ul class="main-nav__ul main-nav__ul--second"> <li class="main-nav__li"> <a class="main-nav__a" href="https://careers.micropol.com/en-GB" target="_blank"> <i class="fa fa-external-link" aria-hidden="true"></i> Career </a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/about-us/general-terms-conditions/" >General Terms &amp; Conditions</a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/about-us/news/" >News</a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/about-us/our-history/" >Our History</a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/about-us/references/" >References</a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/about-us/event-calender/" >Event Calender</a> </li> </ul> </li> <li class="main-nav__li"> <a class="main-nav__a" href="https://micropol.mediaflowportal.com/" target="_blank"> <i class="fa fa-external-link" aria-hidden="true"></i> Downloads </a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/cad/">CAD</a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/en/contact/">Contact</a> </li> <li class="main-nav__li main-nav__li--lang show--m"> <a class="main-nav__a" href="#"><img src="/ig-assets/flags/gb.svg" alt="English" /> <span>English</span><button class="expand" tabindex="0" aria-label="Show Subpages"><i class="fa fa-plus" aria-hidden="true"></i></button></a> <ul class="main-nav__ul main-nav__ul--second go-right"> <li class="main-nav__li"> <a class="main-nav__a" href="/en/products/expanded-beam-connectors/" title="English"><img src="/ig-assets/flags/gb.svg" alt="English" />&nbsp;<span>English</span></a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/sv/produkter/expanded-beam-kontakt/" title="Svenska"><img src="/ig-assets/flags/se.svg" alt="Svenska" />&nbsp;<span>Svenska</span></a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/de/produkte/expanded-beam-steckverbinders/" title="Deutsch"><img src="/ig-assets/flags/de.svg" alt="Deutsch" />&nbsp;<span>Deutsch</span></a> </li> </ul> </li> </ul> </nav> </div> <div class="top__right hide--m"> <nav class="main-nav main-nav--side"> <ul class="main-nav__ul main-nav__ul--first"> <li class="main-nav__li toggle-search"> <a class="main-nav__a" href="#" title="Search" aria-label="search"> <i class="fa fa-search" aria-hidden="true" style="font-size: 25px;"></i> </a> </li> <li class="main-nav__li main-nav__li--lang "> <a class="main-nav__a" href="#"><img src="/ig-assets/flags/gb.svg" alt="English" /> <span>English</span><button class="expand" tabindex="0" aria-label="Show Subpages"><i class="fa fa-plus" aria-hidden="true"></i></button></a> <ul class="main-nav__ul main-nav__ul--second go-right"> <li class="main-nav__li"> <a class="main-nav__a" href="/en/products/expanded-beam-connectors/" title="English"><img src="/ig-assets/flags/gb.svg" alt="English" />&nbsp;<span>English</span></a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/sv/produkter/expanded-beam-kontakt/" title="Svenska"><img src="/ig-assets/flags/se.svg" alt="Svenska" />&nbsp;<span>Svenska</span></a> </li> <li class="main-nav__li"> <a class="main-nav__a" href="/de/produkte/expanded-beam-steckverbinders/" title="Deutsch"><img src="/ig-assets/flags/de.svg" alt="Deutsch" />&nbsp;<span>Deutsch</span></a> </li> </ul> </li> </ul> </nav> </div> <nav class="mobile-actions"> <ul> <li class="toggle-search"> <a href="#" title="Search"> <i class="fa fa-search" aria-hidden="true"></i> </a> </li> <li> <button class="hamburger" type="button" aria-label="Show navigation"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </li> </ul> </nav> </div> </header> <main id="content"> <div class="block breadcrumbs-block white-bg "> <div class="container"> <div class="row"> <div class="col-100"> <nav aria-label="Breadcrumb"> <ul class="breadcrumbs " itemscope="" itemtype="http://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/en/"> <span itemprop="name">Start</span> </a> <meta itemprop="position" content="1" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/en/products/"> <span itemprop="name">Products</span> </a> <meta itemprop="position" content="2" /> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem"> <a itemprop="item" href="/en/products/expanded-beam-connectors/"> <span itemprop="name">Expanded Beam Connectors</span> </a> <meta itemprop="position" content="3" /> </li> </ul> </nav> </div> </div> </div> </div> <section class="block text white-bg in-view"> <div class="block-text block-text--single"> <div class="container"> <div class="row"> <div class="col-100"> <h1 style="font-size: 2.25rem;">Expanded Beam Connectors</h1> <div class="product-widgets"> <div class="block grid white-bg "> <div class="container "> <div class="row row--left row--v-top "> <div class="col-50 col-s-100"> <div class="grid-item grid-item--text "> <p>Traditional physical contact fiber optic connectors have proved to be unreliable in harsh environment applications due to their sensitivity to dirt, dust, mud, water, oil and other contaminants.</p> <p>Our expanded beam connectors offer robust and reliable optical connectivity in harsh conditions, with improved resistance to withstand extreme environments without the need for special servicing or cleaning equipment.</p> <p>All our expanded beam connectors meet the standard of MIL-DTL-83526 20/21. Here you can find more information on the standard <a href="/en/mil-dtl-83526-20-21/" title="(MIL-DTL-83526 20/21)">MIL-DTL-83526</a>.</p> <p style="text-align: right;"><a href="/en/technology/what-is-expanded-beam/" title="What is expanded beam?">Read more about the Expanded Beam Technology here</a></p> </div> </div> <div class="col-50 col-s-100"> <div class="grid-item grid-item--image"> <figure> <img class="lazyload" src="/media/bo3ify3d/micropol_business-area_defence_security-4-e1600076627123.jpg?width=10" data-sizes="auto" data-srcset="/media/bo3ify3d/micropol_business-area_defence_security-4-e1600076627123.jpg?upscale=false&width=300&quality=80 300w, /media/bo3ify3d/micropol_business-area_defence_security-4-e1600076627123.jpg?upscale=false&width=500&quality=80 500w, /media/bo3ify3d/micropol_business-area_defence_security-4-e1600076627123.jpg?upscale=false&width=750&quality=80 750w, /media/bo3ify3d/micropol_business-area_defence_security-4-e1600076627123.jpg?upscale=false&width=1000&quality=80 1000w, /media/bo3ify3d/micropol_business-area_defence_security-4-e1600076627123.jpg?upscale=false&width=1200&quality=80 1200w, /media/bo3ify3d/micropol_business-area_defence_security-4-e1600076627123.jpg?upscale=false&width=1600&quality=80 1600w, /media/bo3ify3d/micropol_business-area_defence_security-4-e1600076627123.jpg?upscale=false&width=1920&quality=80 1920w" alt=""> </figure> </div> </div> <div class="col-25 col-m-50 col-s-100"> <div class="grid-item grid-item--pod pod grid-item--boxed "> <article> <div class="pod__image"> <a href="/en/products/falcon-expanded-beam-connector/" title="FALCON Expanded beam connetor"> <img class="lazyload" src="/media/5g5jh40x/falcon_2024_hr_1.jpg?width=10" data-sizes="auto" data-srcset="/media/5g5jh40x/falcon_2024_hr_1.jpg?upscale=false&width=300&quality=80 300w, /media/5g5jh40x/falcon_2024_hr_1.jpg?upscale=false&width=500&quality=80 500w, /media/5g5jh40x/falcon_2024_hr_1.jpg?upscale=false&width=750&quality=80 750w, /media/5g5jh40x/falcon_2024_hr_1.jpg?upscale=false&width=1000&quality=80 1000w" alt="FALCON Expanded beam connetor"> </a> </div> <div class="pod__text"> <h3 class="h5"><a href="/en/products/falcon-expanded-beam-connector/" title="FALCON Expanded beam connetor">FALCON Expanded beam connetor</a></h3> </div> </article> </div> </div> <div class="col-25 col-m-50 col-s-100"> <div class="grid-item grid-item--pod pod grid-item--boxed "> <article> <div class="pod__image"> <a href="/en/products/falcon-expanded-beam-connector/" title="PROCON Expanded beam connetor"> <img class="lazyload" src="/media/4jlnhd2a/procon_2023_lr_3.jpg?width=10" data-sizes="auto" data-srcset="/media/4jlnhd2a/procon_2023_lr_3.jpg?upscale=false&width=300&quality=80 300w, /media/4jlnhd2a/procon_2023_lr_3.jpg?upscale=false&width=500&quality=80 500w, /media/4jlnhd2a/procon_2023_lr_3.jpg?upscale=false&width=750&quality=80 750w, /media/4jlnhd2a/procon_2023_lr_3.jpg?upscale=false&width=1000&quality=80 1000w" alt="PROCON Expanded beam connetor"> </a> </div> <div class="pod__text"> <h3 class="h5"><a href="/en/products/falcon-expanded-beam-connector/" title="PROCON Expanded beam connetor">PROCON Expanded beam connetor</a></h3> </div> </article> </div> </div> </div> </div> </div> </div> <hr /> </div> </div> </div> </div> </section> <div class="block grid white-bg grid--compact in-view"> <div class="container"> <div class="row row--left row--v-top row--v-grow categorycontainer" style="overflow:hidden"> </div> <br /> </div> </div> <section class="block text white-bg in-view"> <div class="block-text block-text--single"> <div class="container"> <div class="row"> <div class="col-100"> <div class="product-widgets"> <section class="block text white-bg "> <div class="block-text block-text--single"> <div class="container-fluid"> <div class="row"> <div class="col-100"> <h2>Problem finding your solution?</h2> <div class="row sub-grid"> <div class="col-50 col-s-100"> <div class="grid-item grid-item--text "> <p>If you're navigating the complex landscape of fiber optic technology and finding yourself in need of guidance or simply want to delve deeper into the intricacies of this fascinating realm, we're here to assist you every step of the way.</p> <p>Whether you're seeking solutions for your specific needs or aiming to broaden your understanding of fiber optic applications, our team of experts is ready to provide the support and information you require. Don't hesitate to reach out to us with your queries, concerns, or curiosity. We're dedicated to ensuring that you unlock the full potential of fiber optic technology.</p> <p>Contact us today to embark on a journey through the limitless possibilities of fiber optics. Let's explore together and discover how our solutions can empower you in achieving your goals.</p> </div> </div> <div class="col-50 col-s-100"> <div class="grid-item grid-item--code"> <lime-form form-id="xkv40F5LQS396VTf0nYW"></lime-form> </div> </div> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> </section> </main> <div id="limeModal" class="modal"> <div class="modal-content"> <span class="close-button" style="position: relative; z-index: 10;">&times;</span> <simpli-form form-id="xkv40F5LQS396VTf0nYW"></simpli-form> </div> </div> <footer class="footer footer--dark light-color"> <div class="container container--standard footer-grid"> <div class="row"> <div class="col-33 col-s-100"> <div class="footer-item footer-item--logos text-left"> <ul> <li style="width: 350"> <div><img src="/media/sxedgxo3/micropol_blue_white.svg" alt=""></div> </li> <li style="width: 120px"> <a href="https://www.linkedin.com/company/micropol-fiberoptic-ab/" target="_blank" title="Micropol - LinkedIn"><img src="/media/baqe2lks/li-logo-white.png" alt=""></a> </li> <li style="width: 120px"> <a href="https://www.nato.int/structur/AC/135/nmcrl/index.html" target="_blank" title="https://www.nato.int/structur/AC/135/nmcrl/index.html"><img src="/media/uwhf0y0w/natohor_grey-line-ncage-code-micropol.png" alt=""></a> </li> <li style="width: 120px"> <a href="/media/bh5gz4tc/aaa-ab-micropol-fiberoptic-2023.pdf" target="_blank" title="AAA Certificate Micropol 230925"><img src="/media/d0cpta55/aaa_se-en.png" alt=""></a> </li> </ul> </div> </div> <div class="col-25 col-m-50 col-s-100"> <div class="footer-item footer-item--contact text-left"> <h2 class="h6">Head Office</h2> <address> <ul class="contact-list"> <li> <i class="fa fa-map-marker" aria-hidden="true"></i> AB Micropol Fiberoptic<br/>Älvdalsvägen 4<br/>313 50 Åled<br/>Sweden </li> <li> <a href="tel:+46 (0)35 17 85 39"><i class="fa fa-phone" aria-hidden="true"></i> +46 (0)35 17 85 39</a> </li> <li> <a href="mailto:info@micropol.com"><i class="fa fa-envelope" aria-hidden="true"></i> info@micropol.com</a> </li> </ul> </address> </div> </div> <div class="col col-s-100"> <div class="footer-item footer-item--links"> <h4 class="h6 navigation-link-heading"> <a href="/en/about-us/" > About us </a> </h4> <nav class="navigation navigation--level-0" data-expand="true"> <ul> <li> <div> <a href="https://careers.micropol.com/en-GB" target="_blank" rel="noopener" >Career</a> </div> </li> <li class=""> <div> <a href="/en/about-us/general-terms-conditions/" >General Terms &amp; Conditions</a> </div> </li> <li class=""> <div> <a href="/en/about-us/whistleblower/" >Whistleblower</a> </div> </li> <li class=""> <div> <a href="/en/cookies-gdpr/" >Cookies GDPR</a> </div> </li> </ul> </nav> </div> </div> <div class="col col-s-100"> <div class="footer-item footer-item--links"> <h4 class="h6 navigation-link-heading"> <a href="/en/products/" > Products </a> </h4> <nav class="navigation navigation--level-0" data-expand="true"> <ul> <li class="selected"> <div> <a href="/en/products/expanded-beam-connectors/" >Expanded beams</a> </div> </li> <li class=""> <div> <a href="/en/products/cable-reels/" >Cable reels</a> </div> <ul> </ul> </li> <li class=""> <div> <a href="/en/products/backpack-for-tactical-cable-drum/" >Backpack for tactical cable drum</a> </div> </li> <li class=""> <div> <a href="/en/products/odf/" >ODF</a> </div> <ul> </ul> </li> </ul> </nav> </div> </div> </div> </div> </footer> <button title="Scroll to top" aria-label="Scroll to top" class="to-top to-top--theme"> <i class="fa fa-chevron-up" aria-hidden="true"></i> </button> <div class="search" role="dialog" arial-label="Search"> <div class="search__stage"> <form action="/en/search/" class="search__form"> <i class="fa fa-search" aria-hidden="true"></i> <input type="text" autocomplete="off" name="search" required class="search__input" placeholder="Search the site..."> <div class="search__loader"></div> <div class="search__autocomplete hide"> <div class="search__no-results hide"> No results found </div> <ul class="search__suggest"> </ul> <button class="button button--block">Show all results <span class="search__result-count"></span></button> </div> </form> </div> <button class="search__close" title="Close (Esc)" tabindex="0"><i class="fa fa-times" aria-hidden="true"></i></button> </div> <button class="search-overlay"></button> <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> <div class="pswp__bg"></div> <div class="pswp__scroll-wrap"> <div class="pswp__container"> <div class="pswp__item"></div> <div class="pswp__item"></div> <div class="pswp__item"></div> </div> <div class="pswp__ui pswp__ui--hidden"> <div class="pswp__top-bar"> <div class="pswp__counter"></div> <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> <button class="pswp__button pswp__button--share" title="Share"></button> <button class="pswp__button pswp__button--fs" title="Fullscreen"></button> <button class="pswp__button pswp__button--zoom" title="Zoom"></button> <div class="pswp__preloader"> <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> </div> </div> <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap"> <div class="pswp__share-tooltip"></div> </div> <button class="pswp__button pswp__button--arrow--left" title="Previous (left arrow)"> </button> <button class="pswp__button pswp__button--arrow--right" title="Next (right arrow)"> </button> <div class="pswp__caption"> <div class="pswp__caption__center"></div> </div> </div> </div> </div> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "url": "https://micropol.com/en/" ,"name": "Micropol" ,"telephone":"+46 (0)35 17 85 39" } </script> <script src="/DependencyHandler.axd?s=L3NjcmlwdHMvbGliL2xzLnJlc3BpbWcubWluLmpzOy9zY3JpcHRzL2xpYi9scy5iZ3NldC5taW4uanM7L3NjcmlwdHMvbGliL2xhenlzaXplcy5taW4uanM7L3NjcmlwdHMvbGliL2ZsdWlkdmlkcy5qczsvc2NyaXB0cy9saWIvcGhvdG9zd2lwZS5taW4uanM7L3NjcmlwdHMvbGliL3Bob3Rvc3dpcGUtdWktZGVmYXVsdC5taW4uanM7L3NjcmlwdHMvbGliL2luc3RhZmVlZC5qczsvc2NyaXB0cy9saWIvZmxpY2tpdHkucGtnZC5taW4uanM7L3NjcmlwdHMvbGliL2Zvcm1zL3Byb21pc2UtcG9seWZpbGwvcG9seWZpbGwubWluLmpzOy9zY3JpcHRzL2xpYi9mb3Jtcy9hc3BuZXQtdmFsaWRhdGlvbi9hc3BuZXQtdmFsaWRhdGlvbi5taW4uanM7L3NjcmlwdHMvbGliL2ludGVyc2VjdGlvbi1vYnNlcnZlci5qczsvc2NyaXB0cy9saWIvYXhpb3MubWluLmpzOy9zY3JpcHRzL2lnLWFwcC5qczsvc2NyaXB0cy9jdXN0b20uanM7&amp;t=Javascript&amp;cdv=1164067803" type="text/javascript"></script> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-534DCT4" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://npmcdn.com/isotope-layout@3/dist/isotope.pkgd.js"></script> <script> Isotope.Item.prototype._create = function () { // assign id, used for original-order sorting this.id = this.layout.itemGUID++; // transition objects this._transn = { ingProperties: {}, clean: {}, onEnd: {} }; this.sortData = {}; }; Isotope.Item.prototype.layoutPosition = function () { this.emitEvent('layout', [this]); }; Isotope.prototype.arrange = function (opts) { // set any options pass this.option(opts); this._getIsInstant(); // just filter this.filteredItems = this._filter(this.items); // flag for initalized this._isLayoutInited = true; }; // layout mode that does not position items Isotope.LayoutMode.create('none'); //------------ // filter functions var filterFns = { // show if number is greater than 50 numberGreaterThan50: function () { var number = $(this).find('.number').text(); return parseInt(number, 10) > 50; }, // show if name ends with -ium ium: function () { var name = $(this).find('.name').text(); return name.match(/ium$/); } }; function getHashFilter() { // get filter=filterName var matches = location.hash.match(/filter=([^&]+)/i); var hashFilter = matches && matches[1]; return hashFilter && decodeURIComponent(hashFilter); } // init Isotope var $grid = $('.categorycontainer'); // bind filter button click var $filterButtonGroup = $('.filter-button-group'); $filterButtonGroup.on('click', 'button', function () { var filterAttr = $(this).attr('data-filter'); // set filter in hash location.hash = 'filter=' + encodeURIComponent(filterAttr); }); var isIsotopeInit = false; function onHashchange() { var hashFilter = getHashFilter(); if (!hashFilter && isIsotopeInit) { return; } isIsotopeInit = true; // filter isotope $grid.isotope({ itemSelector: '.element-item', layoutMode: 'fitRows', // use filterFns filter: hashFilter }); // set selected class on button if (hashFilter) { $filterButtonGroup.find('.is-checked').removeClass('is-checked'); $filterButtonGroup.find('[data-filter="' + hashFilter + '"]').addClass('is-checked'); } } $(window).on('hashchange', onHashchange); // trigger event handler to init Isotope onHashchange(); //$(document).ready(function () { $(window).bind("load", function () { $grid.isotope({ resizable: true, }); }); </script> <script> var requireJsBasePath = '/scripts/quotation/javascripts'; </script> <script data-main="/scripts/quotation/javascripts/main" src="/scripts/quotation/javascripts/vendor/require.js?v=4"></script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10