@extends('web.layouts.app')

@section('title', __("Silkwires Digital agency") . ' - ' . __("Studies Cases"))
@section('keywords', __('homepage.keywords'))
@section('description', __('homepage.description'))

@section('wrapper-class', 'wp-page page-index')

@section('clients_active', 'active')

@section('content')
    @include('web.home.header_home')
    <section class="banner-sw">
      <div class="container">
        <div class="row">
          <div class="col-md-12 text-center">
            <h1 class="banner-sw-heading text-uppercase mb-4 wow fadeInUp">{{ __("Studies Cases")}}</h1>
            <div class="filter-btn wow zoomIn mb-lg-0 mb-2 text-center position-relative">
              <a class="f-item mb-lg-4 mb-2" href="#ongoing">ongoing platform development</a>
              <a class="f-item mb-lg-4 mb-2" href="#education">Ecommerce platform</a>
              <a class="f-item mb-lg-4 mb-2" href="#ecommerce">Education Field</a>
              <a class="f-item mb-lg-4 mb-2" href="#website">Websites</a>
            </div>
          </div>
        </div>
      </div>
    </section>

    <main class="main my-auto">
      <div class="section-studies sections pt-5">
        <div id="ongoing" class="section-studies-item py-0">
          <div class="container">
            <div class="row">
              <div class="col-lg-8 mx-auto mb-5">
                <h2 class="mb-0 py-2 text-center section-studies-title wow fadeInUp" data-wow-delay=".3s"><span class="d-inline-block text-uppercase text-primary">ongoing platform development</span></h2>
              </div>
            </div>
            <div class="row">
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-your-pos.jpg') }}" alt='{{ __("Your POS")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Your POS")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-silecs-tv.jpg') }}" alt='{{ __("Silecs TV")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Silecs TV")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-huggr.jpg') }}" alt='{{ __("HugGr")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("HugGr")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-education-crm.jpg') }}" alt='{{ __("Education CRM")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Education CRM")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-best-golf-course.jpg') }}" alt='{{ __("Best Golf Course")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Best Golf Course")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-best-forex-brokers.jpg') }}" alt='{{ __("BEST FOREX BROKERS")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("BEST FOREX BROKERS")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-la-plateforme.jpg') }}" alt='{{ __("la plateforme du professeur")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("la plateforme du professeur")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-meilleurs-masters.jpg') }}" alt='{{ __("meilleurs masters")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("meilleurs masters")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-eduniversal-ranking.jpg') }}" alt='{{ __("Eduniversal Ranking")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Eduniversal Ranking")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-eduniversal-dean.jpg') }}" alt='{{ __("Eduniversal Deans Votes")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Eduniversal Deans Votes")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-eduniversal-data.jpg') }}" alt='{{ __("Eduniversal Data")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Eduniversal Data")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-eduniversal-matching.jpg') }}" alt='{{ __("Eduniversal Matching")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Eduniversal Matching")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-eduniversal-link.jpg') }}" alt='{{ __("Eduniversal link")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Eduniversal link")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-studies-advisor.jpg') }}" alt='{{ __("Studies advisor")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Studies advisor")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/on-alerti.jpg') }}" alt='{{ __("alerti")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("alerti")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div><!--item-->

        <div id="education" class="section-studies-item py-0">
          <div class="container">
            <div class="row">
              <div class="col-lg-8 mx-auto mb-5">
                <h2 class="mb-0 py-2 text-center section-studies-title wow fadeInUp" data-wow-delay=".3s"><span class="d-inline-block text-uppercase text-primary">Ecommerce platform</span></h2>
              </div>
            </div>
            <div class="row">
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/ecommerce-le-swap.jpg') }}" alt='{{ __("Le swap")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Le swap")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/ecommerce-beau-oui.jpg') }}" alt='{{ __("Beau oui")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Beau oui")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/ecommerce-reverie.jpg') }}" alt='{{ __("reverie")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("reverie")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div><!--item-->

        <div id="ecommerce" class="section-studies-item py-0">
          <div class="container">
            <div class="row">
              <div class="col-lg-8 mx-auto mb-5">
                <h2 class="mb-0 py-2 text-center section-studies-title wow fadeInUp" data-wow-delay=".3s"><span class="d-inline-block text-uppercase text-primary">Education Field</span></h2>
              </div>
            </div>
            <div class="row">
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/education-financia.jpg') }}" alt='{{ __("Financia business school")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Financia business school")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/education-exchange.jpg') }}" alt='{{ __("Exchange college")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Exchange college")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/education-ecema.jpg') }}" alt='{{ __("ecema")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("ecema")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/education-metaverse.jpg') }}" alt='{{ __("metaverse college")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("metaverse college")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/education-groupe-ics.jpg') }}" alt='{{ __("Groupe ics")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Groupe ics")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/education-college-paris.jpg') }}" alt='{{ __("College de paris")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("College de paris")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/education-alternis.jpg') }}" alt='{{ __("Alternis business school")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Alternis business school")}}</h4>
                    </div>
                  </div>
                </div>
              </div>

            </div>
          </div>
        </div><!--item-->
        
        <div id="website" class="section-studies-item py-0">
          <div class="container">
            <div class="row">
              <div class="col-lg-8 mx-auto mb-5">
                <h2 class="mb-0 py-2 text-center section-studies-title wow fadeInUp" data-wow-delay=".3s"><span class="d-inline-block text-uppercase text-primary">Websites</span></h2>
              </div>
            </div>
            <div class="row">
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/web-arch-solutions.jpg') }}" alt='{{ __("arch solutions")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("arch solutions")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/web-ulysse.jpg') }}" alt='{{ __("Ulysse")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Ulysse")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInLeft" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/web-torrex.jpg') }}" alt='{{ __("Torrex")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("Torrex")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
              <div class="s-item col-md-6 mb-5 pb-lg-4 pb-0 wow fadeInRight" data-wow-delay=".3s">
                <div class="d-flex flex-column h-100 text-center">
                  <div class="studies-img d-flex align-items-center justify-content-center h-100 mb-3">
                    <img src="{{ asset('web/images/studies-case/projects/web-issayah.jpg') }}" alt='{{ __("issayah villa")}}' />
                  </div>
                  <div class="studies-block pl-md-5 mt-auto">
                    <div class="d-inline-block">
                      <h4 class="my-md-2 text-uppercase text-primary">{{ __("issayah villa")}}</h4>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div><!--item-->

      </div>
    </main>
@include('web.layouts.footer')
@endsection