contact.html

---
title: Contato
call_to_action: Contact
background_image_path:
large_header: false
show_in_navigation: true
navigation_order: 3
map:
  latitude: -45.8787605
  longitude: 170.5027976
  zoom: 13
---

<p class="editable">
	Caso tenha encontrado algum erro em sua edição e queira prover feedback, dar sugestões ou só entrar em contato, use o formulário abaixo ou me contate nas redes sociais.
</p>

<div class="columns">
	<div class="column">
		<p class="editor-link"><a href="cloudcannon:collections/_data/company.yml" class="btn"><strong>&#9998;</strong> Update Company Details</a></p>

		<label>Linkedin</label>
		<p class="contact-info"><a href="https://www.linkedin.com/in/{{ site.data.company.linkedin }}">@{{ site.data.company.linkedin }}</a></p>

		<label>Twitter</label>
		<p class="contact-info"><a href="https://www.twitter.com/{{ site.data.company.twitter }}">@{{ site.data.company.twitter }}</a></p>

		<!-- <label>Doe bitcoin onchain</label> -->
		<!-- <address class="contact-info">{{ site.data.company.postal_address | replace: ',', '<br>' }}</address> -->
		<label>Doe bitcoin offchain</label>
		<img src="{{ site.baseurl }}/uploads/LN.png" style="max-width: 53% !important;">
		<!-- <address class="contact-info">{{ site.data.company.address | replace: ',', '<br>' }}</address> -->
	</div>

	<div class="column">
		<!-- <form method="post" action="/contact-success/"> -->
		<form method="post" action="https://formspree.io/f/mzbnldqd">
			<label for="email_address">Email</label>
			<input id="email_address" type="text" name="email">

			<label for="name">Nome</label>
			<input id="name" type="text" name="name">

			<label for="message">Mensagem</label>
			<textarea id="message" name="message"></textarea>

			<input type="hidden" name="_to" value="{{ site.data.company.contact_email_address }}">
			<input type="text" name="_gotcha" style="display: none;">

			<input type="submit" value="Enviar Mensagem">
		</form>
	</div>
</div>


{% if site.google_maps_javascript_api_key and page.call_to_action == 'Map' %}
	<script>
		window.mapData = {{ page.map | jsonify }};

		function initMap() {
			var myOptions = {
				scrollwheel: false,
				draggable: false,
				panControl: false,
				disableDefaultUI: true,
				styles: [{"featureType":"all","elementType":"labels.text.fill","stylers":[{"saturation":36},{"color":"#000000"},{"lightness":40}]},{"featureType":"all","elementType":"labels.text.stroke","stylers":[{"visibility":"on"},{"color":"#000000"},{"lightness":16}]},{"featureType":"all","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"administrative","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"administrative","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":17},{"weight":1.2}]},{"featureType":"landscape","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":20}]},{"featureType":"poi","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":21}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#000000"},{"lightness":17}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#000000"},{"lightness":29},{"weight":0.2}]},{"featureType":"road.arterial","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":18}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":16}]},{"featureType":"transit","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":19}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#000000"},{"lightness":17}]}],
				zoom: window.mapData.zoom,
				maxZoom: window.mapData.zoom,
				minZoom: window.mapData.zoom,
				center: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude),
				mapTypeId: google.maps.MapTypeId.ROADMAP
			};

			var map = new google.maps.Map(document.getElementById('map'), myOptions);

			var marker = new google.maps.Marker({
				map: map,
				position: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude)
			});

			google.maps.event.addDomListener(window, 'resize', function() {
				map.setCenter(myOptions.center);
			});
		}
	</script>
	<script async defer src="https://maps.googleapis.com/maps/api/js?key={{ site.google_maps_javascript_api_key }}&amp;callback=initMap"></script>
{% endif %}