{% embed 'WebsiteBundle:Layout:layout.html.twig' with {
metaSettings: {
'viewport': 'width=device-width, initial-scale=1',
'keywords': '',
'description': 'site.metadata.description'|trans
},
ogSettings: {
'title': 'site.metadata.title'|trans,
'image': '',
'description': 'site.metadata.description'|trans,
'url': url(app.request.get('_route'), app.request.get('_route_params'))
}
} %}

  {% block content %}
    <div id="about_us">
      <h1 class="margin">{{ 'site.aboutUs.title'|trans }}</h1>
      <div class="intro__video">
        <video width="400" controls poster="{{ asset('/img/about_prevend.jpg') }}">
          <source type="video/mp4" src="/web/uploads/videos/Over_PrevenD.mp4"/>
          {{ 'site.tutorial.support'|trans }}
        </video>
      </div>
      <hr class="small white-gray-gradient">

      <div class="info__item">
        <div class="info__item__container">
          <div class="info__item__title">
            <span class="line"></span>
            <h1>{{ 'site.aboutUs.whatWeDo.title'|trans|raw }}</h1>
          </div>
          <div class="info__item__content">
            {{ 'site.aboutUs.whatWeDo.text'|trans|raw }}
          </div>
        </div>
      </div>

      <hr class="small white-gray-gradient">

      <div class="info__item">
        <div class="info__item__container">
          <div class="info__item__title">
            <span class="line"></span>
            <h1>{{ 'site.aboutUs.whoWeAre.title'|trans|raw }}</h1>
          </div>
          <div class="info__item__content">
            {{ 'site.aboutUs.whoWeAre.text'|trans|raw }}
          </div>
        </div>
      </div>
      <hr class="small gray-white-gradient">

      <div class="images group">
        <div class="images__image">
          <img src="{{ asset('img/ChrisBaeken.jpg') }}">
          <h2>{{ 'site.aboutUs.images.dokters.ChrisBaeken'|trans }}</h2>
        </div>
        <div class="images__image">
          <img src="{{ asset('img/ErnstKoster.png') }}">
          <h2>{{ 'site.aboutUs.images.dokters.ErnstKoster'|trans }}</h2>
        </div>
        <div class="images__image">
          <img src="{{ asset('img/JanVanLooy.jpg') }}">
          <h2>{{ 'site.aboutUs.images.dokters.JanVanLooy'|trans }}</h2>
        </div>
        <div class="images__image">
          <img src="{{ asset('img/JasmienVervaeke.jpeg') }}">
          <h2>{{ 'site.aboutUs.images.dokters.JasmienVervaeke'|trans }}</h2>
        </div>
        <div class="images__image">
          <img src="{{ asset('img/KristofHoorelbeke.jpg') }}">
          <h2>{{ 'site.aboutUs.images.dokters.KristofHoorelbeke'|trans }}</h2>
        </div>
        <div class="images__image">
          <img src="{{ asset('img/SaraDeWitte.jpg') }}">
          <h2>{{ 'site.aboutUs.images.dokters.SaraDeWitte'|trans }}</h2>
        </div>
      </div>

      <hr class="small white-gray-gradient">

      <div class="info__item">
        <div class="info__item__container">
          <div class="info__item__title">
            <span class="line"></span>
            <h1>{{ 'site.aboutUs.whyWeDo.title'|trans|raw }}</h1>
          </div>
          <div class="info__item__content">
            {{ 'site.aboutUs.whyWeDo.text'|trans|raw }}
          </div>
        </div>
      </div>

      <hr class="small white-gray-gradient">

      <div class="info__item">
        <div class="info__item__container">
          <div class="info__item__title">
            <span class="line"></span>
            <h1>{{ 'site.aboutUs.howToDeal.title'|trans|raw }}</h1>
          </div>
          <div class="info__item__content">
            <p>
              {{ 'site.aboutUs.howToDeal.text'|trans|raw }}
            </p>
          </div>
        </div>
      </div>

      <hr class="small gray-white-gradient">

      <div class="info__item">
        <div class="info__item__container">
          <div class="info__item__title">
            <span class="line"></span>
            <h1>{{ 'site.aboutUs.contactUs.title'|trans|raw }}</h1>
          </div>
          <div class="info__item__content contact__info">
            <p>
              {{ 'site.aboutUs.contactUs.text'|trans|raw }}
            </p>
          </div>
        </div>
      </div>

      <hr class="small white-gray-gradient">

      <div class="info__item locations group">
        <h1 class="no__styling">{{ 'site.aboutUs.whereAreWe.title'|trans|raw }}</h1>
        <div class="location group">
          <img src="{{ asset('img/adres1.jpeg') }}">
          <div class="icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div>
          <div class="location__info">
            <h2>De Faculteit Psychologie en Pedagogische Wetenschappen</h2>
            <p>Henri Dunantlaan 2, Gent</p>
            <a class="submit__button"
               href="https://www.google.be/maps/place/Henri+Dunantlaan+2,+9000+Gent/@51.0489685,3.7011099,17z/data=!3m1!4b1!4m5!3m4!1s0x47c3716fa28e186f:0x4c47ae2bb7a4eee2!8m2!3d51.0489685!4d3.7032986?hl=en"
               target="_blank">{{ 'site.aboutUs.whereAreWe.button'|trans }}</a>
          </div>
        </div>
        <div class="location group">
          <img src="{{ asset('img/adres2.jpg') }}">
          <div class="icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div>
          <div class="location__info">
            <h2>MICT, de Waalse Krook</h2>
            <p>Miriam Makebaplein 1, Gent</p>
            <a class="submit__button" target="_blank"
               href="https://www.google.be/maps/place/De+Krook/@51.048491,3.7267303,17z/data=!3m1!4b1!4m5!3m4!1s0x47c3714effffffff:0x9b1a2c7f1cb8c825!8m2!3d51.048491!4d3.728919">{{ 'site.aboutUs.whereAreWe.button'|trans }}</a>
          </div>
        </div>
        <div class="location group">
          <img src="{{ asset('img/adres3.jpg') }}">
          <div class="icon"><i class="fa fa-map-marker" aria-hidden="true"></i></div>
          <div class="location__info">
            <h2>Het Universitair Ziekenhuis</h2>
            <p>De Pintelaan 185, Gent</p>
            <a class="submit__button" target="_blank"
               href="https://www.google.be/maps/place/De+Pintelaan+185,+9000+Gent/@51.0244578,3.7221888,16.67z/data=!4m5!3m4!1s0x47c373f06a4fd043:0x385f826c89941b97!8m2!3d51.0245573!4d3.7252219">{{ 'site.aboutUs.whereAreWe.button'|trans }}</a>
          </div>
        </div>
      </div>

      <hr class="small white-gray-gradient">

      <div class="info__item">
        <div class="info__item__container">
          <div class="logos">
            <a class="logo" href="http://www.fwo.be/" target="_blank"><img src="{{ asset('../img/fwo.jpg') }}"></a>
            <a class="logo" href="http://www.iwt.be/" target="_blank"><img src="{{ asset('../img/iwt.jpg') }}"></a>
            <a class="logo" href="http://www.ugent.be/" target="_blank"><img src="{{ asset('../img/ugent.png') }}"></a>
            <a class="logo" href="http://www.uzgent.be/" target="_blank"><img
                      src="{{ asset('../img/uzgent.jpg') }}"></a>
            <a class="logo" href="http://www.bazookas.be/" target="_blank"><img
                      src="{{ asset('../img/bazookas.png') }}"></a>
          </div>
        </div>
      </div>

      <div id="backToTop">
        <i class="fa fa-arrow-up" aria-hidden="true"></i>
      </div>

    </div>
  {% endblock %}
  {% block footer %}
    {% include 'WebsiteBundle:Layout/Partials:_footer.html.twig' %}
  {% endblock %}
{% endembed %}