EVOLUTION-NINJA
Edit File: gallery.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 Gallery</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:9980047630"><i class="fa fa-phone" aria-hidden="true"></i><span class="mydontshow"> 9980047630 / 8431022949</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><a href="">Products</a></li> --> <li class="dropdown"> <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">Myotronics</a></li> <li><a href="Occlusion-Control.html">Bausch-OccluSense</a></li> </ul> </li> <li class="act"><a href="gallery.html">Gallery</a></li> <li><a href="download-form.php">Downloads</a></li> <li><a href="contactus.php">Contact Us</a></li> </ul> </nav> </div> </div> </header> <!----- cf END -----> <!----------------------------------------- Banner -----------------------------------------------------> <div class="about-banner"> <div class=""> <img src="images/gallery.png" class="img-responsive center-block" /> </div> </div> <!----------------------------------------- about-middle-1 -----------------------------------------------------> <div class="gal_content"> <div class="container"> <div class="row"> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_1.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_2.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_3.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_4.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_5.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_6.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_7.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_8.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_9.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_10.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_11.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_12.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_13.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_14.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_15.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_16.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_17.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_18.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_19.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_20.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_21.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_22.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_23.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_24.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_25.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_26.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_27.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_28.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_29.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_30.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_31.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_32.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_33.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_34.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_35.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_36.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_37.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_38.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_39.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_40.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_41.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_42.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_43.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_44.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_45.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_46.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_47.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_48.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_49.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_50.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_51.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_52.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gallery/rad_53.png" class="thumb_gallery"> </div> </div> <div id="background_overlay"> </div> </div> </div> </div> <!---------- about-middle-1 END ------------> <!----------------------------------------- about-middle-2 -----------------------------------------------------> <!-------------------------------------------- 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><a href="product.html">Products</a></li> <li class="actfooter"><a href="gallery.html">Gallery</a></li> <li><a href="download-form.php">Downloads</a></li> <li><a href="contactus.php">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">MyRay</a></li> <li><a href="dentalline.html">Siger</a></li> <li><a href="radiance.html">Myotronics</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> <!----------- Product Slideshow -----------------> <link href="css/productslider.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script type="text/javascript" src="js/jquery.flexisel.js"></script> <script type="text/javascript"> $(window).load(function() { $("#flexiselDemo3").flexisel({ visibleItems: 3, itemsToScroll: 1, autoPlay: { enable: true, interval: 5000, pauseOnHover: true } }); }); </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> <!---------------gallery-plugin----------------> <link rel="stylesheet" type="text/css" href="css/style-gallery.css"> <script type="text/javascript" src="js/gallery.js"></script> <!------------end-of-gallery-plugin------------>