contact.html

---
layout: page
title: Contact us | HildenCo Software
permalink: /contact/
---

<!-- Slider Start -->
<section id="global-header">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          <h1>Contact us</h1>
        </div>
      </div>
    </div>
  </div>
</section>
<!-- contact form start -->
<section id="contact-form">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          <h3>Contact us</h3>
          <p>Please, specify our email and your message and we'll get back to you as soon as possible:</p>
          <p id="my-form-status"></p>
          <form action="https://formspree.io/mpzyvnna" id="my-form" method="POST">
            <div class="form-group">
              <input name="name" type="text" class="form-control" placeholder="Your Name">
            </div>
            <div class="form-group">
              <input name="email" type="email" class="form-control" placeholder="Email Address">
            </div>
            <div class="form-group-2">
              <textarea name="message" class="form-control" rows="3" placeholder="Your Message"></textarea>
            </div>
            <button class="btn btn-default" type="submit" id="my-form-button">Send Message</button>
          </form>
        </div>
      </div>
    </div>
    <div id="contact-box" class="row">
      <div class="col-md-6 col-sm-12">
        <div class="block">
          <h2>Or find us online!</h2>
          <ul class="address-block">
            <li>
              <i class="fa fa-map-marker"></i>Calgary, AB - Canada
            </li>
            <!-- <li>
              <i class="fa fa-envelope-o"></i>Email: mail@mail.com
            </li> -->
            <!-- <li>
              <i class="fa fa-phone"></i>Phone:+555 555-5555
            </li> -->
          </ul>

          <ul class="social-icons">
            <li>
              <a href="http://www.hildenco.com"><i class="fa fa-google"></i></a>
            </li>
            <li>
              <a href="http://www.linkedin.com/in/bruno.hildenbrand"><i class="fa fa-linkedin"></i></a>
            </li>
            <li>
              <a href="http://www.twitter.com/hildencosw"><i class="fa fa-twitter"></i></a>
            </li>
            <li>
              <a href="http://www.github.com/hildenco"><i class="fa fa-github"></i></a>
            </li>
          </ul>
        </div>
      </div>
      <div class="col-md-6 col-sm-12">
        <div class="block">
          <!-- <h2>We Also Count In Google Map</h2>
            <div class="google-map">
              <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3022.472979439986!2d-73.97769068489596!3d40.7516207793276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2590247c56379%3A0x15e13bea38b43e18!2sChrysler+Building!5e0!3m2!1sen!2sus!4v1477406538220" width="555" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
            </div>
        </div> -->
      </div>
    </div>
  </div>
</section>
<!-- Call to action Start -->
<section id="call-to-action">
  <div class="container">
    <div class="row">
      <div class="col-md-12">
        <div class="block">
          <h2>We design, architecture and develop cloud-based software.</h2>
          <p>
            Read more about what we do and our philosophy and drop us a note! We'll be happy to get in touch.</p>
            <a class="btn btn-default btn-call-to-action" href="{{ site.baseurl }}/contact" >Contact Us</a>
        </div>
      </div>
    </div>
  </div>
</section>


<script>
    window.addEventListener("DOMContentLoaded", function() {
  
      // get the form elements defined in your form HTML above
      
      var form = document.getElementById("my-form");
      var button = document.getElementById("my-form-button");
      var status = document.getElementById("my-form-status");
  
      // Success and Error functions for after the form is submitted
      function success() {
        form.reset();
        button.style = "display: none ";
        status.innerHTML = "Thanks! We'll get back to you as soon as possible.";
      }
  
      function error() {
        status.innerHTML = "Oops! There was a problem. Make sure you entered a valid email address.";
      }
  
      // handle the form submission event
      form.addEventListener("submit", function(ev) {
        ev.preventDefault();
        var data = new FormData(form);
        ajax(form.method, form.action, data, success, error);
      });
    });
    
    // helper function for sending an AJAX request
    function ajax(method, url, data, success, error) {
      var xhr = new XMLHttpRequest();
      xhr.open(method, url);
      xhr.setRequestHeader("Accept", "application/json");
      xhr.onreadystatechange = function() {
        if (xhr.readyState !== XMLHttpRequest.DONE) return;
        if (xhr.status === 200) {
          success(xhr.response, xhr.responseType);
        } else {
          error(xhr.status, xhr.response, xhr.responseType);
        }
      };
      xhr.send(data);
    }
  </script>