
 
  	<!-- Section: Services -->
    <section id="services">
      <div class="container" >
        <div class="section-title mb-50">
          <div class="row">
            <div class="col-md-6 col-md-offset-3  text-center">
              <h2 class="title text-uppercase"> <span class="text-theme-colored2">Servislerimiz</span></h2>
              <p>En iyi olmanız için size sunduğumuz hizmetlerimizden yararlanabilirsiniz</p>
              <div class="line-bottom-centered"></div>
            </div>
          </div>
        </div>
        <div class="section-content">
          <div class="row">
          	{% for service in services %}
            <a href="{{ '/services/' + service._id + '/details' }}" title="{{service.sectionGrup}}" >
            <div class="col-xs-12 col-sm-6 col-md-4" >
              <div class="service-box text-center p-30 mb-30 bg-silver-light hover-box-shadow" style="height:370px;">
                <i class="  text-theme-colored2 font-48 mb-15"> <img  class="icon-resimli" src="/service/{{ service.id }}/{{ service.smallimageUrl }}" ></i> 
                <h4 class="media-heading heading font-weight-600">{{ service.sectionGrup }}</h4>
                <p>{{ service.subtitle }}</p>
              </div>
            </div>
            </a>
            {% endfor %}
            
          </div>
        </div>
      </div>
    </section>

    
