File manager

File manager - Edit - /home/justdoit/brinkshipping.co.uk/track.html

Back
<!DOCTYPE html> <html lang="en"> <meta http-equiv="content-type" content="text/html;charset=UTF-8" /> <head> <meta charset="utf-8"> <title>Brinks Shipping International Transports - Solutions for all your Shipping Needs</title> <!-- Stylesheets --> <!-- bootstrap v3.3.6 css --> <link href="css/bootstrap.css" rel="stylesheet"> <!-- font-awesome css --> <link href="css/font-awesome.css" rel="stylesheet"> <!-- flaticon css --> <link href="css/flaticon.css" rel="stylesheet"> <!-- factoryplus-icons css --> <link href="css/factoryplus-icons.css" rel="stylesheet"> <!-- animate css --> <link href="css/animate.css" rel="stylesheet"> <!-- owl.carousel css --> <link href="css/owl.css" rel="stylesheet"> <!-- fancybox css --> <link href="css/jquery.fancybox.css" rel="stylesheet"> <link href="css/hover.css" rel="stylesheet"> <link href="css/frontend.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <!-- switcher css --> <link href="css/switcher.css" rel="stylesheet"> <link rel='stylesheet' id='factoryhub-color-switcher-css' href='css/switcher/default.css' /> <!-- revolution slider css --> <link rel="stylesheet" type="text/css" href="css/revolution/settings.css"> <link rel="stylesheet" type="text/css" href="css/revolution/layers.css"> <link rel="stylesheet" type="text/css" href="css/revolution/navigation.css"> <!--Favicon--> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> <link rel="icon" href="images/favicon.ico" type="image/x-icon"> <!-- Responsive --> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="css/responsive.css" rel="stylesheet"> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false }, 'google_translate_element'); } </script> <script src="../translate.google.com/translate_a/elementa0d8.js?cb=googleTranslateElementInit" type="text/javascript"></script> <script src="../code.jquery.com/jquery-1.11.3.min.js"></script> <script> function translateLanguage(lang) { var $frame = $('.goog-te-menu-frame:first'); if (!$frame.size()) { alert("Error: Could not find Google translate frame."); return false; } $frame.contents().find('.goog-te-menu2-item span.text:contains(' + lang + ')').get(0).click(); return false; } </script> </head> <body class="home header-transparent header-sticky header-v1 hide-topbar-mobile"> <div id="page"> <!-- Preloader--> <div class="preloader"></div> <!-- topbar --> <div id="fh-header-minimized" class="fh-header-minimized fh-header-v1"></div> <div id="topbar" class="topbar"> <div class="container"> <div class="topbar-left topbar-widgets text-left"> <div id="cargo-office-location-widget-2" class="widget cargo-office-location-widget"> <div class="office-location clearfix"> <div class="office-switcher"><i class="flaticon-globe"></i> <a class="current-office" href="#"></a> <ul> <li>Select Language</li> <li id="German" onClick="translateLanguage(this.id);">German</li> <li id="French" onClick="translateLanguage(this.id);">French</li> <li id="Spanish" onClick="translateLanguage(this.id);">Spanish</li> <li id="Danish" onClick="translateLanguage(this.id);">Danish</li> <li id="Polish" onClick="translateLanguage(this.id);">Polish</li> </ul> </div> <ul class="topbar-office"> <li><i class="flaticon-telephone" aria-hidden="true"></i>+44 7706 884548</li> <li><i class="flaticon-web" aria-hidden="true"></i>info@brinksshipping.co.uk</li> <li><i class="flaticon-pin" aria-hidden="true"></i>1 Basinghall Ave London EC2V 5DD, UK</li> </ul> </div> </div> </div> <div class="topbar-right topbar-widgets text-right"> <div class="widget cargo-search-widget"> <div class="topbar-search topbar-search-1"> <a href="#" class="toggle-search" id="toggle-search"><i class="fa fa-search" aria-hidden="true"></i></a> <form class="search-form" action="#"> <i class="fa fa-search" aria-hidden="true"></i> <input type="search" class="search-field" placeholder="Search..." value=""> <input type="submit" class="search-submit" value="Search"> </form> </div> </div> </div> </div> </div> <!-- topbar end --> <!-- masthead --> <header id="masthead" class="site-header clearfix"> <div class="header-main clearfix"> <div class="container mobile_relative"> <div class="row"> <div class="site-logo col-md-3 col-sm-6 col-xs-6"> <a href="index.html" class="logo"> <img src="images/logo-light.png" alt="Brinks Shipping International Transports" class="logo-light show-logo"> <img src="images/logo.png" alt="Brinks Shipping International Transports" class="logo-dark hide-logo"> </a> <h1 class="site-title"><a href="#">Brinks Shipping International Transports</a></h1> <h2 class="site-description">Just another Steel Themes Sites site</h2> </div> <div class="site-menu col-md-9 col-sm-6 col-xs-6"> <nav id="site-navigation" class="main-nav primary-nav nav"> <ul class="menu"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About US</a></li> <li class="has-children"><a class="dropdown-toggle">Services</a> <ul class="sub-menu"> <li><a href="road-freight-forwarding.html">Road Freight Forwarding</a></li> <li><a href="autos.html">Automotive Logistics</a></li> <li><a href="doortodoor.html">Door to Door Delivery</a></li> <li><a href="warehousing.html">Warehousing</a></li> <li><a href="motors.html">Motorcycle transport</a></li> </ul> </li> <li><a href="track.html">Track & trace</a></li> <li><a href="testimonials.html">Testimonials</a></li> <li><a href="contact.html">Contact</a></li> <li class="extra-menu-item menu-item-button-link"> <a href="request-a-quote.html" class="fh-btn btn">Get A Quote</a> </li> </ul> </nav> </div> </div> <a href="#" class="navbar-toggle"> <span class="navbar-icon"> <span class="navbars-line"></span> </span> </a> </div> </div> </header> <div id="google_translate_element" style="display: none"></div> <!-- masthead end --> <!--Page Header--> <div class="page-header title-area"> <div class="header-title"> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 col-xs-12"> <h1 class="page-title">Track Your Shipment</h1> </div> </div> </div> </div> </div> <!--Page Header end--> <section class="tracksipment secpadd"> <div class="container"> <div class="row quote1top"> <div class="col-md-12"> <div class="fh-section-title clearfix f30 text-left version-dark paddbtm40"> <h2>Track Your Shipment</h2> </div> <p>If you require maximum visibility to your Freight transactions, contact our logistic customer team or you can track your cargo by using below tracking system.</p> <div class="row paddtop30"> <div class="col-sm-9"> <form method="POST" action="check.php"> <div class="fh-form track-form"> <div> <label>Username<span class="require"></span></label> <p class="field"> <input placeholder="Username here" name="username" id="tracking" type="text" style="width:300px;"> </p> </div> <div> <label>Password<span class="require"></span></label> <p class="field"> <input placeholder="Password here" name="userpassword" id="tracking" type="password" style="width:300px;padding:10px;"> </p> </div> <p class="submit"> <input value="Login" class="fh-btn" type="submit"> </p> <div class="text-form">By selecting the Track button, I agree to the <a href="#" class="main-color">Terms and Conditions</a></div> </div> </form> </div> </div> </div> </div> </div> </section> <!--Track Your Shipment end --> <!--footer sec--> <div class="footer-widgets widgets-area"> <div class="contact-widget"> <div class="container"> <div class="row"> <div class="contact col-md-3 col-xs-12 col-sm-12"> <a href="#" class="footer-logo"><img src="images/logo-light.png" alt="Footer Logo"></a> </div> <div class="contact col-md-3 col-xs-12 col-sm-12"><i class="flaticon-signs"></i> <p>1 Basinghall Ave London EC2V 5DD, UK</p> </div> <div class="contact col-md-3 col-xs-12 col-sm-12"><i class="flaticon-phone-call "></i> <p>Toll Free Number :</p> <h4>+44 7706 884548</h4></div> <div class="contact col-md-3 col-xs-12 col-sm-12"><i class="flaticon-clock-1"></i> <p>Opening Hours :</p> <h4>MON - FRI: 9AM - 7PM</h4></div> </div> </div> </div> <div class="footer-sidebars"> <div class="container"> <div class="row"> <div class="footer-sidebar footer-1 col-xs-12 col-sm-6 col-md-3"> <div class="widget widget_text"> <h4 class="widget-title">About us</h4> <div class="textwidget"> <p>Brinks Shipping International Transports is a global supplier of transport and logistics solutions. We have offices in more than 20 countries and an international network of partners and agents.</p> </div> </div> <div class="widget cargohub-social-links-widget"> <div class="list-social style-1"> <a href="#" target="_blank"><i class="fa fa-facebook"></i></a> <a href="#" target="_blank"><i class="fa fa-twitter"></i></a> <a href="#" target="_blank"><i class="fa fa-facebook"></i></a> <a href="#" target="_blank"><i class="fa fa-twitter"></i></a> </div> </div> </div> <div class="footer-sidebar footer-2 col-xs-12 col-sm-6 col-md-3"> <div class="widget widget_nav_menu"> <h4 class="widget-title">Useful Links</h4> <div class="menu-service-menu-container"> <ul class="menu"> <li><a href="road-freight-forwarding.html">Road Freight Forwarding</a></li> <li><a href="autos.html">Automotive Logistics</a></li> <li><a href="doortodoor.html">Door to Door Delivery</a></li> <li><a href="warehousing.html">Warehousing</a></li> <li><a href="motors.html">Motorcycle transport</a></li> </ul> </div> </div> </div> <div class="footer-sidebar footer-4 col-xs-12 col-sm-6 col-md-6"> <div class="widget widget_mc4wp_form_widget"> <h4 class="widget-title">Our Newsletter</h4> <form> <div class="footform"> <div class="fh-form-field"> <p> Sign up today for tips and latest news and exclusive special offers. </p> <div class="subscribe"> <input name="EMAIL" placeholder="Enter Your Email" required="" type="email"> <input value="Sign Up" type="submit"> </div> </div> </div> </form> <!-- / MailChimp for WordPress Plugin --> </div> <div class="widget widget_text"> <div class="textwidget"> <p>We don't do spam and Your mail id very confidential.</p> </div> </div> </div> </div> </div> </div> </div> <!--footer sec end--> <!--copyright sec--> <footer class="site-footer"> <div class="container"> <div class="row"> <div class="footer-copyright col-md-6 col-sm-12 col-sx-12"> <div class="site-info">Copyright @ 2022 Brinks Shipping International Transports All Right Reserved </div> </div> </div> </div> </footer> <!--copyright sec end--> </div> <!--End pagewrapper--> <!--primary-mobile-nav--> <div class="primary-mobile-nav header-v1" id="primary-mobile-nav" role="navigation"> <a href="#" class="close-canvas-mobile-panel"> </a> <ul class="menu"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About US</a></li> <li class="has-children"><a href="road-freight-forwarding.html" class="dropdown-toggle">Services</a> <ul class="sub-menu"> <li><a href="road-freight-forwarding.html">Road Freight Forwarding</a></li> <li><a href="autos.html">Automotive Logistics</a></li> <li><a href="doortodoor.html">Door to Door Delivery</a></li> <li><a href="warehousing.html">Warehousing</a></li> <li><a href="motors.html">Motorcycle transport</a></li> </ul> </li> <li><a href="track.html">Track & trace</a></li> <li><a href="testimonials.html">Testimonials</a></li> <li><a href="contact.html">Contact</a></li> <li class="extra-menu-item menu-item-button-link"> <a href="request-a-quote.html" class="fh-btn btn">Get A Quote</a> </li> </ul> </div> <div id="off-canvas-layer" class="off-canvas-layer"></div> <!--primary-mobile-nav end--> <style> #map{ width: 100%; height: 450px; } #map img{ max-width: none; } </style> <!--Scroll to top--> <a id="scroll-top" class="backtotop" href="#page-top"><i class="fa fa-angle-up"></i></a> <!--Color switcher--> <!--Color switcher--> <!-- jquery Liabrary --> <script src="js/jquery-1.12.4.min.js"></script> <!-- bootstrap v3.3.6 js --> <script src="js/bootstrap.min.js"></script> <!-- fancybox js --> <script src="js/jquery.fancybox.pack.js"></script> <script src="js/jquery.fancybox-media.js"></script> <!-- owl.carousel js --> <script src="js/owl.js"></script> <!-- counter js --> <script src="js/jquery.appear.js"></script> <script src="js/jquery.countTo.js"></script> <!-- validate js --> <script src="js/validate.js"></script> <!-- switcher js --> <!-- google map --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAHzPSV2jshbjI8fqnC_C4L08ffnj5EN3A"></script> <script src="js/gmap.js"></script> <script src="js/map-helper.js"></script> <!-- REVOLUTION JS FILES --> <script type="text/javascript" src="js/revolution/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="js/revolution/jquery.themepunch.revolution.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.actions.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.carousel.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.kenburn.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.layeranimation.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.migration.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.navigation.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.parallax.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.slideanims.min.js"></script> <script type="text/javascript" src="js/revolution/extensions/revolution.extension.video.min.js"></script> <!-- script JS --> <script src="js/scripts.min.js"></script> <script src="js/script.js"></script> <script src="js/jquery.js"></script> <!--Start of Tawk.to Script--> <script type="text/javascript"> var Tawk_API=Tawk_API\|\|{}, Tawk_LoadStart=new Date(); (function(){ var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0]; s1.async=true; s1.src='https://embed.tawk.to/62c6a0d27b967b1179987218/1g7bu8f6h'; s1.charset='UTF-8'; s1.setAttribute('crossorigin','*'); s0.parentNode.insertBefore(s1,s0); })(); </script> <!--End of Tawk.to Script--> </body> </html><script> $(document).ready(function(e) { initialize(); function initialize() { var directionsService = new google.maps.DirectionsService(); var directionsDisplay = new google.maps.DirectionsRenderer(); var start = document.getElementById("start").value; var start_address = $('#start').attr('data-address'); var start_status = $('#start').attr('data-status'); var end = document.getElementById("end").value; var end_address = $('#end').attr('data-address'); var end_status = $('#end').attr('data-status'); var waypoints = []; var checkboxArray = document.getElementById('waypoints'); for (var i = 0; i < checkboxArray.length; i++) { if (checkboxArray.options[i].selected == true) { waypoints.push({ location:checkboxArray[i].value, stopover:false, }); } } var request = { origin:start, destination:end, waypoints: waypoints, //an array of waypoints optimizeWaypoints: true, //set to true if you want google to determine the shortest route or false to use the order specified. travelMode: google.maps.DirectionsTravelMode.DRIVING }; var myOptions = { mapTypeId: google.maps.MapTypeId.ROADMAP, disableDefaultUI: true, scrollwheel: false, } var map = new google.maps.Map(document.getElementById("gmap"), myOptions); directionsService.route(request, function(response, status) { if (status == google.maps.DirectionsStatus.OK) { directionsDisplay.setDirections(response); } }); // Define Marker properties var image_start = new google.maps.MarkerImage('images/icons/marker_.png', new google.maps.Size(43, 63), // This marker is 129 pixels wide by 42 pixels tall. new google.maps.Point(0,0),// The origin for this image is 0,0. new google.maps.Point(21, 63)// The anchor for this image is the base of the flagpole at 18,42. ); var image_end = new google.maps.MarkerImage('images/icons/marker_start.png', new google.maps.Size(43, 63), // This marker is 129 pixels wide by 42 pixels tall. new google.maps.Point(0,0),// The origin for this image is 0,0. new google.maps.Point(21, 63)// The anchor for this image is the base of the flagpole at 18,42. ); // Add Marker var geocoder = new google.maps.Geocoder(); geocoder.geocode({ 'address' : start }, function(results, status) { var marker_start = new google.maps.Marker({ position: results[0].geometry.location, map: map, icon: image_start, // This path is the custom pin to be shown. Remove this line and the proceeding comma to use default pin }); // INFO PANNEL //////////////////////////////////// marker_start.info = new google.maps.InfoWindow({ content: '<b>TO:</b> ' + start_address + '<br/> <b>STATUS:</b> ' + start_status }); google.maps.event.addListener(marker_start, 'click', function() { marker_start.info.open(map, marker_start); }); }); geocoder.geocode({ 'address' : end }, function(results, status) { var marker_end = new google.maps.Marker({ position: results[0].geometry.location, map: map, icon: image_end, // This path is the custom pin to be shown. Remove this line and the proceeding comma to use default pin }); // INFO PANNEL //////////////////////////////////// marker_end.info = new google.maps.InfoWindow({ content: '<b>FROM:</b> ' + end_address + '<br/> <b>STATUS:</b> ' + end_status }); google.maps.event.addListener(marker_end, 'click', function() { marker_end.info.open(map, marker_end); }); }); directionsDisplay.setMap(map); directionsDisplay.setOptions( { suppressMarkers: true } ); } }); </script>

| ver. 1.4 | Github | . | PHP 7.0.33 | Generation time: 0.5 | proxy | phpinfo | Settings