EVOLUTION-NINJA
Edit File: contactus.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 Contact Us</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">Radion</a></li> <li><a href="Occlusion-Control.html">Occlusion Control</a></li> </ul> </li> <li><a href="gallery.html">Gallery</a></li> <li><a href="download-form.php">Downloads</a></li> <li class="act"><a href="contactus.php">Contact Us</a></li> </ul> </nav> </div> </div> </header> <!----- cf END -----> <!----------------------------------------- Banner -----------------------------------------------------> <div class="contact-banner"> <img src="images/contact-banner.png" class="img-responsive center-block" /> </div> <!------------------------------------------ contact middle -------------------------------------------> <div class="contact-middle-work-1"> <div class="container"> <div class="page_head"> <h1 class="wow bounceIn">contact us</h1> <img src="images/praveen1_09.png" class="img-responsive center-block" /> </div> <div class="col-sm-6 col-sm-push-6"> <h3 class="wow bounceIn">Leave Us a Message</h3> <form role="form" class="wow bounceInRight"> <div class="form-group"> <input type="text" class="form-control" pattern=".{3,30}" title="minimum 3 to maximum 30 character required" placeholder="Name *" id="name" required="required" aria-required="true"> </div> <div class="form-group"> <input type="text" class="form-control" placeholder="Email id *" id="email-id" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$" title="Example: abc@example.com" required="required" aria-required="true"> </div> <div class="form-group"> <input type="tel" class="form-control" id="phone_no" pattern="[0-9]{10}" title="Example: 1234567890" maxlength="10" placeholder="Phone *" name="phone_no" required="required" aria-required="true"> </div> <div class="form-group"> <input type="text" class="form-control" id="address" placeholder="Address"> </div> <div class="form-group"> <input type="text" class="form-control" id="company" placeholder="Company"> </div> <div class="form-group"> <input type="text" class="form-control" id="city" placeholder="City"> </div> <div class="form-group"> <input type="text" class="form-control" id="state" placeholder="State"> </div> <div class="form-group"> <textarea class="form-control" rows="3" id="message" placeholder="Message"></textarea> </div> <button type="submit" class="btn btn-danger">SUBMIT</button> <p style="float:right; font-size: 12px;">Fields marked with <span style="color:red;">*</span> are required</p> </form> </div> <div class="col-sm-6 col-sm-pull-6 c_map wow bounceInLeft"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31101.134661085507!2d77.53456868648834!3d12.99474523059033!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae3df30cb8f5c5%3A0x4fd69ee1b53c32a!2sRajaji+Nagar%2C+Bengaluru%2C+Karnataka!5e0!3m2!1sen!2sin!4v1481203884865" frameborder="0" allowfullscreen></iframe> </div> </div> </div> <!-------------------------------------------- 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><a href="gallery.html">Gallery</a></li> <li><a href="download-form.php">Downloads</a></li> <li class="actfooter"><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">Radion</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>