@extends('web.layouts.app')

@section('title', __('about_us.seo_title'))
@section('keywords', __('homepage.keywords'))
@section('description', __('homepage.description'))

@section('wrapper-class', 'wp-page page-min-height wide')

@section('clients_active', 'active')

@section('content')
    @include('web.layouts.header')
    <main class="main page-content my-auto">
        <div class="container-fluid">
            <span class="page-title">
                {{ __('menus.clients') }}
            </span>
        </div>
        <div class="wp-clients">
            <div id="tags-cloud">
                <div class="tag-2 tag wow zoomIn" data-wow-delay="200ms">
                    <a class="tag-inner" href="http://www.eduniversal-deans-vote.com/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/ees.png') }}"/>
                    </a>
                </div>
                <div class="tag-3 tag wow zoomIn" data-wow-delay="300ms">
                    <a class="tag-inner" href="https://education-crm.com/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/edu-crm.png') }}"/>
                    </a>
                </div>
                <div class="tag-6 tag wow zoomIn" data-wow-delay="400ms">
                    <a class="tag-inner" href="http://www.eduniversal-ranking.com/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/ranking.png') }}"/>
                    </a>
                </div>
                {{-- <div class="tag-2 tag wow zoomIn" data-wow-delay="500ms">
                    <a class="tag-inner" href="http://www.apres-bac-s.com/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/guidformation.png') }}"/>
                    </a>
                </div> --}}
                <div class="tag-3 tag wow zoomIn" data-wow-delay="600ms">
                    <a class="tag-inner" href="javascript:void(0)" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/pos.png') }}" style="max-width: 90%; max-height: 90%;" />
                    </a>
                </div>
                <div class="tag-2 tag wow zoomIn" data-wow-delay="700ms">
                    <a class="tag-inner" href="https://www.studiesadvisor.net/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/sa.jpg') }}"/>
                    </a>
                </div>
                {{-- <div class="tag-2 tag wow zoomIn" data-wow-delay="800ms">
                    <a class="tag-inner" href="https://diduhoccanada.com/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/yvar_logo.png') }}"/>
                    </a>
                </div> --}}

                <div class="tag-2 tag wow zoomIn" data-wow-delay="800ms">
                    <a class="tag-inner" href="https://eduniversal-matching.com/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/logo-matching.png') }}"/>
                    </a>
                </div>
                <div class="tag-3 tag wow zoomIn" data-wow-delay="900ms">
                    <a class="tag-inner" href="http://www.financia-business-school.com/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/financia2.jpg') }}" style="max-width: 80%; max-height: 80%;"/>
                    </a>
                </div>
                <div class="tag-3 tag wow zoomIn" data-wow-delay="1000ms">
                    <a class="tag-inner" href="http://icanread.asia/franchise/?lang=en" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/i_can_read.svg') }}"/>
                    </a>
                </div>
                <div class="tag-3 tag wow zoomIn" data-wow-delay="1100ms">
                    <a class="tag-inner" href="http://coach-eduniversal-booking.com/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/coach_booking.png') }}"/>
                    </a>
                </div>
                {{-- <div class="tag-3 tag wow zoomIn" data-wow-delay="1200ms">
                    <a class="tag-inner" href="https://eduniversal-matching.com/" target="_blank">
                        <img alt="" src="{{ asset('web/images/clients/logo-matching.png') }}"/>
                    </a>
                </div> --}}
                <a class="why-not-you wow zoomIn" data-wow-delay="1200ms" href="{{ translate_route('contact.index') }}">
                    <span>
                        {!! __('labels.why_not_you') !!}
                    </span>
                    <i class="lnr lnr-arrow-right">
                    </i>
                </a>
            </div>
        </div>
    </main>
@endsection

@push('scripts')
<script type="text/javascript" src="{{ asset('web/js/masonry.pkgd.min.js') }}"></script>
<script type="text/javascript">  
    function tagsCloud() {
        if($(window).width() > 992) {
            var $container = $('#tags-cloud');
            $container.masonry({
                columnWidth: 50,
                itemSelector: '.tag'
            });
        }
    }
    tagsCloud();
</script>
@endpush