contact.njk

{% extends "_common.njk" %}

{% block content %}

<h2 class="titleH2 display-3">Contacts us</h2>
<article>
  <div class="container-fluid googlemap">
    <div class="row">
      <div class="col-md-8">
        <iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=stockolm&t=&z=13&ie=UTF8&iwloc=&output=embed"></iframe>
      </div>
      <div class="col-md-4">
        <h3>Here is our HQ</h3>
        <address>
          <p><strong>Innovation.io<strong></p>
          <p>Odensvikgodmorgon Street 66, 11630 Stockholm, Sweden</p>
          <p>Tel: +46 1234 5678</p>
          <p>Fax: +46 1234 5679</p>
        </address>
      </div>
  </div>
</article>

<article class="container-fluid">
  <div class="row">
    <div class="col-md-6">
      <blockquote class="blockquote2">
          <p class="mb-0">If you want to contact us, please use this form! We will answer you as soon as possible! I promise!</p>
          <footer class="blockquote-footer">Kitten DRÖNA
          </footer>
      </blockquote>
      <img src="./img/member7.jpg" class="img-thumbnail" style="width:80%">
    </div>

    <form class="col-md-6 formSend">
      <div class="form-row">
        <div class="form-group col-md-6">
          <label for="inputEmail4">Email</label>
          <input type="email" class="form-control" id="inputEmail4" placeholder="Email">
        </div>
      </div>
      <div class="form-group"> <!-- Message field -->
        <label class="control-label " for="message">Message</label>
        <textarea class="form-control" cols="40" id="message" name="message" rows="10"></textarea>
        <button type="submit" class="btn btn-primary btnForm">Send</button>
      </div>
    </form>

  </div>
</article>

{% endblock %}