grantcallendar/app/views/home/contact.html.erb

91 lines
2.5 KiB
Plaintext

<section class="content-header">
<div class="container-fluid">
<div class="row mb-2">
<div class="col-sm-2">
</div>
<div class="col-sm-8">
<h1>Kontakt</h1>
</div>
<div class="col-sm-2">
</div>
</div>
</div>
</section>
<section class="content">
<div class="container-fluid">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-8">
<div class="card">
<div class="card-header">
<h3 class="card-title">Dane kontaktowe</h3>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-7" id="map_grantera">
</div>
<div class="col-md-1"></div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBB6-CyLLXNir-Mg6zYy6gcm-tzRB1Y198&callback=initMap&v=weekly&channel=2" async></script>
<div class="col-md-4">
<h2>Grantera sp. z o.o.</h2>
<p>
ul. Mikołaja Gomółki 2<br />
80-279 Gdańsk<br />
</p>
<br />
<p>
tel. 58 380 15 96<br />
tel. kom. 792 002 220<br />
info@grantera.pl<br />
</p>
<br />
<p>
KRS 0000529767,<br />
NIP 585-14-69-751<br />
</p>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-header">
<h3 class="card-title">Formularz kontaktowy</h3>
</div>
<%= render 'contact_form', email_message: @email_message %>
</div>
</div>
<div class="col-md-2"></div>
</div>
</div>
</section>
<style>
/* Set the size of the div element that contains the map */
#map_grantera {
height: 400px;
/* The height is 400 pixels */
width: 100%;
/* The width is the width of the web page */
}
</style>
<script type="text/javascript">
// Initialize and add the map
function initMap() {
// The location of Uluru
const grantera = { lat: 54.385723142691006, lng: 18.579579069489338 };
// The map, centered at Uluru
const map = new google.maps.Map(document.getElementById("map_grantera"), {
zoom: 16,
center: grantera,
});
// The marker, positioned at Uluru
const marker = new google.maps.Marker({
position: grantera,
map: map,
});
}
initMap();
</script>