EVOLUTION-NINJA
Edit File: quality-line-2.html
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Radion Quality Flex</title> <!----- css -----------------> <link rel="stylesheet" href="css/inner.css" /> <link rel="stylesheet" href="css/main.css" /> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link rel="stylesheet" href="css/font-awesome.min.css" /> <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet"> <!----- js -----------------> <script type="text/javascript" src="js/jquery-2.2.4.min.js"></script> <script type="text/javascript" src="js/bootstrap.min.js"></script> </head> <body> <div class="myTopHeader"> <div class="container"> <div class="col-sm-7"> <ul class="myPhoneEmail"> <li><a href="mailto:info@radions.in"><i class="fa fa-envelope" aria-hidden="true"></i><span class="mydontshow"> info@radions.in</span></a></li> </ul> </div> <div class="col-sm-5"> <ul class="myPhoneEmail myReq"> <li><a href="tel:08028379911"><i class="fa fa-phone" aria-hidden="true"></i><span class="mydontshow"> 080-28379911</span></a></li> </ul> </div> </div> </div> <!----- myTopHeader END -----> <header class="cf"> <div class="container"> <div class="logo"><a href="index.html"><img src="images/Radion-Logo.png" class="img-responsive"></a></div> <div class="navigation"> <nav> <a href="javascript:void(0)" class="smobitrigger ion-navicon-round"><span>Menu</span></a> <ul class="mobimenu"> <li><a href="index.html">Home</a></li> <li><a href="aboutus.html">About Us </a></li> <!-- <li class="act"><a href="">Products</a></li> --> <li class="dropdown act"> <a href="product.html" class="dropdown-toggle disabled" data-toggle="dropdown">Brand Service <span class="glyphicon glyphicon-chevron-down"></span> </a> <ul class="dropdown-menu multi-column-dropdown" id="dd-menu"> <li><a href="product.html">MyRay</a></li> <li><a href="dentalline.html">Siger</a></li> <li><a href="radiance.html">Radion</a></li> </ul> </li> <li><a href="gallery.html">Gallery</a></li> <li><a href="downloads.html">Downloads</a></li> <li><a href="contactus.html">Contact Us</a></li> </ul> </nav> </div> </div> </header> <!----- cf END -----> <!----------------------------------------- Banner -----------------------------------------------------> <div class="product-banner"> <img src="images/olsen-Banner.png" class="img-responsive center-block" /> </div> <!--------------------------------------- image-gallery-middle ----------------------------------------------> <div class="image-gallery-middle"> <div class="container"> <div class="prod-head"> <h3 class="wow bounceIn">quality flex</h3> <h4 class="wow flipInY">Traditional Delivery System</h4> </div> <div class="col-md-4 wow bounceInLeft"> <div class="in_coat"> <p>in color coat</p> <table border="0" style="width: 100%;"> <tbody> <tr> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Sky Blue.jpg" ><img src="images/color-gallery/thumbs/Sky Blue s.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Royal Blue.jpg" ><img src="images/color-gallery/thumbs/Royal Blue s.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Coffee.jpg" ><img src="images/color-gallery/thumbs/Coffee s.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Champagne.jpg" ><img src="images/color-gallery/thumbs/Champagne s.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Aluminum.jpg" ><img src="images/color-gallery/thumbs/Aluminum s.png" alt="" /></a> </td> </tr> <tr style="text-align: center; color: #8a8a8a; font-family: roboto; font-size: 10px;"> <td style="text-align: center; padding-bottom:10px;">Sky Blue</td> <td style="text-align: center; padding-bottom:10px;">Royal Blue</td> <td style="text-align: center; padding-bottom:10px;">Coffee</td> <td style="text-align: center; padding-bottom:10px;">Champagne</td> <td style="text-align: center; padding-bottom:10px;">Aluminum</td> </tr> <tr> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Kiwi.jpg" ><img src="images/color-gallery/thumbs/Kiwi s.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Sepia.jpg" ><img src="images/color-gallery/thumbs/Sepia s.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Citric Green.jpg" ><img src="images/color-gallery/thumbs/Citric Green s.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Green.jpg" ><img src="images/color-gallery/thumbs/Green s.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Red.jpg" ><img src="images/color-gallery/thumbs/Red s.png" alt="" /></a> </td> </tr> <tr style="text-align: center; font-size: 10px; color: #8a8a8a; font-family: roboto;"> <td style="text-align: center; padding-bottom:10px;">Kiwi</td> <td style="text-align: center; padding-bottom:10px;">Sepia</td> <td style="text-align: center; padding-bottom:10px;">Citric Green</td> <td style="text-align: center; padding-bottom:10px;">Green</td> <td style="text-align: center; padding-bottom:10px;">Red</td> </tr> <tr> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Wine.jpg" ><img src="images/color-gallery/thumbs/Wine s.png" alt="" /></a> </td> </tr> <tr style="text-align: center; font-size: 10px; color: #8a8a8a; font-family: roboto;"> <td style="text-align: center; padding-bottom:10px;">Wine</td> <td style="text-align: center; padding-bottom:10px;"> </td> <td style="text-align: center; padding-bottom:10px;"> </td> <td style="text-align: center; padding-bottom:10px;"> </td> <td style="text-align: center; padding-bottom:10px;"> </td> </tr> </tbody> </table> </div> <div class="in_vats"> <p>vats in colors</p> <table border="0" style="width: 100%;"> <tbody> <tr> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Royal Blue1.jpg" ><img src="images/color-gallery/thumbs/Royal Blue ss.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Gray1.jpg" ><img src="images/color-gallery/thumbs/Gray ss.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Cristal1.jpg" ><img src="images/color-gallery/thumbs/Cristal ss.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Porcelain1.jpg" ><img src="images/color-gallery/thumbs/Porcelain ss.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Brown1.jpg" ><img src="images/color-gallery/thumbs/Brown ss.png" alt="" /></a> </td> </tr> <tr style="text-align: center; font-size: 10px; color: #8a8a8a; font-family: roboto;"> <td style="text-align: center; padding-bottom:10px;">Royal Blue</td> <td style="text-align: center; padding-bottom:10px;">Gray </td> <td style="text-align: center; padding-bottom:10px;">Cristal</td> <td style="text-align: center; padding-bottom:10px;">Porcelain</td> <td style="text-align: center; padding-bottom:10px;">Brown</td> </tr> <tr> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Salmon1.jpg" ><img src="images/color-gallery/thumbs/Salmon ss.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Kiwi1.jpg" ><img src="images/color-gallery/thumbs/Kiwi ss.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Gren1.jpg" ><img src="images/color-gallery/thumbs/Gren ss.png" alt="" /></a> </td> <td style="text-align:center;"> <a class="fancybox-effects-a" href="images/color-gallery/Wine1.jpg" ><img src="images/color-gallery/thumbs/Wine ss.png" alt="" /></a> </td> </tr> <tr style="text-align: center; font-size: 10px; color: #8a8a8a; font-family: roboto;"> <td style="text-align: center; padding-bottom:10px;">Salmon</td> <td style="text-align: center; padding-bottom:10px;">Kiwi</td> <td style="text-align: center; padding-bottom:10px;">Gren</td> <td style="text-align: center; padding-bottom:10px;">Wine</td> <td style="text-align: center; padding-bottom:10px;"> </td> </tr> </tbody> </table> </div> </div> <div class="col-md-8 wow bounceInRight"> <a class="fancybox-effects-a" href="images/color-gallery/quality-line-2.jpg" ><img src="images/color-gallery/quality-line-2.jpg" alt="" class="img-responsive center-block"/></a> </div> </div> </div> <!---------- END image-gallery-middle --------------------------> <!--------------------------------------- product-middle ----------------------------------------------> <div class="product-middle"> <div class="prduct-text"> <div class="container"> <h3 class="wow bounceInRight">PRODUCT PHOTOS</h3> </div> </div> <div class="product-photos"> <div class="container"> <table border="0" style="width: 100%;"> <tbody> <tr> <td style="text-align:center;" class="wow bounceInLeft"> <a class="fancybox-effects-a" href="images/product-photos/quality-line-2-b1.jpg" ><img src="images/product-photos/thumbs/quality-line-2-s1.jpg" alt="" class="img-responsive center-block" /></a> </td> <td style="text-align:center;" class="wow bounceInLeft"> <a class="fancybox-effects-a" href="images/product-photos/quality-line-2-b2.jpg" ><img src="images/product-photos/thumbs/quality-line-2-s2.jpg" alt="" class="img-responsive center-block" /></a> </td> <td style="text-align:center;" class="wow bounceIn"> <a class="fancybox-effects-a" href="images/product-photos/quality-line-2-b3.jpg" ><img src="images/product-photos/thumbs/quality-line-2-s3.jpg" alt="" class="img-responsive center-block" /></a> </td> <td style="text-align:center;" class="wow bounceInRight"> <a class="fancybox-effects-a" href="images/product-photos/quality-line-2-b4.jpg" ><img src="images/product-photos/thumbs/quality-line-2-s4.jpg" alt="" class="img-responsive center-block" /></a> </td> <td style="text-align:center;" class="wow bounceInRight"> <a class="fancybox-effects-a" href="images/product-photos/quality-line-2-b5.jpg" ><img src="images/product-photos/thumbs/quality-line-2-s5.jpg" alt="" class="img-responsive center-block" /></a> </td> </tr> </tbody> </table> </div> </div> </div> <!---------- END product-middle --------------------------> <!--------------------------------------- technical-middle ----------------------------------------------> <div class="technical-middle"> <div class="container"> <h3 class="wow bounceIn">technical specifications</h3> <div class="mob_pan_bot"> <div class="accordion-group" data-behavior="accordion"> <hr class="hr_line"/> <h4 class="accordion-header default-open">dental chair</h4> <div class="accordion-body"> <ul class="list-accordion"> <li>Automatic adjustment for seat and backrest;</li> <li>Automatic zero position + three work position;</li> <li>Multi-articulating headrest;</li> <li>Swivel right armrest;</li> <li>All external covers made of thermo-forming ABS;</li> <li>Movements activated by touchpad panel;</li> <li>Seamless upholstery coat.</li> </ul> </div> <hr class="hr_line"/> <h4 class="accordion-header">delivery unit "1.4 qf" coupled</h4> <div class="accordion-body"> <ul class="list-accordion"> <li>3 hand-piece positions + 1 three way syringe;</li> <li>Counterbalance flex arm with pneumatic lock;</li> <li>Stainless steel tray;</li> <li>X-ray viewer;</li> <li>Borden or Midwest connection.</li> </ul> </div> <hr class="hr_line"/> <h4 class="accordion-header">operating light "concept"</h4> <div class="accordion-body"> <ul class="list-accordion"> <li>Light Capacity: 8.000-24.000 Lux continuous adjustment</li> <li>Light head made of ABS, sealed type</li> <li>On/Off switch on the touchpad panel</li> </ul> </div> <hr class="hr_line"/> <h4 class="accordion-header">water unit "qf"</h4> <div class="accordion-body"> <ul class="list-accordion"> <li>Swivel at 90°;</li> <li>Cuspidor bowl in translucent color;</li> <li>Bowl flush water activated in the touchpad panel;</li> <li>Cup filler with timer activated on the touchpad panel;</li> <li>Detachable water sticks;</li> <li>Two Venturi saliva ejectors (low & high).</li> </ul> </div> <hr class="hr_line"/> <h4 class="accordion-header">stool</h4> <div class="accordion-body"> <ul class="list-accordion"> <li>Gas Stool.</li> </ul> </div> <hr class="hr_line"/> <h4 class="accordion-header">optional items</h4> <div class="accordion-body"> <ul class="list-accordion"> <li>Additional hand piece position (Ref. 755);</li> <li>Curing light LED – acrilic tip (Ref. 762);</li> <li>Fiber optical system (tubing + coupling) (Ref. 711);</li> <li>Electrical micro-motor (Ref. 712);</li> <li>Ultrasonic Scaler (Ref. 773);</li> <li>Assistant module PLUS (Ref. 717);</li> <li>Additional three way syringe on the cuspidor or assistant module (Ref. 759);</li> <li>HVE – High Vacuum Evacuation (Ref.772);</li> <li>Vacuum pump adaptor (Ref. 765);</li> <li>Prophylaxis system with bicarbonate (Ref. 764);</li> <li>LCD Holder (Ref. 709).</li> </ul> </div> <hr class="hr_line"/> </div> </div> </div> </div> <!---------- END technical-middle --------------------------> <!-------------------------------------------- Footer ----------------------------------------------------> <div class="footer_top"> <div class="container"> <div class="col-sm-3 col-md-3 col-xs-6"> <div class="footer_four wow slideInLeft"> <h4>Navigation</h4> <ul class="nav_ser"> <li><a href="index.html">Home</a></li> <li><a href="aboutus.html">About Us</a></li> <li class="actfooter"><a href="product.html">Products</a></li> <li><a href="gallery.html">Gallery</a></li> <li><a href="downloads.html">Downloads</a></li> <li><a href="contactus.html">Contact us</a></li> </ul> </div> </div> <div class="col-sm-2 col-md-3 col-xs-6"> <div class="footer_four wow bounceInLeft"> <h4>products</h4> <ul class="nav_ser"> <li><a href="product.html">Planmeca</a></li> <li class="actfooter"><a href="dentalline.html">Olsen</a></li> <li><a href="radiance.html">Radiance</a></li> </ul> </div> </div> <div class="col-sm-4 col-md-4 col-xs-12"> <div class="footer_four address_four wow bounceInRight"> <h4>contacts</h4> <ul class="row"> <li class="col-xs-2 col-sm-2 col-md-2"><i class="fa fa-map-marker" aria-hidden="true"></i></li> <li class="col-xs-10 col-sm-10 col-md-10"> No.23, 1st Floor, Sr. Kooshmandini Muneshwara Layout, Ring Road, Laggere Bridge, Near Sri Krishna Bhavan Hotel, Laggere, Bangalore-560058 </li> </ul> <ul class="row"> <li class="col-xs-2 col-sm-2 col-md-2"><i class="fa fa-phone" aria-hidden="true"></i></li> <li class="col-xs-10 col-sm-10 col-md-10">080-2837 9911 /1199</li> </ul> <ul class="row"> <li class="col-xs-2 col-sm-2 col-md-2"><i class="fa fa-fax" aria-hidden="true"></i></li> <li class="col-xs-10 col-sm-10 col-md-10"><b>Sales :</b> 9980047630 / <b>Service :</b> 8431022949</li> </ul> <ul class="row"> <li class="col-xs-2 col-sm-2 col-md-2"><i class="fa fa-envelope" aria-hidden="true"></i></li> <li class="col-xs-10 col-sm-10 col-md-10 actfooter"><a href="">info@radions.in</a></li> </ul> </div> </div> <div class="col-sm-3 col-md-2 col-xs-12"> <div class="footer_four wow slideInRight"> <h4>social media</h4> <div class="followus"> <a href="https://www.facebook.com/Radiance-Dental-Equipments-457346957768944/" target="_blank" class="icon fu_facebook"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="https://twitter.com/radiancedental3" target="_blank" class="icon fu_twitter"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a href="https://plus.google.com/110453428571158936517" target="_blank" class="icon fu_google"><i class="fa fa-google-plus" aria-hidden="true"></i></a> </div> </div> </div> </div> </div> <!----- footer top END -----> <div class="footer_bottom"> <div class="container"> <p>Copyright © 2016 RADION DENTAL EQUIPMENTS PVT LTD <span class="line_height">|</span> <strong> <br class="visible-xs">Developed by : </strong><a href="http://jayblues.com/" target="_blank" class="jayblues">Jay<span class="blues">Blues</span> Technologies</a></p> </div> </div> <!----- footer bottom END -----> </body> </html> <!---------- Navigation -----------------------> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" /> <link rel="stylesheet" type="text/css" href="css/simpleMobileMenu.css" /> <script src="js/simpleMobileMenu.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $('.smobitrigger').smplmnu(); }); </script> <!---------------- Menu Drodown ---------------------> <script type="text/javascript"> jQuery(document).ready(function($) { $('.mobimenu li.dropdown').hover(function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500); }, function() { $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500); }); }); </script> <!-------- fancyBox main JS and CSS --> <link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" /> <script type="text/javascript" src="js/jquery.fancybox.js"></script> <style type="text/css"> .fancybox-custom .fancybox-skin { box-shadow: 0 0 50px #222; } </style> <script type="text/javascript"> $(document).ready(function() { /* * Simple image gallery. Uses default settings */ $('.fancybox').fancybox(); /* * Different effects */ // Change title type, overlay closing speed $(".fancybox-effects-a").fancybox({ helpers: { title : { type : 'outside' }, overlay : { speedOut : 0 } } }); /* * Button helper. Disable animations, hide close button, change title type and content */ $('.fancybox-buttons').fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'none', nextEffect : 'none', closeBtn : false, helpers : { title : { type : 'inside' }, buttons : {} }, afterLoad : function() { this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : ''); } }); /* * Thumbnail helper. Disable animations, hide close button, arrows and slide to next gallery item if clicked */ $('.fancybox-thumbs').fancybox({ prevEffect : 'none', nextEffect : 'none', closeBtn : false, arrows : false, nextClick : true, helpers : { thumbs : { width : 50, height : 50 } } }); /* * Media helper. Group items, disable animations, hide arrows, enable media and button helpers. */ $('.fancybox-media') .attr('rel', 'media-gallery') .fancybox({ openEffect : 'none', closeEffect : 'none', prevEffect : 'none', nextEffect : 'none', arrows : false, helpers : { media : {}, buttons : {} } }); /* * Open manually */ $("#fancybox-manual-a").click(function() { $.fancybox.open('1_b.jpg'); }); $("#fancybox-manual-b").click(function() { $.fancybox.open({ href : 'iframe.html', type : 'iframe', padding : 5 }); }); $("#fancybox-manual-c").click(function() { $.fancybox.open([ { href : '1_b.jpg', title : 'My title' }, { href : '2_b.jpg', title : '2nd title' }, { href : '3_b.jpg' } ], { helpers : { thumbs : { width: 75, height: 50 } } }); }); }); </script> <!----------------------- According ------------------------------> <link rel="stylesheet" type="text/css" href="css/simpleaccordion.css"> <script src="js/jquery.simpleaccordion.js"></script> <script> $(document).ready(function() { $('[data-behavior=accordion]').simpleAccordion({cbOpen:accOpen, cbClose:accClose}); }); function accClose(e, $this) { $this.find('span').fadeIn(200); } function accOpen(e, $this) { $this.find('span').fadeOut(200) } </script> <!----------------------------animations-------------------------------> <link rel="stylesheet" href="css/animate.css" type="text/css" /> <script src="js/wow.min.js"></script> <script> wow = new WOW( { animateClass: 'animated', offset: 100, callback: function(box) { console.log("WOW: animating <" + box.tagName.toLowerCase() + ">") } } ); wow.init(); document.getElementById('moar').onclick = function() { var section = document.createElement('section'); section.className = 'section--purple wow fadeInDown'; this.parentNode.insertBefore(section, this); }; </script> <!------- Nav Top Scroling -------> <script> jQuery("document").ready(function($){ var nav = $('header'); $(window).scroll(function () { if ($(this).scrollTop() > 136) { nav.addClass("f-nav"); } else { nav.removeClass("f-nav"); } }); }); </script>