EVOLUTION-NINJA
Edit File: radiance_old.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 Radiance</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/radiance-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">Radion</h3> </div> <div class="rad-middle"> <h3 class="wow bounceInLeft">Essential</h3> <p class="wow bounceInRight">Smooth and Streamlined – Concept of all in one – provides working comfort at affordable price, all features integrated in the unit. Essential offers, touch panel, LED Operating light, rotatable right hand, built in X ray viewer, 5 house dentist element, assistant side control panel, water suction.</p> <img src="images/radiance-1.jpg" class="img-responsive center-block wow bounceInLeft" /> <h3 class="wow bounceInLeft">Classic</h3> <p class="wow bounceInRight">Standard and Classic dental unit offer Concept of all in one – provides working comfort at affordable price, all features integrated in the unit. Essential offers, touch panel, LED Operating light, rotatable right hand, built in X ray viewer, 5 house dentist element, assistant side control panel, water suction, with rotatable spittoon with glass bowl. </p> <img src="images/radiance-2.jpg" class="img-responsive center-block wow bounceInRight" /> <h3 class="wow bounceInLeft">Dental Hygiene</h3> <p class="wow bounceInRight">Autoclave STEAMCLAVE – Class B Autoclave, quality tested and assured B class, Sterdy and Style concept. Available in 12 /16 /18/23 Ltrs. Built in Interface, Can be stored 2000Data cycles, optional external or internal printer, concept of LCD display give real and sterilization details step by step.</p> <div class="row rad-img"> <div class="col-sm-4 wow bounceInLeft"> <img src="images/radiance-small-1.jpg" class="img-responsive center-block" /> </div> <div class="col-sm-4 wow bounceIn"> <img src="images/radiance-small-2.jpg" class="img-responsive center-block" /> </div> <div class="col-sm-4 wow bounceInRight"> <img src="images/radiance-small-3.jpg" class="img-responsive center-block" /> </div> </div> <img src="images/radiance-3.jpg" class="img-responsive center-block wow bounceIn" /> </div> </div> </div> <!------------- END image-gallery-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><a href="dentalline.html">Olsen</a></li> <li class="actfooter"><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> <!----------------------------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> <!--------------------------- CSS ----------------------------------> <style> .image-gallery-middle { padding-top:30px; padding-bottom:30px; } .prod-head h3 { text-transform: uppercase; font-weight: bold; color: #1F3954; text-align: center; } .prod-head h4 { text-align:center; padding-bottom:20px; } .rad-middle h3 { color: #1e3953; border-bottom: 1px solid #357FC8; padding-bottom: 10px; } .rad-middle p { font-size: 15px; padding-bottom: 20px; text-align: justify; } .rad-img { margin-bottom:30px; } @media only screen and (min-width:320px) and (max-width:640px) { .rad-img img { margin-bottom:15px; } } </style>