Skip to content

Latest commit

 

History

History
84 lines (72 loc) · 3.68 KB

contact.md

File metadata and controls

84 lines (72 loc) · 3.68 KB
Raw
layout permalink title tags modified comments
page
/contact/
Contact - Let us get in touch!
akash's address
akash's phone
19-11-16
false

If you have an interesting project, need help and have a question, or simply want to say hi, please do not hesitate to contact me.

<style> textarea,input { border-radius: 10px; margin-bottom: 25px; } textarea:focus,input:focus { background-color: #f7f7f7; border: 2px solid #a3a3a3; } input[type=submit]:hover { border: 1.3px solid #474545; } </style> 
<input type="text" name="name" size="100" placeholder="Name" >     
<input type="email" name="_replyto" size="100" placeholder="Email"  >
<textarea name="message" rows="7" cols="100" placeholder="Message"></textarea>
<input type="submit" value="Send" style="border-radius: 10px; width: 100%; color: white; background: #474545; cursor:pointer;">
<script> var marker; function initMap() { 
    // Create a new StyledMapType object, passing it an array of styles,
    // and the name to be displayed on the map type control.
    var styledMapType = new google.maps.StyledMapType(
        [{"featureType":"administrative","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative.province","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"landscape","elementType":"all","stylers":[{"saturation":-100},{"lightness":65},{"visibility":"on"}]},{"featureType":"poi","elementType":"all","stylers":[{"saturation":-100},{"lightness":"50"},{"visibility":"simplified"}]},{"featureType":"road","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"road.highway","elementType":"all","stylers":[{"visibility":"simplified"}]},{"featureType":"road.arterial","elementType":"all","stylers":[{"lightness":"30"}]},{"featureType":"road.local","elementType":"all","stylers":[{"lightness":"40"}]},{"featureType":"transit","elementType":"all","stylers":[{"saturation":-100},{"visibility":"simplified"}]},{"featureType":"water","elementType":"geometry","stylers":[{"hue":"#ffff00"},{"lightness":-25},{"saturation":-97}]},{"featureType":"water","elementType":"labels","stylers":[{"lightness":-25},{"saturation":-100}]}],
        {name: 'Styled Map'});

    // Create a map object, and include the MapTypeId to add
    // to the map type control.
    
    var map = new google.maps.Map(document.getElementById('map'), {
      center: {lat: 17.385044, lng: 78.486671},
      zoom: 6,
      mapTypeControlOptions: {
        mapTypeIds: ['roadmap', 'satellite', 'hybrid', 'terrain',
                'styled_map']
      }
    });
   
    //Associate the styled map with the MapTypeId and set it to display.
    map.mapTypes.set('styled_map', styledMapType);
    map.setMapTypeId('styled_map');
  
     marker = new google.maps.Marker({
      map: map,
      draggable: true,
      animation: google.maps.Animation.DROP,
      position: {lat: 17.385044, lng: 78.486671}
    });
    marker.addListener('click', toggleBounce);
  }

  function toggleBounce() {
    if (marker.getAnimation() !== null) {
      marker.setAnimation(null);
    } else {
      marker.setAnimation(google.maps.Animation.BOUNCE);
    }
  }
</script> <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBvgTAodpfgCLcfetB0Lg230CJuNUo1ewE&callback=initMap"> </script>