contact.html

---
layout: default_style
permalink: /contact
published: true
---
<div class="container">
    <div class="row">
        <div class="services-header">
		<h2 align="center" class="services-header-title"><i>Contact me</i></h2><hr>
        </div>
    </div>
</div>
<!-- Main Container -->

<div class="container-fluid-kamn">
  <div class="row">
    <div>
      <iframe width="100%" height="450px" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="{{ site.google_map }}"></iframe>
      <br />
    </div>
    <div class="container">
      <div class="col-lg-4">
        <h4>Find me at:</h4>

        <p class="block-author">{{ site.company_name }}</p>
        <p>{{ site.address_line }}</p>
       <!-- <p>Phone: {{ site.telephone_number }}</p>
        <p>Fax: {{ site.fax_number }}</p>!-->

        <p class="block-author"><em>{{ site.company_email }}</em></p> <br>
        
        <h4>On social networks:</h4>
          <div id="social-icons">
          {% if site.orcid_link %}
            <a href="{{ site.orcid_link }}" class="btn-group orcid">
              <i class="fa fa-orcid"></i>
            </a>
          {% endif %}
          
          {% if site.googlescholar_link %}
            <a href="{{ site.googlescholar_link: }}" class="btn-group googlescholar">
              <i class="fa fa-graduation-cap"></i>
            </a>
          {% endif %}
          
          {% if site.webofscience_link %}
            <a href="{{ site.webofscience_link: }}" class="btn-group webofscience">
              <i class="fa fa-flask"></i>
            </a>
          {% endif %}
          
          {% if site.researchgate_link %}
            <a href="{{ site.researchgate_link: }}" class="btn-group researchgate">
              <i class="fa fa-researchgate"></i>
            </a>
          {% endif %}
          
           {% if site.linkedin_link %}
            <a href="{{ site.linkedin_link }}" class="btn-group linkedin">
              <i class="fa fa-linkedin-square"></i>
            </a>
          {% endif %}
          
          {% if site.bluesky_link %}
            <a href="{{ site.bluesky_link }}" class="btn-group bluesky">
              <i class="fa fa-bluesky"></i>
            </a>
          {% endif %}
        </div>

        <br>
        <!-- p class="lead">Social Link</p><hr>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
          <a href="#"><img src="assets/img/social-icons/btn_skype.png" alt="Skype"></a>
          Call us
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
          <a href="#"><img src="assets/img/social-icons/btn_facebook.png" alt="Facebook"></a>
          Like us
        </div>
        <div class="col-lg-4 col-md-4 col-sm-3 col-xs-12">
          <a href="#"><img src="assets/img/social-icons/btn_twitter.png" alt="Twitter"></a>
          Follow us
        </div>
        <br !-->
      </div>

      <div class="col-lg-8">
        <div class="feedback-form">

          <div id="contact-response"></div>
          
          <form action="https://formspree.io/f/mrgdbepr" method="post" id="contact-form">
            <fieldset>
              <div class="form-group form-group-fullname">
                <label class="control-label" for="fullname">NAME *</label>
                <input type="text" class="form-control" name="fullname" id="fullname" placeholder="Enter Your Name">
              </div>
              <div class="form-group form-group-email">
                <label class="control-label" for="email">E-MAIL *</label>
                <input type="text" class="form-control" name="email" id="email" placeholder="Enter Your E-Mail">
              </div>
              <div class="form-group form-group-message">
                <label class="control-label" for="message">MESSAGE *</label>
                <textarea class="form-control" name="message" id="message" rows="3"></textarea>
              </div>           
              <button type="submit" class="btn btn-primary">Submit</button>
            </fieldset>
          </form>
          
        </div> 
      </div>
    </div>
  </div>
</div>    
    
<!--End Main Container -->