File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/infrawave-ot.com/howtoreach.php
Back
<!DOCTYPE html> <html lang="en"> <head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8"> <!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Infrawave Optical</title> <!-- Favicons ================================================== --> <link rel="shortcut icon" href="img/favicon.PNG" type="image/x-icon"> <!-- Bootstrap --> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="fonts/font-awesome/css/font-awesome.css"> <link rel="stylesheet" type="text/css" href="fonts/icons/flaticon.css"> <!-- Nivo Lightbox ================================================== --> <link rel="stylesheet" href="css/nivo-lightbox.css" > <link rel="stylesheet" href="css/nivo_lightbox_themes/default/default.css"> <!-- Slider ================================================== --> <link href="css/owl.carousel.css" rel="stylesheet" media="screen"> <link href="css/owl.theme.css" rel="stylesheet" media="screen"> <!-- Stylesheet ================================================== --> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/responsive.css"> <!-- Google Font ================================================== --> <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Muli:300,400,300italic,400italic' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Montserrat+Subrayada:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Raleway:500,600,700,100,800,900,400,200,300' rel='stylesheet' type='text/css'> <script type="text/javascript" src="js/modernizr.custom.js"></script> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <!-- Switcher Only --> <link rel="stylesheet" id="switcher-css" type="text/css" href="../css/switcher.css" media="all" /> <!-- END Switcher Styles --> <!-- Demo Examples --> <link rel="alternate stylesheet" type="text/css" href="css/colors/dark-blue.css" title="dark_blue" media="all" /> <link rel="alternate stylesheet" type="text/css" href="css/colors/green.css" title="green" media="all" /> <link rel="alternate stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="all" /> <link rel="alternate stylesheet" type="text/css" href="css/colors/purple.css" title="purple" media="all" /> <link rel="alternate stylesheet" type="text/css" href="css/style.css" title="default" media="all" /> <link rel="alternate stylesheet" type="text/css" href="css/colors/red.css" title="red" media="all" /> <link rel="alternate stylesheet" type="text/css" href="css/colors/orange.css" title="orange" media="all" /> <link rel="alternate stylesheet" type="text/css" href="css/colors/light-green.css" title="light_green" media="all" /> <!-- END Demo Examples --> <style type="text/css"> #map { width: 100%; height:700px; border: 5px solid #A40720; margin: 0; top: 40; } #pic { width: 400px; height: 190px; padding: 5px; } #pic p { margin: 0; text-align: center; font: italic small Arial, sans-serif; float: left; } #pic img { display: block; width: 268px; height: 188px; float: left; padding-right: 5px; } #map h3 { font-size: 26px; line-height: 30px; font-weight: 300; text-shadow: 0px 1px 0px #c28e29; color: #fff; padding: 8px 15px; font-family: "Lato"; } #map .infobox { margin-top: 45px; background-color: #fff; padding: 0; border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; } #map .infobox-title { background: #dba63f; font-size: 22px; padding-left: 20px; margin-bottom: 20px; color: #fff; box-shadow: 0px 1px 0px 1px #c79430; } #map .infobox-content { padding: 0 20px; } #map .map-icon { margin-left: 14px; padding-left: 30px; color: #3d3d3d; font-size: 15px; } #map .phone-icon { margin-left: 14px; padding-left: 30px; color: #3d3d3d; font-size: 15px; } #map .mail-icon { margin-left: 14px; padding-left: 30px; color: #3d3d3d; font-size: 15px; } #map .info-icon { margin-left: 14px; padding-left: 30px; color: #3d3d3d; font-size: 15px; } #map .infobox-content i { float: left; font-size: 20px; color: #C5C5C5; margin-left: 12px; padding-right: 13px; width: 20px; text-align: center; } #directions { padding: 12px 0; margin: 25px 0px 0px 0px; } #direction { margin-left: 0; background-color: #000; color: #fff; margin: -2px 0px; padding: 6px 9px; } #direction:hover{ background-color:#0A0A0A;; color:#fff; } .style-2{ padding: 10px 100px;} </style> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> <script> var directionsDisplay; var directionsService = new google.maps.DirectionsService(); function initialize() { directionsDisplay = new google.maps.DirectionsRenderer(); var mapOptions = { zoom: 17, center: new google.maps.LatLng(28.3834297,77.3079863) }; var map = new google.maps.Map(document.getElementById('map'), mapOptions); directionsDisplay.setMap(map); directionsDisplay.setPanel(document.getElementById('directions-panel')); var control = document.getElementById('control'); control.style.display = 'block'; map.controls[google.maps.ControlPosition.TOP_CENTER].push(control); } function calcRoute() { var start = document.getElementById('start').value; var end = document.getElementById('end').value; var request = { origin: start, destination: end, travelMode: google.maps.TravelMode.DRIVING }; directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); } }); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <!-- Top Navigation ========================--> <nav id="top-menu"> <?php include 'include/topheader.php'?> </nav> <!-- Main Navigation ========================--> <div id="sticky-anchor"></div> <nav id="main-menu" class="navbar navbar-default"> <?php include 'include/header.php';?> </nav> <!-- Page Header ========================--> <div id="en-header"> <div class="container"> <h2 class="pull-left">How To Reach</h2> <ol class="breadcrumb pull-right"> <li><a href="./">Home</a></li> <li class="active">Direction</li> </ol> </div> </div> <!-- Intro ========================--> <div id="en-content"> <div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-12"> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3510.186658169192!2d77.30798631507623!3d28.38342970206228!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390cdc409a78de35%3A0x9a9ba472c0b1b983!2sInfrared+Optics!5e0!3m2!1sen!2sin!4v1459325821804" width="100%" height="450" frameborder="0" style="border:3px solid #625F5F" allowfullscreen></iframe> <div id="directions" style="margin-top: 30px;"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2"> <form action="http://maps.google.com/maps" method="get" target="_blank"> <div class="input-group groupp"> <input type="text" name="saddr" placeholder="Enter your starting point" class="form-control style-2 bar"> <input type="hidden" name="daddr" value=" Infrared Optics "><!-- Write here your end point --> <span class="input-group-btn"> <input class="btn" type="submit" value="Get directions" id="direction" style="background-color: #000; color: #fff;">GET DIRECTIONS</button> </span> </div><!-- /input-group --> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Footer Area --> <div id="en-footer"> <?php include 'include/footer.php';?> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> <script src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.1.11.1.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <script type="text/javascript" src="js/bootstrap.js"></script> <script type="text/javascript" src="js/owl.carousel.js"></script><!-- Owl Carousel Plugin --> <script type="text/javascript" src="js/nivo-lightbox.min.js"></script><!-- LightBox Nivo --> <!-- Portfolio Filter --> <script type="text/javascript" src="js/jquery.isotope.js"></script> <script type="text/javascript" src="js/imagesloaded.js"></script> <!-- Contact page--> <script type="text/javascript" src="js/jqBootstrapValidation.js"></script> <!-- Javascripts ================================================== --> <script type="text/javascript" src="js/main.js"></script> <!-- Demo Switcher JS --> <script type="text/javascript" src="js/fswit.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings