contact.html

---
layout: default
---
<section>
  <div class="row small-collapse large-uncollapse">
    <div class="large-4 columns">
      <h1>Kontakt</h1>
      <p>
        Chcesz do nas dołączyć?<br>
        Masz pomysł na prelekcję?<br>
        A może chciałbyś zostać naszym sponsorem?
      </p>
      <p>E-mail: <a href="mailto:skn.epicentrum@gmail.com">skn.epicentrum@gmail.com</a></p>
    </div>

    <div class="large-4 columns">
      <h1>Odwiedź nas</h1>
      <p>
        Koło Naukowe Epicentrum<br>
        Katedra Lingwistyki Komputerowej, pok. 3.232<br>
        Wydział Zarządzania i Komunikacji Społecznej UJ<br>
        ul. prof. Stanisława Łojasiewicza 4<br>
        30-348 Kraków
      </p>
    </div>

    <div class="large-4 columns">
      <h1>My w sieci</h1>
      <p>
        Facebook koła: <a href="http://www.facebook.com/kn.epicentrum" target="_blank">fb.com/kn.epicentrum</a><br>
        Facebook EPI UJ: <a href="http://www.facebook.com/epi.uj" target="_blank">fb.com/epi.uj</a><br>
        Strona kierunku: <a href="http://www.epi.uj.edu.pl" target="_blank">epi.uj.edu.pl</a>
      </p>
    </div>
  </div>

  <script src="https://maps.googleapis.com/maps/api/js"></script>
  <script>
    function initializeGoogleMap() {
      var myLatlng = new google.maps.LatLng(50.029939, 19.908307);
      var mapCanvas = document.getElementById('google-map-canvas');
      var mapOptions = {
        center: myLatlng,
        zoom: 17,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        styles: [{"stylers":[{"visibility":"on"},{"saturation":-100},{"gamma":0.54}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"water","stylers":[{"color":"#4d4946"}]},{"featureType":"poi","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels.text","stylers":[{"visibility":"simplified"}]},{"featureType":"road","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.local","elementType":"labels.text","stylers":[{"visibility":"simplified"}]},{"featureType":"water","elementType":"labels.text.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"transit.line","elementType":"geometry","stylers":[{"gamma":0.48}]},{"featureType":"transit.station","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"gamma":7.18}]}]
      }
      var map = new google.maps.Map(mapCanvas, mapOptions)
      var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title: 'Koło Naukowe Epicentrum'
      });
    }

    google.maps.event.addDomListener(window, 'load', initializeGoogleMap);
  </script>

  <div class="row small-collapse large-uncollapse">
    <div class="large-12 columns">
      <div id="google-map-canvas"></div>
    </div>
  </div>

  <form method="POST" action="https://formspree.io/skn.epicentrum@gmail.com">
    <div class="row small-collapse large-uncollapse">
      <div class="large-4 columns">
        <input type="text" name="first_name" placeholder="Imię" required>
        <input type="text" name="last_name" placeholder="Nazwisko" required>
        <input type="email" name="email" placeholder="E-mail" required>
      </div>
      <div class="large-8 columns">
        <textarea name="message" placeholder="Wiadomość" required></textarea>
        <button type="submit" class="button-filled" onClick="ga('send', 'event', { eventCategory: 'Kontakt', eventAction: 'Wysłanie formularza', eventLabel: 'Wiadomość'});">Wyślij</button>
      </div>
    </div>
  </form>
</section>