API tools faq
paste
Advertisement
ujiajah1

jaringanqu/contact/index.php

ujiajah1
Jun 7th, 2016
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 4.66 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <title>JaringanQu</title>
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.  
  7.     <!-- Bootstrap core CSS -->
  8.     <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.css" rel="stylesheet" media="screen">
  9.  
  10.     <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  11.     <!--[if lt IE 9]>
  12.       <script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script>
  13.       <script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>
  14. <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  15.     <![endif]-->
  16.  
  17. <style>
  18. html { height: 100% }
  19. body { height: 100% }
  20. #map-container { height: 30% }
  21. </style>
  22.  
  23.    <style>
  24.       body { background-color:#CCC }
  25.      #map-outer {  height: 440px;
  26.                     padding: 20px;
  27.                     border: 2px solid #CCC;
  28.                     margin-bottom: 20px;
  29.                     background-color:#FFF }
  30.       #map-container { height: 400px }
  31.       @media all and (max-width: 991px) {
  32.         #map-outer  { height: 650px }
  33.         }
  34.     </style>
  35.  
  36.     <style>
  37.       #map-container { height: 300px }
  38.    </style>
  39. </head>
  40. <body>
  41.     <div class="container">
  42.   <div class="row">
  43.       <div id="map-outer" class="col-md-12">
  44.           <div id="address" class="col-md-4">
  45.             <h2>Our Location</h2>
  46.             <address>
  47.             <strong>JaringanQu</strong><br>
  48.                 PujiErmanto : 08787-8693-7368 - 08953-4504-1053<br>
  49.                 Jilly Tijanlina : 0895-2375-4635<br>
  50.                 Soreang<br>
  51.                 Bandung<br>
  52.                 <abbr></abbr> +39 041 240 5411
  53.            </address>
  54.           </div>
  55.         <div id="map-container" class="col-md-8"></div>
  56.       </div><!-- /map-outer -->
  57.   </div> <!-- /row -->
  58.  
  59.   <div class="row">
  60.   <form class="form-horizontal" name="commentform">
  61.     <div class="form-group">
  62.         <div class="col-md-4">
  63.             <input type="text" class="form-control" id="first_name" name="first_name" placeholder="First Name"/>
  64.         </div>
  65.         <div class="col-md-4">
  66.             <input type="text" class="form-control" id="last_name" name="last_name" placeholder="Last Name"/>
  67.         </div>
  68.         <div class="col-md-4 input-group">
  69.         <span class="input-group-addon">@</span>
  70.             <input type="email" class="form-control" id="email" name="email" placeholder="Email Address"/>
  71.         </div>
  72.     </div>
  73.     <div class="form-group">
  74.         <div class="col-md-12">
  75.             <textarea rows="6" class="form-control" id="comments" name="comments" placeholder="Your question or comment here"></textarea>
  76.         </div>
  77.     </div>
  78.     <div class="form-group">
  79.         <div class="col-md-6">
  80.             <button type="submit" value="Submit" class="btn btn-warning pull-right">Send</button>
  81.         </div>
  82.     </div>
  83. </form>
  84. </div><!-- /row -->
  85. </div><!-- /container -->
  86.  
  87.     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  88.    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
  89.    <!-- Include all compiled plugins (below), or include individual files as needed -->
  90.    <script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/js/bootstrap.min.js"></script>
  91.    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
  92. <script>   
  93.  
  94.      function init_map() {
  95.         var var_location = new google.maps.LatLng(-7.0263127,107.5157768);
  96.  
  97.        var var_mapoptions = {
  98.          center: var_location,
  99.          zoom: 14
  100.        };
  101.  
  102.         var var_marker = new google.maps.Marker({
  103.             position: var_location,
  104.            map: var_map,
  105.             title:"Venice"});
  106.  
  107.        var var_map = new google.maps.Map(document.getElementById("map-container"),
  108.            var_mapoptions);
  109.  
  110.         var_marker.setMap(var_map);
  111.  
  112.      }
  113.  
  114.      google.maps.event.addDomListener(window, 'load', init_map);
  115.  
  116.    </script>
  117.     <script>   
  118.  
  119.      function init_map() {
  120.         var var_location = new google.maps.LatLng(-7.0263127,107.5157768);
  121.  
  122.        var var_mapoptions = {
  123.          center: var_location,
  124.          zoom: 14
  125.        };
  126.  
  127.         var var_marker = new google.maps.Marker({
  128.             position: var_location,
  129.             map: var_map,
  130.             title:"Venice"});
  131.  
  132.        var var_map = new google.maps.Map(document.getElementById("map-container"),
  133.            var_mapoptions);
  134.  
  135.         var_marker.setMap(var_map);
  136.  
  137.      }
  138.  
  139.      google.maps.event.addDomListener(window, 'load', init_map);
  140.  
  141.    </script>
  142.     <script src="https://maps.googleapis.com/maps/api/js?key= AIzaSyAKP2vl4cSKjlqMkO5nGxlDYD0PSM28vVA&callback=initMap"
  143.    async defer></script>
  144. </body>
  145. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!