Файловый менеджер - Редактировать - /home/gettoplisting/yedek/googlemaps.html
Назад
<!DOCTYPE html> <!--[if lt IE 7]><html dir="ltr" lang="en-US" class="ie6"><![endif]--> <!--[if IE 7]><html dir="ltr" lang="en-US" class="ie7"><![endif]--> <!--[if IE 8]><html dir="ltr" lang="en-US" class="ie8"><![endif]--> <!--[if gt IE 8]><!--><html dir="ltr" lang="en-US"><!--<![endif]--> <head> <meta content="text/html;charset=utf-8" http-equiv="content-type" /> <meta name="description" content="cmsmasters responsive html5 website template" /> <meta name="keywords" content="html5, css3, template, responsive, adaptive" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" /> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/styles/fonts.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,italic,bold,bolditalic" type="text/css" /> <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crete+Round:400,400italic" type="text/css"> <link rel="stylesheet" href="css/styles/jquery.prettyPhoto.css" type="text/css" media="screen" /> <link rel="stylesheet" href="css/styles/jquery.jPlayer.css" type="text/css" media="screen" /> <!--[if lt IE 9]> <link rel="stylesheet" href="css/styles/ie.css" type="text/css" /> <link rel="stylesheet" href="css/styles/ie_css3.css" type="text/css" media="screen" /> <![endif]--> <script src="js/modernizr.custom.all.js" type="text/javascript"></script> <script src="js/css3MediaQueries.js" type="text/javascript"></script> <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/jquery.easing.js" type="text/javascript"></script> <title>Expresso - Responsive HTML5 Site Template</title> </head> <body> <!-- __________________________________________________ Start Page --> <section id="page"> <a href="#" id="slide_top"></a> <!-- __________________________________________________ Start Header --> <header id="header"> <div class="header"> <a class="logo" href="index.html"><img src="images/logo.png" alt="" /></a> <a class="resp_navigation" href="javascript:void(0);"><span><span></span></span></a> <nav> <ul id="navigation"> <li><a href="javascript:void(0);"><span>Home<span>Hello!</span></span></a> <ul> <li><a href="index.html"><span>Home</span></a></li> <li><a href="index2.html"><span>Home 2</span></a></li> </ul> </li> <li class="current_page_item"><a href="javascript:void(0);"><span>Features<span>Tasty cakes</span></span></a> <ul> <li class="current_page_item"><a href="javascript:void(0);"><span>Shortcodes</span></a> <ul> <li><a href="buttons.html"><span>Buttons</span></a></li> <li><a href="boxes.html"><span>Information Boxes</span></a></li> <li><a href="columns.html"><span>Columns</span></a></li> <li><a href="tooltips.html"><span>Tooltips</span></a></li> <li><a href="tabs.html"><span>Tabs & Toggle</span></a></li> <li><a href="shortcodes.html"><span>Post Type Shortcode</span></a></li> <li><a href="media.html"><span>Media</span></a></li> <li><a href="player.html"><span>Audio & Video Players</span></a></li> <li><a href="lightboxes.html"><span>Lightboxes</span></a></li> <li><a href="tour.html"><span>Site Tour</span></a></li> <li class="current_page_item"><a href="googlemaps.html"><span>Google Maps</span></a></li> </ul> </li> <li><a href="typography.html"><span>Typography</span></a></li> <li><a href="javascript:void(0);"><span>Layouts</span></a> <ul> <li><a href="about.html"><span>About</span></a></li> <li><a href="services.html"><span>Services</span></a></li> <li><a href="error.html"><span>404 Error Page</span></a></li> <li><a href="sitemap.html"><span>Sitemap</span></a></li> <li><a href="lsidebar.html"><span>Left Sidebar</span></a></li> <li><a href="rsidebar.html"><span>Right Sidebar</span></a></li> </ul> </li> <li><a href="javascript:void(0);"><span>Heading Templates</span></a> <ul> <li><a href="heading.html"><span>Standard Heading</span></a></li> <li><a href="heading_icon.html"><span>With Icon</span></a></li> <li><a href="heading_text.html"><span>With Text</span></a></li> <li><a href="heading_icon_text.html"><span>Heading With Icon & Text</span></a></li> </ul> </li> </ul> </li> <li><a href="javascript:void(0);"><span>Portfolio<span>Showcase</span></span></a> <ul> <li><a href="javascript:void(0);"><span>Sortable Portfolio</span></a> <ul> <li><a href="portfolio_sort_one.html"><span>One Column</span></a></li> <li><a href="portfolio_sort_two.html"><span>Two Columns</span></a></li> <li><a href="portfolio_sort_three.html"><span>Three Columns</span></a></li> <li><a href="portfolio_sort_four.html"><span>Four Columns</span></a></li> </ul> </li> <li><a href="javascript:void(0);"><span>Portfolio Without Sorting</span></a> <ul> <li><a href="portfolio_one.html"><span>One Column</span></a></li> <li><a href="portfolio_two.html"><span>Two Columns</span></a></li> <li><a href="portfolio_three.html"><span>Three Columns</span></a></li> <li><a href="portfolio_four.html"><span>Four Columns</span></a></li> </ul> </li> <li><a href="javascript:void(0);"><span>Project Layouts</span></a> <ul> <li><a href="project_slider.html"><span>Image Slider</span></a></li> <li><a href="project_video.html"><span>Video</span></a></li> <li><a href="album_four.html"><span>Album Four Columns</span></a></li> <li><a href="album_three.html"><span>Album Three Columns</span></a></li> <li><a href="album_two.html"><span>Album Two Columns</span></a></li> <li><a href="album_one.html"><span>Album One Column</span></a></li> </ul> </li> </ul> </li> <li><a href="javascript:void(0);"><span>Our Blogs<span>What's new?</span></span></a> <ul> <li><a href="blog_sidebar.html"><span>Blog With Sidebar</span></a></li> <li><a href="blog_fwidth.html"><span>Full Width Blog</span></a></li> <li><a href="openpost.html"><span>Blog Post</span></a></li> </ul> </li> <li><a href="contacts.html"><span>Contacts<span>Get in touch</span></span></a></li> </ul> </nav> </div> </header> <!-- __________________________________________________ Finish Header --> <!-- __________________________________________________ Start Middle --> <div class="container"> <div class="cont_nav"> <a href="index.html">Home</a> / <a href="shortcodes.html">Features</a> / <a href="shortcodes.html">Shortcodes</a> / Google Maps </div> <section id="middle"> <div class="middle_inner"> <section id="top_sidebar"> <div class="headline"> <h4>Google Maps</h4> </div> </section> <!-- __________________________________________________ Start Content --> <div class="content_wrap"> <section id="content"> <div class="entry"> <div class="togg"> <a href="#" class="tog"> <span class="cmsms_plus"> <span class="cmsms_plus_inner"> <span class="vert_line"></span> <span class="horiz_line"></span> </span> </span> Settings </a> <div class="tab_content" style="display:none;"> <ul class="styled arrow_dash_r"> <li><strong class="color_3">width</strong></li> <li><strong class="color_3">height</strong></li> <li><strong class="color_3">address</strong>: Address on which the viewport will be centered.</li> <li><strong class="color_3">latitude</strong>: Point on which the viewport will be centered. If not given and no markers are defined the viewport defaults to world view.</li> <li><strong class="color_3">longitude</strong>: Same as above but for longitude...</li> <li><strong class="color_3">zoom</strong>: Zoom value from 1 to 19 where 19 is the greatest and 1 the smallest.</li> <li><strong class="color_3">html</strong>: Content that will be shown within the info window for this marker.</li> <li><strong class="color_3">popup</strong>: If true the info window for this marker will be shown when the map finished loading. If "html" is empty this option will be ignored.</li> <li><strong class="color_3">mapTypeControl</strong>: Set to false to disable MapType control. The MapType control lets the user toggle between map types (such as ROADMAP and SATELLITE).</li> <li><strong class="color_3">zoomControl</strong>: Set to false to disable Zoom control. The Zoom control displays a slider (for large maps) or small "+/-" buttons (for small maps) to control the zoom level of the map.</li> <li><strong class="color_3">panControl</strong>: Set to false to disable Pan control. The pan control displays buttons for panning the map.</li> <li><strong class="color_3">scaleControl</strong>: Set to false to disable Scale control. The scale control displays a map scale element.</li> <li><strong class="color_3">streetViewControl</strong>: Set to false to disable Street View control. The Street View control contains a Pegman icon which can be dragged onto the map to enable Street View.</li> <li><strong class="color_3">scrollwheel</strong>: Set to false to disable zooming with your mouses scrollwheel.</li> <li><strong class="color_3">maptype</strong>: Predefined variable for setting the map type. Possible values: google.maps.MapTypeId.ROADMAP, maptype:google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.TERRAIN.</li> <li><strong class="color_3">marker</strong>: Set to false to disable display a marker in the viewport.</li> </ul> </div> </div> <h3>Simple Road Map</h3> <div class="resizable_block"> <div id="google_map_1" class="google_map fullwidth"></div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#google_map_1').gMap( { zoom : 1, latitude : 0, longitude : 0 } ); } ); </script> <br /> <div class="divider"></div> <h3>Simple Google Earth Map</h3> <div class="resizable_block"> <div id="google_map_2" class="google_map fullwidth"></div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#google_map_2').gMap( { zoom : 1, latitude : 0, longitude : 0, maptype : google.maps.MapTypeId.SATELLITE } ); } ); </script> <br /> <div class="divider"></div> <h3>Simple Mixture Map</h3> <div class="resizable_block"> <div id="google_map_3" class="google_map fullwidth"></div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#google_map_3').gMap( { zoom : 1, latitude : 0, longitude : 0, maptype : google.maps.MapTypeId.HYBRID } ); } ); </script> <br /> <div class="divider"></div> <h3>Simple Physical Map</h3> <div class="resizable_block"> <div id="google_map_4" class="google_map fullwidth"></div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#google_map_4').gMap( { zoom : 1, latitude : 0, longitude : 0, maptype : google.maps.MapTypeId.TERRAIN } ); } ); </script> <br /> <div class="divider"></div> <h3>Map With Marker</h3> <div class="resizable_block"> <div id="google_map_5" class="google_map fullwidth"></div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#google_map_5').gMap( { zoom : 1, markers : [ { address : '', latitude : 51.486782, longitude : -0.143242, html : '', popup : false } ], mapTypeControl : true, zoomControl : true, panControl : true, scaleControl : true, streetViewControl : true, scrollwheel : true } ); } ); </script> <br /> <div class="divider"></div> <h3>Map Without Control</h3> <div class="resizable_block"> <div id="google_map_6" class="google_map fullwidth"></div> </div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#google_map_6').gMap( { zoom : 1, latitude : 0, longitude : 0, mapTypeControl : false, zoomControl : false, panControl : false, scaleControl : false, streetViewControl : false, scrollwheel : true } ); } ); </script> <br /> <div class="divider"></div> <h3>Map With Marker & Information</h3> <div class="resizable_block"> <div id="google_map_7" class="google_map fullwidth"></div> </div> <br /> <br /> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#google_map_7').gMap( { zoom : 7, markers : [ { address : '', latitude : 51.486782, longitude : -0.143242, html : 'London, United Kingdom', popup : true } ], mapTypeControl : true, zoomControl : true, panControl : true, scaleControl : true, streetViewControl : true, scrollwheel : true } ); } ); </script> </div> </section> <!-- __________________________________________________ Finish Content --> <!-- __________________________________________________ Start Sidebar --> <section id="sidebar"> <div class="sidebar_inner"> <div class="one_first"> <aside class="widget widget_text"> <h3 class="widgettitle">What we do</h3> <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> <p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique sed. In at nisln ulla, et vestibulum risus. Fermentum in eros. Nulla sed magna dui. et vestibulum risus. Fermentum in eros. Nulla sed magna dui. Maecenas sollicitudin pulvinar</p> <a href="#" class="button"><span>Learn More</span></a> </aside> </div> <div class="cl"></div> <div class="divider"></div> <div class="one_first"> <aside class="widget widget_custom_flickr_entries"> <h3 class="widgettitle">Flickr</h3> <ul id="flickr_images"></ul> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#flickr_images').jflickrfeed({ limit: 6, qstrings: { id: '49053047@N04' }, itemTemplate: '<li><a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /></a></li>' }); }); </script> </aside> </div> <div class="cl"></div> <div class="divider"></div> <div class="one_first"> <aside class="widget widget_custom_advertising_entries"> <h3 class="widgettitle">Advertising</h3> <ul> <li><a href="#"><img src="images/img/advertising_img_1.jpg" alt="" /></a></li> <li><a href="#"><img src="images/img/advertising_img_2.jpg" alt="" /></a></li> <li><a href="#"><img src="images/img/advertising_img_3.jpg" alt="" /></a></li> <li><a href="#"><img src="images/img/advertising_img_4.jpg" alt="" /></a></li> </ul> </aside> </div> <div class="cl"></div> </div> </section> <!-- __________________________________________________ Finish Sidebar --> </div> </div> </section> <!-- __________________________________________________ Finish Middle --> <!-- __________________________________________________ Start Bottom --> <section id="bottom"> <div class="bottom_inner"> <div class="one_fourth"> <aside class="widget widget_custom_portfolio_entries"> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('.widget_custom_portfolio_entries_slides').cmsmsResponsiveContentSlider( { sliderWidth : '100%', sliderHeight : 'auto', animationSpeed : 500, animationEffect : 'slide', animationEasing : 'easeInOutExpo', pauseTime : 5000, activeSlide : 1, touchControls : true, pauseOnHover : false, arrowNavigation : false, slidesNavigation : true } ); } ); </script> <div class="widget_custom_portfolio_entries_container bottom_content_slider"> <h4 class="widgettitle">Sliding article</h4> <ul class="widget_custom_portfolio_entries_slides responsiveContentSlider"> <li> <figure> <img src="images/img/sliding_1.jpg" alt="" class="fullwidth" /> </figure> <a href="#" class="widget_portfolio_link">Semper nunc metus</a> <p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique </p> <br> </li> <li> <figure> <img src="images/img/sliding_2.jpg" alt="" class="fullwidth" /> </figure> <a href="#" class="widget_portfolio_link">Semper nunc metus</a> <p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique </p> <br> </li> <li> <figure> <img src="images/img/sliding_3.jpg" alt="" class="fullwidth" /> </figure> <a href="#" class="widget_portfolio_link">Semper nunc metus</a> <p>Pellentesque tristique volutpat nunc, id rhoncus augue tristique </p> <br> </li> </ul> </div> </aside> </div> <div class="one_fourth"> <aside class="widget widget_custom_tweets_entries"> <h4 class="widgettitle">Twitter</h4> <div id="tweetFeed"></div> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('#tweetFeed').jTweetsAnywhere({ username: 'cmsmasters', count: 2, showTweetFeed : { showTwitterBird: false } }); }); </script> </aside> </div> <div class="one_fourth"> <aside class="widget widget_links"> <h4 class="widgettitle">List widget</h4> <ul> <li><a href="#">Styling options</a></li> <li><a href="#">Theme options</a></li> <li><a href="#">Sidebars & widgets</a></li> <li><a href="#">Shortcodes</a></li> <li><a href="#">Blogs & posts</a></li> <li><a href="#">Sliders & slides</a></li> <li><a href="#">Contact form builder</a></li> <li><a href="#">Demo content</a></li> <li><a href="#">Gallery & albums</a></li> <li><a href="#">Page options</a></li> </ul> </aside> </div> <div class="one_fourth"> <aside class="widget widget_custom_contact_form_entries"> <h4 class="widgettitle">Quick contacts</h4> <div class="cmsms-form-builder"> <div class="widgetinfo">Thank you! <br />Your message has been sent successfully.</div> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#form_contact_form_widget_001').validationEngine('init'); jQuery('#form_contact_form_widget_001 a#contact_form_widget_001_wformsend').click(function () { var form_builder_url = jQuery('#contact_form_widget_001_wurl').val(); jQuery('#form_contact_form_widget_001 .loading').animate( { opacity : 1 } , 250); if (jQuery('#form_contact_form_widget_001').validationEngine('validate')) { jQuery.post(form_builder_url, { field_002 : jQuery('#field_002').val(), field_004 : jQuery('#field_004').val(), formname : 'contact_form_widget_001', formtype : 'widget' }, function () { jQuery('#form_contact_form_widget_001 .loading').animate( { opacity : 0 }, 250); document.getElementById('form_contact_form_widget_001').reset(); jQuery('#form_contact_form_widget_001').parent().find('.widgetinfo').hide(); jQuery('#form_contact_form_widget_001').parent().find('.widgetinfo').fadeIn('fast'); jQuery('html, body').animate( { scrollTop : (jQuery('#form_contact_form_widget_001').offset().top - 100) }, 'slow'); jQuery('#form_contact_form_widget_001').parent().find('.widgetinfo').delay(5000).fadeOut(1000); } ); return false; } else { jQuery('#form_contact_form_widget_001 .loading').animate( { opacity : 0 }, 250); return false; } } ); } ); </script> <form action="#" method="post" id="form_contact_form_widget_001"> <div class="form_info cmsms_input"> <label for="field_002">Your email<span class="color_3"> *</span></label> <input type="text" name="wname" id="field_002" size="22" tabindex="11" class="validate[required,custom[email]]" /> </div> <div class="form_info cmsms_textarea"> <label for="field_004">Message<span class="color_3"> *</span></label> <textarea name="wmessage" id="field_004" cols="28" rows="6" tabindex="13" class="validate[required,minSize[3]]"></textarea> </div> <div class="fr"><a href="#" id="contact_form_widget_001_wformsend" class="button" tabindex="14"><span>Submit</span></a></div> <div class="loading"></div> <div><input type="hidden" name="contact_form_widget_001_wurl" id="contact_form_widget_001_wurl" value="http://your-site.net/php/sendmail.php" /></div><!-- Here you need to set the path to the sendmail file --> </form> </div> </aside> </div> </div> </section> <!-- __________________________________________________ Finish Bottom --> </div> </section> <!-- __________________________________________________ Finish Page --> <!-- __________________________________________________ Start Footer --> <footer id="footer"> <div class="footer_inner"> <div class="fr"> <p class="fl">Find us elsewhere</p> <ul class="social_list fr"> <li><a href="#" class="link_tooltip" title="Facebook"><img src="images/socicons/facebook.png" alt="" /></a></li> <li><a href="#" class="link_tooltip" title="Flickr"><img src="images/socicons/flickr.png" alt="" /></a></li> <li><a href="#" class="link_tooltip" title="Twitter"><img src="images/socicons/twitter.png" alt="" /></a></li> <li><a href="#" class="link_tooltip" title="Last fm"><img src="images/socicons/lastfm.png" alt="" /></a></li> <li><a href="#" class="link_tooltip" title="Vimeo"><img src="images/socicons/vimeo.png" alt="" /></a></li> <li><a href="#" class="link_tooltip" title="Google+"><img src="images/socicons/googleplus.png" alt="" /></a></li> </ul> </div> <span>Expresso © 2012 All rights reserved</span> <div class="cl"></div> </div> </footer> <!-- __________________________________________________ Finish Footer --> <script src="js/jquery.prettyPhoto.js" type="text/javascript"></script> <script src="js/jquery.script.js" type="text/javascript"></script> <script src="js/jquery.validationEngine.js" type="text/javascript"></script> <script src="js/jquery.validationEngine-lang.js" type="text/javascript"></script> <script src="js/jquery.jtweetsanywhere.js" type="text/javascript"></script> <script src="js/jquery.flickrfeed.min.js" type="text/javascript"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script src="js/jquery.gMap.js" type="text/javascript"></script> </body> </html>
| ver. 1.6 |
Github
|
.
| PHP 7.2.34 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка