EVOLUTION-NINJA
Edit File: exclusive-line-3.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 Exclusive Line</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">Products <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">exclusive line</h3> <h4 class="wow flipInY">Ophthalmology/ENT Chair</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> <div class="col-md-8 wow bounceInRight"> <a class="fancybox-effects-a" href="images/color-gallery/exclusive-line-3.png" ><img src="images/color-gallery/exclusive-line-3.png" 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/exclusive-line-3-b1.jpg" ><img src="images/product-photos/thumbs/exclusive-line-3-s1.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/exclusive-line-3-b2.jpg" ><img src="images/product-photos/thumbs/exclusive-line-3-s2.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/exclusive-line-3-b3.jpg" ><img src="images/product-photos/thumbs/exclusive-line-3-s3.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">technical details</h4> <div class="accordion-body"> <ul class="list-accordion"> <li>Manual backrest adjustment</li> <li>Adjustable arm supports</li> </ul> </div> <hr class="hr_line"/> <h4 class="accordion-header">specifications</h4> <div class="accordion-body"> <ul class="list-accordion"> <li>Seat height: 57 cm (22")</li> <li>Length: 142 cm (56")</li> <li>Seat width: 50 cm (20")</li> <li>Weight: 60 Kg (133 lbs)</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"> #93/8, 2nd Circular Road, <br> Dollars Scheme Colony, Nandini Layout, Bangalore - 560096 </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-28379911</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">080-28371199</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>