"Atomic Tabs"
Bootstrap 3.3.0 Snippet by DuckDivers

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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"> <div class="row"> <div class="tabs-wrapper tabbable tabs-top tabs-4"><ul class="nav nav-tabs"><li class="active tab-1"><a href="#tab-1-754788079" data-toggle="tab">Titanium</a></li><li class="tab-2"><a href="#tab-2-754788079" data-toggle="tab">Staniless Steel & Titanium</a></li><li class="tab-3"><a href="#tab-3-754788079" data-toggle="tab">Brass</a></li><li class="tab-4"><a href="#tab-4-754788079" data-toggle="tab">Monel & Brass</a></li></ul><div class="tab-content"> <div id="tab-1-754788079" class="tab-pane fade in active"> <h3>T3 First Stage Machined From Solid Bar Titanium</h3> <p>Perhaps by now you know how enthusiastic we are about Titanium. What you may not realize is that the Titanium T3 first stage is precision-machined from a solid piece of material requiring 23 individual operations. The 23 operations are performed in a single continuous milling session at our own Atomica manufacturing facility. That means each body is carefully and expertly crafted under our watchful eyes to conform to only the most exacting standards.</p></div><!-- .tab (end) --> <div id="tab-2-754788079" class="tab-pane fade "> <h3>ST1 Stainless Steel “Environmental” First Stage</h3> <p>Beautifully machined from a special grade of solid 316 Stainless Steel, the Atomic ST1 is the world’s first “Green” regulator. The ST1 has the same renowned ergonomics and easy breathing that’s designed into all Atomic Aquatics regulators. Stainless steel has twice the strength of brass and is nearly as corrosion-resistant as Titanium. Yet the required resources, energy costs and environmental effects of manufacturing stainless steel give it a distinct ecological advantage over other metals. </p></div><!-- .tab (end) --> <div id="tab-3-754788079" class="tab-pane fade "> <h3>B2, Z2/Z2x Brass First Stages Affordable Performance</h3> <p>We understood that not every diver could afford Titanium. Even though every Atomic regulator has all metal second stage components made of Titanium, we designed an affordable first stage using brass. The Atomic difference is the performance, reliable design, and the durable chrome-plating process we developed.</p></div><!-- .tab (end) --> <div id="tab-4-754788079" class="tab-pane fade "> <h3>M1 Monel & Brass First Stage Nitrox Ready to 80%</h3> <p>Performance in extreme conditions requires extreme engineering. The Atomic M1 first stage utilizes Monel and Brass for factory-ready Nitrox mixtures to 50% or Oxygen mixes up to 80% when special guidelines are followed. The selection of Monel, which is widely used in marine applications, further demonstrates how adeptly Atomic chooses a material to perform a specific function required by divers.</p> </div><!-- .tab (end) --> </div><!-- .tab-content (end) --></div> </div> </div>
.tabs-top { margin-bottom:25px; } .nav-tabs { border: 0; } .tabs-4 .nav-tabs > li { width: 25%; border: 0; } .nav-tabs > li > a { width:100%; border:0; background:#4a4a4a; color: #fff; border-radius: 0; text-align: center; } .nav-tabs > li > a:hover, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background: #ff0000; border:0; color: #fff; } .nav-tabs>li.active> a { border: 0; background: #ff0000; color: #fff; }

Related: See More

Questions / Comments: