{% extends 'base.html.twig' %}

{% block title %}Services{% endblock %}

{% block body %}
  <section class="content-section" id="portfolio">
		<div class="container">
			<div class="row">
				<div class="col-lg-6 col-md-6 mt-5">
          <a href="{{path('service_show', {'id': services[6].id}) }}" class="fullscreen">
					  <img class="w-100" src="{{ asset('img/services/City pharm@2x.png')}}" alt="" id="service_img">
          </a>
					<div class="col-md-6 mobile">
            <a href="{{path('service_show', {'id': services[5].id}) }}" class="fullscreen">
              <img class="w-100" src="{{ asset('img/services/City pharm.png')}}" alt="" id="service_img">
            </a>
					</div>
				</div>
				<div class="col-lg-6 col-md-6">
          <a href="{{path('service_show', {'id': services[5].id}) }}" class="fullscreen">
					  <img class="w-100" src="{{ asset('img/services/City tour@2x.png')}}" alt="" id="service_img">
          </a>
					<div class="col-md-6 mobile">
            <a href="{{path('service_show', {'id': services[5].id}) }}" class="fullscreen">
              <img class="w-100" src="{{ asset('img/services/City tour.png')}}" alt="" id="service_img">
            </a>
					</div>
				</div>
			</div>
      <div class="row">
					<div class="col-md-12">
						<div class="single-team mb-30">
              <a href="{{path('service_show', {'id': services[11].id}) }}" class="fullscreen">
                <div class="team-img"  >
                  <img width="100%" src="{{asset('img/services/Yalidin@2x.png')}}" alt="">
                </div>
              </a>
            </div>
          </div>
					<div class="col-md-12 mobile">
						<div class="single-team mb-30">
              <a href="{{path('service_show', {'id': services[11].id}) }}" class="fullscreen">
                <div class="team-img"  >
                  <img width="100%" src="{{asset('img/services/Yalidin@2x.png')}}" alt="">
                </div>
              </a>
            </div>
          </div>
      </div>
	</section>
  <section>
    <div class="container">
      <div class="row">
        <div class="col-lg-6 col-md-6">
          <a href="{{path('service_show', {'id': services[9].id}) }}" class="fullscreen">
            <img class="w-100" src="{{ asset('img/services/Autochrono@2x.png')}}" alt="" id="service_img">
          </a>
          <div class="col-md-6 mobile">
            <a href="{{path('service_show', {'id': services[9].id}) }}" class="fullscreen">
              <img class="w-100" src="{{ asset('img/services/Autochrono.png')}}" alt="" id="service_img">
            </a>
          </div>
        </div>
        <div class="col-lg-6 col-md-6">
          <a href="{{path('service_show', {'id': services[8].id}) }}" class="fullscreen">
            <img class="w-100" height="721" src="{{ asset('img/services/Car style@2x.png')}}" alt="" id="service_img">
          </a>
          <div class="col-md-6 mobile">
            <a href="{{path('service_show', {'id': services[8].id}) }}" class="fullscreen">
              <img class="w-100" height="721" src="{{ asset('img/services/Car style.png')}}" alt="" id="service_img">
            </a>
          </div>
        </div>
      </div>
      <div class="row">
					<div class="col-md-12">
						<div class="single-team">
              <a href="{{path('service_show', {'id': services[1].id}) }}" class="fullscreen">
                <div class="team-img"  >
                  <img width="100%" src="{{asset('img/services/DHL@2x.png')}}" alt="">
                </div>
              </a>
            </div>
          </div>
					<div class="col-md-12 mobile">
						<div class="single-team">
              <a href="{{path('service_show', {'id': services[1].id}) }}" class="fullscreen">
                <div class="team-img"  >
                  <img width="100%" src="{{asset('img/services/DHL.png')}}" alt="">
                </div>
              </a>
            </div>
          </div>
      </div>
    </div>
  </section>
  <section>
    <div class="container">
      <div class="row">
        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-">
          <a href="{{path('service_show', {'id': services[0].id}) }}" class="fullscreen">
            <img class="w-100" src="{{ asset('img/services/Ooredoo@2x.png')}}" alt="" id="service_img">
          </a>
          <div class="col-md-6 mobile">
            <a href="{{path('service_show', {'id': services[0].id}) }}" class="fullscreen">
              <img class="w-100" src="{{ asset('img/services/Ooredoo.png')}}" alt="" id="service_img">
            </a>
          </div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-">
          <a href="{{path('service_show', {'id': services[2].id}) }}" class="fullscreen">
            <img class="w-100" height="681" src="{{ asset('img/services/ABC BANK@2x.png')}}" alt="" id="service_img">
          </a>
          <div class="col-md-6 mobile">
            <a href="{{path('service_show', {'id': services[2].id}) }}" class="fullscreen">
              <img class="w-100" src="{{ asset('img/services/ABC BANK.png')}}" alt="" id="service_img">
            </a>
          </div>
        </div>
        <div class="col-xl-4 col-lg-4 col-md-6 col-sm-">
          <a href="{{path('service_show', {'id': services[4].id}) }}" class="fullscreen">
            <img class="w-100" src="{{ asset('img/services/Mobilis@2x.png')}}" alt="" id="service_img">
          </a>
          <div class="col-md-6 mobile">
            <a href="{{path('service_show', {'id': services[4].id}) }}" class="fullscreen">
              <img class="w-100" src="{{ asset('img/services/Mobilis.png')}}" alt="" id="service_img">
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>
{% endblock %}