---
layout: agency
title: Contact
---

<!-- Hero (Parallax) and nav -->
<div
  class="hero parallax is-cover is-relative is-default is-bold"
  data-background="https://via.placeholder.com/1920x1080"
  data-color="#000"
  data-color-opacity="0.3"
  data-demo-background="assets/img/demo/agency/agency3.jpg"
  data-page-theme="teal"
>
  {{> navbar-fade-agency}}

  <!-- Hero image -->
  <div id="main-hero" class="hero-body">
    <div class="container has-text-centered">
      <div class="columns is-vcentered">
        <!-- Page Heading -->
        <div
          class="column is-6 is-offset-3 has-text-centered is-header-caption"
        >
          <h1 class="title main-title subpage-title text-bold is-2">
            CONTACT US
          </h1>
          <h2 class="subtitle is-4 light-text pt-20">
            Wether you want to start a project with us or just ask us a
            question, we are here for you.
          </h2>
          <br />
        </div>
      </div>
    </div>
  </div>
</div>

<!-- Contact details section -->
<div class="section is-medium">
  <div class="container">
    <div class="columns has-text-centered">
      <div class="column is-hidden-mobile"></div>
      <!-- Icon box -->
      <div class="column is-3">
        <div class="shadow-icon-box">
          <span><i class="fa fa-map fa-lg"></i></span>
        </div>
        <div class="shadow-title dark-text">Address</div>
        <div class="description shadow-description">
          48, Church Street, First district
          <br />59852 New York, USA
        </div>
      </div>
      <!-- Icon box -->
      <div class="column is-3">
        <div class="shadow-icon-box">
          <span><i class="fa fa-envelope fa-lg"></i></span>
        </div>
        <div class="shadow-title dark-text">Email</div>
        <div class="description shadow-description">
          hello@bulkit.io
          <br />
        </div>
      </div>
      <!-- Icon box -->
      <div class="column is-3">
        <div class="shadow-icon-box">
          <span><i class="fa fa-phone-square fa-lg"></i></span>
        </div>
        <div class="shadow-title dark-text">Phone</div>
        <div class="description shadow-description">
          +1 555 306 87
          <br />
        </div>
      </div>
      <div class="column is-hidden-mobile"></div>
    </div>
  </div>
</div>

<!-- Map and contact form section -->
<div class="section no-padding">
  <div class="container is-fluid no-margin no-padding">
    <div class="columns is-gapless is-not-tablet-portrait">
      <!-- Contact form -->
      <div class="column is-6">
        <div class="contact-form-wrapper">
          <div>
            <h2 class="form-title has-text-centered">Say Hello !</h2>
            <p class="has-text-centered pt-10">
              Feel free to send us a little message. We'll get back to you as
              soon as possible.
            </p>
            <form class="pl-20 pr-20">
              <div class="columns">
                <div class="column is-8 is-offset-2">
                  <div class="columns is-vcentered">
                    <div class="column is-4">
                      <!-- Form field -->
                      <div class="control-material is-primary">
                        <input class="material-input" type="text" required="" />
                        <span class="material-highlight"></span>
                        <span class="bar"></span>
                        <label>Name *</label>
                      </div>
                      <!-- /Form field -->
                    </div>
                    <div class="column is-4">
                      <!-- /Form field -->
                      <div class="control-material is-primary">
                        <input class="material-input" type="text" required="" />
                        <span class="material-highlight"></span>
                        <span class="bar"></span>
                        <label>Email *</label>
                      </div>
                      <!-- /Form field -->
                    </div>
                    <div class="column is-4">
                      <!-- Form field -->
                      <div class="control-material is-primary">
                        <input class="material-input" type="text" required="" />
                        <span class="material-highlight"></span>
                        <span class="bar"></span>
                        <label>Company</label>
                      </div>
                      <!-- /Form field -->
                    </div>
                  </div>
                  <!-- Form field -->
                  <div class="control-material is-primary">
                    <textarea rows="2"></textarea>
                    <span class="material-highlight"></span>
                    <span class="bar"></span>
                    <label>Message *</label>
                  </div>
                  <!-- /Form field -->
                  <div class="mb-20">
                    <!-- Form submit -->
                    <button
                      type="submit"
                      class="
                        button button-cta
                        btn-align
                        primary-btn
                        btn-outlined
                        is-bold is-fullwidth
                        rounded
                        no-lh
                      "
                    >
                      Send message
                    </button>
                    <!-- /Form submit -->
                  </div>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>

      <!-- Google map -->
      <div class="column">
        <div id="half-map" class="half-map"></div>
      </div>
    </div>
  </div>
</div>

{{> footer-dark}}