<section id="about" class="bg-silver-light">
      <div class="container">
        <div class="section-content">
        {% for item in section.items %}
          <div class="row">
            <div class="col-md-6">
              <h3 class="font-32 font-weight-600 mt-0">{{ item.title }}</h3>
              <p class="font-16 mt-15 mb-15">{{ item.subtitle }}</p>
              <ul class=" onepage-nav">
              <li ><a href="/#contact" class="btn btn-theme-colored2 pt-10 pb-10 mt-10">Şimdi İletişime Geç</a></li>
             
            </ul>
              
            </div>
            <div class="col-md-6">
              <div class="box-hover-effect about-video mt-sm-30">
                <div class="effect-wrapper">
                  <div class="thumb">
                    <img class="img-fullwidth" src="/section/{{ section.id }}/{{ item.imageUrl }}" alt="">
                  </div>
                  <div class="video-button"></div>
                  <a class="hover-link" data-lightbox-gallery="youtube-video" href="{{ item.imageUrl }}" title="Youtube Video">Video</a>
                </div>
              </div>
            </div> 
          </div>
          {% endfor %}
        </div>
      </div>
    </section>

