EVOLUTION-NINJA
Edit File: gallery_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 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: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><a href="">Products</a></li> --> <li class="dropdown"> <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 class="act"><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="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/gal.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal1.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal2.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal3.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal4.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal5.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal6.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal7.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal8.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal9.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal10.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal11.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal12.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal13.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal14.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal15.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal16.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal17.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal18.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal19.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal20.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal21.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal22.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal23.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal24.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal25.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal26.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal27.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal28.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal29.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal30.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal31.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal32.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal33.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal34.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal35.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal36.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal37.png" class="thumb_gallery"> </div> </div> <div class="col-sm-4"> <div class="produce_img"> <img src="images/gal38.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="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><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> <!----------- 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------------>