"Bootstrap Mega Menu"
Bootstrap 4.0.0 Snippet by reidelliott

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <nav class="navbar navbar-default fixed-top"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".js-navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#">MegaMenu</a> </div> <div class="collapse navbar-collapse js-navbar-collapse"> <ul class="nav navbar-nav"> <li class="dropdown mega-dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Collection <span class="glyphicon glyphicon-chevron-down pull-right"></span></a> <ul class="dropdown-menu mega-dropdown-menu mega-menu"> <div class="container"> <div class="row"> <div class="col-12 col-sm-12 text-center"> <p><a href="/products" class="btn btn-sm btn-primary">View all products »</a></p> </div> <div class="col-md-8 col-xl-9"> <div class="row d-none d-md-flex"> <!-- three column here --> <div class="mega-menu-column col-lg-4"> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/aluminum-titanium-flanges" data-product="al-titanium-flanges">Aluminum & Titanium Flanges</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/cf-flange-alss/" data-product="cf-flange-alss">Atlas Bimetal Al/SS CF Flange</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/cf-flange-tial/" data-product="cf-flange-alti">Atlas Bimetal Al/Ti CF Flange</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/all-titanium-flanges" data-product="all-titanium-flanges">All Titanium CF Flanges</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/foil-window-flange" data-product="foil-window-flange">Foil Window Flange</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/all-aluminum-iso-flange" data-product="all-aluminum-iso-flange">All Aluminum ISO Flange (Claw & Bolt and Quick Release)</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/targeting-iso-flange" data-product="targeting-iso-flange">Targeting ISO Flange</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/wireseal-flanges" data-product="wireseal-flanges">Wireseal Flanges</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/vacuum-chambers" data-product="vacuum-chamber">Vacuum Chambers</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/aluminum-vacuum-chambers" data-product="aluminum-chambers">Aluminum Chambers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/titanium-chambers" data-product="titanium-chambers">Titanium Chambers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/copper-chambers" data-product="copper-chambers">Copper Chambers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/vacuum-design-engineering" data-product="vacuum-design-engineering">Vacuum Design & Engineering</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/vacuum-systems" data-product="vacuum-systems">Vaccum Systems</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/technology/advanced-uhv-surfaces" data-product="advanced-uhv-surfaces">Advanced UHV Surfaces</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/tsp-pumps-shrouds" data-product="tsp-pumps-shrouds">TSP Pumps & Shrouds</a></li> </ul> </div> <div class="mega-menu-column col-lg-4"> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/bimetal-components/" data-product="bimetal-components">Bimetal Components</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/atcr-fitting" data-product="atcr-fitting">Aluminum Face Seal ATCR Fitting, VCR Fitting</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/atlas-bimetal-cf-flanges" data-product="bimetal-cf-flanges">Atlas Bimetal CF Flanges</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/bimetal-tube-pipe-couplings" data-product="bimetal-tube-pipe-couplings">Bimetal Tube & Pipe Couplings</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/custom-bimetal-assemblies" data-product="custom-bimetal-assemblies">Custom Bimetal Assemblies</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/quick-disconnect-bimetal-fittings" data-product="quick-disconnect-bimetal-fittings">Quick Disconnect Bimetal Fittings</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/wireseal-flanges" data-product="wireseal-flanges">Wireseal Flanges</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="#" class="disabled" data-product="face-seal-fittings">Face Seal Fittings (VCR™-type)</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/atcr-fitting" data-product="atcr-fitting">Aluminum Face Seal ATCR Fitting, VCR Fitting</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/face-seal-fittings/titanium-face-seal-ticr-fittings" data-product="titanium-face-seal-ticr-fittings">Titanium Face Seal TiCR Fitting</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/x-ray-spectrometers-qrixs" data-product="x-ray-spectrometers-qrixs">X-ray Spectrometers - qRIXS</a></li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/all-metal-uhv-seals-gaskets" data-product="all-metal-uhv-seals-gaskets">All Metal UHV Seals & Gaskets</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/all-metal-uhv-seals-gaskets/aluminum-all-seal" data-product="aluminum-all-seal">Aluminum All-Seal</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/all-metal-uhv-seals-gaskets/copper-cf-rf-flare-gaskets" data-product="copper-cf-rf-flare-gaskets">Copper CF RF Flare Gaskets</a></li> </ul> </li> </ul> </div> <div class="mega-menu-column col-lg-4"> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/technology/advanced-uhv-surfaces" data-product="advanced-uhv-surfaces">Advanced UHV Surfaces</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/technology/advanced-uhv-surfaces/" data-product="emissivac">Emissivac</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/technology/advanced-uhv-surfaces" data-product="passivation">Passivation</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/technology/advanced-uhv-surfaces" data-product="nano-plating">Nano Plating</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/technology/dissimilar-metal-bonding-joining" data-product="dissimilar-metal-bonding-joining">Dissimilar Metal Bonding & Joining</a></li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/vacuum-windows" data-product="vacuum-windows">Vacuum Windows</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/foil-window-flange" data-product="foil-window-flange">Foil Window Flange</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-windows/neutron-window" data-product="neutron-window">Neutron Window</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page" ><a href="/products/vacuum-windows/iso-pyrex-window" data-product="iso-pyrex-window">ISO Pyrex Window</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-windows/polycarbonate-window" data-product="polycarbonate-window">Polycarbonate Window</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-windows/beryllium-window" data-product="beryllium-window">Beryllium Window (water cooled & Not)</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/aluminum-fittings-components" data-product="aluminum-fittings-components">Aluminum Fittings and Components</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-fittings-components/qd-elbows-tees-crosses" data-product="qd-elbows-tees-crosses">Quick-Disconnect, Elbows, Tees and Crosses</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/quick-disconnect-bimetal-fittings" data-product="quick-disconnect-bimetal-fittings">Quick Disconnect Bimetal Fittings</a></li> </ul> </li> </ul> </div> </div> <div class="row d-lg-none d-sm-none d-md-flex"> <!-- two column here --> <div class="mega-menu-column col-md-6"> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/aluminum-titanium-flanges" data-product="al-titanium-flanges">Aluminum & Titanium Flanges</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/flanges/cf-flange-alss/" data-product="cf-flange-alss">Atlas Bimetal Al/SS CF Flanges</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/flanges/cf-flange-alti/" data-product="cf-flange-alti">Atlas Bimetal Al/Ti CF Flanges</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/all-titanium-flanges" data-product="all-titanium-flanges">All Titanium CF Flanges</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/foil-window-flange" data-product="foil-window-flange">Foil Window Flange</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/all-aluminum-iso-flange" data-product="all-aluminum-iso-flange">All Aluminum ISO Flange (Claw & Bolt and Quick Release)</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/targeting-iso-flange" data-product="targeting-iso-flange">Targeting ISO Flange </a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/vacuum-chambers" data-product="vacuum-chamber">Vacuum Chambers</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/aluminum-chambers" data-product="aluminum-chambers">Aluminum Chambers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/titanium-chambers" data-product="titanium-chambers">Titanium Chambers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/copper-chambers" data-product="copper-chambers">Copper Chambers</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/vacuum-design-engineering" data-product="vacuum-design-engineering">Vacuum Design & Engineering</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-chambers/vacuum-systems" data-product="vacuum-systems">Vaccum Systems </a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/technology/advanced-uhv-surfaces" data-product="advanced-uhv-surfaces">Advanced UHV Surfaces</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/tsp-pumps-shrouds" data-product="tsp-pumps-shrouds">TSP Pumps & Shrouds</a></li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/all-metal-uhv-seals-gaskets" data-product="all-metal-uhv-seals-gaskets">All Metal UHV Seals & Gaskets</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/all-metal-uhv-seals-gaskets/aluminum-all-seal" data-product="aluminum-all-seal">Aluminum All-Seal</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/all-metal-uhv-seals-gaskets/copper-cf-rf-flare-gaskets" data-product="copper-cf-rf-flare-gaskets">Copper CF RF Flare Gaskets</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/aluminum-fittings-components" data-product="aluminum-fittings-components">Aluminum Fittings and Components</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-fittings-components/qd-elbows-tees-crosses" data-product="qd-elbows-tees-crosses">Quick-Disconnect, Elbows, Tees and Crosses</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/quick-disconnect-bimetal-fittings" data-product="quick-disconnect-bimetal-fittings">Quick Disconnect Bimetal Fittings</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/x-ray-spectrometers-qrixs" data-product="x-ray-spectrometers-qrixs">X-ray Spectrometers - qRIXS</a></li> </ul> </div> <div class="mega-menu-column col-md-6"> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/bimetal-components/" data-product="bimetal-components">Bimetal Components</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/atcr-fitting" data-product="atcr-fitting">Aluminum Face Seal ATCR Fitting, VCR Fitting</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/atlas-bimetal-cf-flanges" data-product="bimetal-cf-flanges">Atlas Bimetal CF Flanges</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/bimetal-tube-pipe-couplings" data-product="bimetal-tube-pipe-couplings">Bimetal Tube & Pipe Couplings</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/custom-bimetal-assemblies" data-product="custom-bimetal-assemblies">Custom Bimetal Assemblies</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/quick-disconnect-bimetal-fittings" data-product="quick-disconnect-bimetal-fittings">Quick Disconnect Bimetal Fittings</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/wireseal-flanges" data-product="wireseal-flanges">Wireseal Flanges</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/technology/dissimilar-metal-bonding-joining" data-product="dissimilar-metal-bonding-joining">Dissimilar Metal Bonding & Joining</a></li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/technology/advanced-uhv-surfaces" data-product="advanced-uhv-surfaces">Advanced UHV Surfaces</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/technology/advanced-uhv-surfaces/" data-product="emissivac">Emissivac</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/technology/advanced-uhv-surfaces" data-product="passivation">Passivation</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/technology/advanced-uhv-surfaces" data-product="nano-plating">Nano Plating</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="#" class="disabled" data-product="face-seal-fittings">Face Seal Fittings (VCR™-type)</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/bimetal-components/atcr-fitting" data-product="atcr-fitting">Aluminum Face Seal ATCR Fitting, VCR Fitting</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/face-seal-fittings/titanium-face-seal-ticr-fittings" data-product="titanium-face-seal-ticr-fittings">Titanium Face Seal TiCR Fitting</a></li> </ul> </li> </ul> <ul> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-94 menu-item-has-children"><a href="/products/vacuum-windows" data-product="vacuum-windows">Vacuum Windows</a> <ul class="mega-sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/aluminum-titanium-flanges/foil-window-flange" data-product="foil-window-flange">Foil Window Flange</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-windows/neutron-window" data-product="neutron-window">Neutron Window</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page" ><a href="/products/vacuum-windows/iso-pyrex-window" data-product="iso-pyrex-window">ISO Pyrex Window</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-windows/polycarbonate-window" data-product="polycarbonate-window">Polycarbonate Window</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page"><a href="/products/vacuum-windows/beryllium-window" data-product="beryllium-window">Beryllium Window (water cooled & Not)</a></li> </ul> </li> </ul> </div> </div> </div> <div class="mega-menu-column teasers d-none d-md-block col-md-4 col-xl-3"> <div id="al-titanium-flanges" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/cf-flange-alss-teaser.jpg" alt="Aluminum Titanium Flanges" /> <p>Atlas employs the superior qualities of aluminum and titanium to improve your UHV and XHV applications.</p> </div> <div id="cf-flange-alss" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/cf-flange-alss-teaser.jpg" alt="CF Flange" /> <p>The time-tested reliability of the stainless steel ConFlat® (CF) knife edge, with an aluminum flange body for weld up to an aluminum chamber.</p> </div> <div id="cf-flange-alti" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/cf-flange-tial-featured.png" alt="CF Flange" /> <p>The non-magnetic Atlas CFTI™ offers the time-tested reliability of the ConFlat® (CF) for titanium vacuum chambers.</p> </div> <div id="all-titanium-flanges" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/cf-flange-ti-featured.png" alt="All Titanium Flanges" /> <p>The titanium flange with the stainless steel knife-edge seal used for joining titanium chambers to conventional stainless steel flanges.</p> </div> <div id="foil-window-flange" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/foil-window-flange-1.png" alt="Foil Window Flange" /> <p>An ultra thin aluminum or titanium UHV window that allows for quick, inexpensive replacement in the field. An excellent alternative to beryllium.</p> </div> <div id="all-aluminum-iso-flange" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/al-iso-flange-claw-bolt.png" alt="All Aluminum ISO Flange (Claw & Bolt and Quick Release)" /> <p>Quick Release and Claw and Bolt flanges provide a reusable, lightweight, and economical high vacuum system interface.</p> </div> <div id="targeting-iso-flange" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/targeting-iso-flange.gif" alt="Targeting ISO Flange" /> <p>A mounted Atlas ISO Target Flange aims a laser or optical device on the breadboard below.</p> </div> <div id="wireseal-flanges" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/Large-Aluminum-Stainless-Bimetal-UHV-Wire-Seal-Flange.jpg" alt="Wireseal Flanges" /> <p>A back bevel on the knife edge improves the seal by making it more tolerant to thermal cycles as well as enhancing its durability.</p> </div> <div id="vacuum-chamber" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/vacuum-chambers.png" alt="Vacuum Chambers" /> <p>Vacuum innovation and experience to pioneer the use of many vacuum materials and manufacturing methods to improve all applications.</p> </div> <div id="aluminum-chambers" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/neutron-window.png" alt="Aluminum Chambers" /> <p>The advantages of aluminum include high thermal conductivity and thermal diffusivity, less H2, non magnetic properties, and low Z.</p> </div> <div id="titanium-chambers" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/Ti-Chamber-3.png" alt="Titanium Chambers" /> <p>Extreme vacuum performance with superior getting properties and very low hydrogen permeation rates and secondary gasses.</p> </div> <div id="copper-chambers" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/beryllium-window-1.png" alt="Copper Chambers" /> <p>Offer excellent performance for nonmagnetic, radio frequency (RF), and high thermal conductivity applications.</p> </div> <div id="vacuum-design-engineering" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/design-engineering-1.png" alt="Vacuum Design and Engineering" /> <p>Design, engineering and manufacturing experience for exotic and specialty metal chamber fabrication.</p> </div> <div id="vacuum-systems" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/vacuum-system-1.png" alt="Vaccum Systems" /> <p>Look to our considerable experience in integrating vacuum systems for improved performance.</p> </div> <div id="bimetal-components" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/beryllium-window-1.png" alt="Bimetal Components" /> <p>Patented bimetal technology expands the possibilities of materials and applications of UHV in all industries.</p> </div> <div id="atcr-fitting" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/aluminum-face-seal-atcr-fittings.png" alt="Aluminum Face Seal ATCR Fitting, VCR Fitting" /> <p>Face-seal fittings with a durable stainless steel sealing face explosion welded to an aluminum body for demountable use with aluminum tubing.</p> </div> <div id="bimetal-cf-flanges" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/bimetal-al-ss-cf-flanges.jpg" alt="Atlas Bimetal CF Flanges" /> <p>The time-tested reliability of the stainless steel ConFlat® (CF) knife edge, with an aluminum flange body for weld up to an aluminum chamber.</p> </div> <div id="bimetal-tube-pipe-couplings" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/bimetal-tube-couplings.png" alt="Bimetal Tube and Pipe Couplings" /> <p>Metallurgical bonded dissimilar metal joints provide an all welded transition from one metal to another for cryogenics, ultra high and ultra high purity vacuum.</p> </div> <div id="custom-bimetal-assemblies" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/beryllium-window-1.png" alt="Custom Bimetal Assemblies" /> <p>For demanding high or ultrahigh vacuum custom applications and bimetallic explosion welded materials we have a limitless source of solutions.</p> </div> <div id="face-seal-fittings" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/aluminum-face-seal-atcr-fittings.png" alt="Face Seal Fittings" /> <p>Face seal fittings for alumunum and titanium applications.</p> </div> <div id="titanium-face-seal-ticr-fittings" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/TICF-MW7010-Render.png" alt="Titanium Face Seal TiCR Fitting" /> <p>Atlas Ti-CR™ Titanium face-seal, offers a solution for gas delivery systems in the cryogenic and semiconductor industries.</p> </div> <div id="dissimilar-metal-bonding-joining" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/High-Strength-Custom-Stainless-Steel-Bonded-to-Aluminum-Flange-Joints-edited.png" alt="Dissimilar Metal Bonding and Joining" /> <p>Atlas has a broad perspective on metal joining have considerable experience in both explosion welding and diffusion bonding</p> </div> <div id="vacuum-windows" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/vacuum-windows.png" alt="Vacuum Windows" /> <p>The Atlas Window line-up offers solutions for economy, performance, and convenience.</p> </div> <div id="neutron-window" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/neutron-window.png" alt="Neutron Window" /> <p>Residual, neutron induced, radiation in aluminum has a half-life orders of magnitude shorter than that of stainless steel for cyclotrons and nuclear reactors.</p> </div> <div id="iso-pyrex-window" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/iso-pyrex-window-1.png" alt="ISO Pyrex Window" /> <p>A lightweight and economical alternative that is mounted on aluminum hardware and designed for welding directly into high vacuum aluminum chamber walls.</p> </div> <div id="polycarbonate-window" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/polycarbonate-window-1.png" alt="Polycarbonate Window" /> <p>For observation in vacuum and high vacuum applications, customizable and adaptable for industrial and scientific environments.</p> </div> <div id="beryllium-window" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/beryllium-window-1.png" alt="Beryllium Windows" /> <p>Water Cooled Beryllium Windows are an Atlas specialty for synchrotron and beamline scientists.</p> </div> <div id="tsp-pumps-shrouds" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/TSP-Pumps-&-Shrouds.png" alt="TSP Pumps and Shrouds" /> <p>Delivers very low hydrogen permeation, high surface vacuum environment for condensation, and quick pump down. Vacuum rated to 1x10<sup>-11</sup> Torr.</p> </div> <div id="all-metal-uhv-seals-gaskets" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/all-metal-seal-group.jpg" alt="All Metal UHV Seals & Gaskets" /> <p>Innovative vacuum sealing solutions for challenging applications.</p> </div> <div id="aluminum-all-seal" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/all-metal-seal-group.jpg" alt="Aluminum All Seal" /> <p>A reliable alternative to elastomeric O-rings with no permeation.</p> </div> <div id="copper-cf-rf-flare-gaskets" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/Copper-CF-RF-Flare-Gasket.png" alt="Copper CF RF Flare Gaskets" /> <p>Provides a consistent RF surface to reduce high order modes for RF transmission.</p> </div> <div id="x-ray-spectrometers-qrixs" class="inner"> <img src="/app/uploads/2017/10/optical-design-diagram-square.png" alt="X-ray Spectrometers - qRIXS" /> <p>Modular high throughput X-ray spectrometer.</p> </div> <div id="aluminum-fittings-components" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/aluminum-quick-disconnect-fitting.png" alt="Aluminum Fittings and Components" /> <p>Aluminum's superior thermal conductivity properties keep semiconductor process gasses in suspension. One more reason for using aluminum vacuum components.</p> </div> <div id="quick-disconnect-bimetal-fittings" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/aluminum-quick-disconnect-fitting.png" alt="Quick Disconnect Bimetal Fittings" /> <p>A quick and easy way of enabling rapid tube joints to be made on aluminum vacuum systems.</p> </div> <div id="qd-elbows-tees-crosses" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/Precision-Machined-Aluminum-Elbow-for-Welding-to-Aluminum-Tubes.png" alt="Quick Disconnect Elbows, Tees and Crosses" /> <p>Machined aluminum components for precision applications.</p> </div> <div id="advanced-uhv-surfaces" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/nanoplating.jpg" alt="Advanced UHV Surfaces" /> <p>Mirror-like finishes, nanoplating and passivation for enhanced performance of your application.</p> </div> <div id="emissivac" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/advanced-uhv-surfaces-1.png" alt="Emissivac" /> <p>Produces a highly polished, mirror-like finish on aluminum surfaces compatible with UHV and Extreme High Vacuum applications.</p> </div> <div id="passivation" class="inner"> <img src="/app/uploads/2017/02/Atlas-Aluminum-UHV-Surface-Passivation-Diagram.jpg" alt="Passivation" /> <p>Replaces thick porous oxide layers with a quality thin, dense oxide surface and effectively reduces surface area, contamination and desorption.</p> </div> <div id="nano-plating" class="inner"> <img src="<?= get_stylesheet_directory_uri(); ?>/dist/images/megamenu/nanoplating.jpg" alt="Nano Plating" /> <p>A coating method that plates a variety of nano particles and nano layers on metallic and no metallic surfaces.</p> </div> </div> </div> </div> </ul> </div> <!-- /.nav-collapse --> </nav> </div> <h1 class="c-text"> Bootstrap Mega Menu </h1>
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700); body { font-family: 'Open Sans', 'sans-serif'; background: #f0f0f0; background: url(https://pcbx.us/bfjb.jpg); } h1, .h1 { font-size: 36px; text-align: center; font-size: 5em; color: #404041; } .navbar-nav>li>.dropdown-menu { margin-top: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .navbar-default .navbar-nav>li>a { width: 200px; font-weight: bold; } .mega-dropdown { position: static !important; width: 100%; } .mega-dropdown-menu { padding: 20px 0px; width: 100%; box-shadow: none; -webkit-box-shadow: none; } .mega-dropdown-menu:before { content: ""; border-bottom: 15px solid #fff; border-right: 17px solid transparent; border-left: 17px solid transparent; position: absolute; top: -15px; left: 285px; z-index: 10; } .mega-dropdown-menu:after { content: ""; border-bottom: 17px solid #ccc; border-right: 19px solid transparent; border-left: 19px solid transparent; position: absolute; top: -17px; left: 283px; z-index: 8; } .mega-dropdown-menu > li > ul { padding: 0; margin: 0; } .mega-dropdown-menu > li > ul > li { list-style: none; } .mega-dropdown-menu > li > ul > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #999; white-space: normal; } .mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #444; background-color: #f5f5f5; } .mega-dropdown-menu .dropdown-header { color: #428bca; font-size: 18px; font-weight: bold; } .mega-dropdown-menu form { margin: 3px 20px; } .mega-dropdown-menu .form-group { margin-bottom: 3px; }
jQuery(document).on('click', '.mega-dropdown', function(e) { e.stopPropagation() })

Related: See More


Questions / Comments: