@extends('layouts.app', [
    'name' => 'about',
    'title' => 'About'
])

@section('content')
<section id="about-section" class="section">
    <div class="container">
        <div class="row no-padding">
            <div class="col m10 push-m1 hide-on-med-and-down">
                <div class="row">
                    <div class="card horizontal z-depth-0">
                        <div class="card-image col s4 no-padding">
                            <img src="{{ asset('images/misc/portrait.jpg') }}">
                        </div>
                        <div class="valign-wrapper card-content col s8">
                            <p>
                                @lang('about.bio.' . app('domain'))
                            </p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col s12 hide-on-large-only">
                <div id="small-card" class="card z-depth-0">
                    <div class="card-image">
                        <img src="{{ asset('images/misc/portrait.jpg') }}">
                    </div>
                    <div class="card-content">
                        <p>
                            @lang('about.bio.' . app('domain'))
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>


    @domain('sophiejacqmin')
    <div class="row logos">
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Center Parks.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Kempinski.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Barrière.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Oetker.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/ClubMed.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/PierreEtVacances.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Vienna House.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Compagnie des alpes.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Altarea Cogedim.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Villages Nature.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Royal Mansour.jpg') }}">
        </div>

        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Marithe francois girbaud.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Bistro de l\'arc.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/McCann.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Yamakado.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Grevin.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Petit Bateau.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Algonquin.png') }}">
        </div>
        <div class="col s3 l2 offset-l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Le Public Systeme.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Fnac.png') }}">
        </div>
        <div class="col s3 offset-s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Cirque du soleil.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Saab.png') }}">
        </div>
    </div>
    @else
    <div class="row logos">
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Center Parks.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Kempinski.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Barrière.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Oetker.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/ClubMed.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/PierreEtVacances.png') }}">
        </div>
        <div class="col s3 l2 offset-l1 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Vienna House.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Compagnie des alpes.png') }}">
        </div>
        <div class="col offset-s1 s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Villages Nature.png') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Royal Mansour.jpg') }}">
        </div>
        <div class="col s3 l2 xl1">
            <img class="responsive-img" src="{{ asset('images/brands/Fnac.png') }}">
        </div>
    </div>
    @enddomain
</section>
@endsection