@extends($user_shop ?'web.user.layouts.layout' : 'web.layouts.layout')

@section('content')

    <section class="page-header page-header-xlg parallax parallax-3"
             style="background-image:url('/assets/images/vision-min.jpg')">
        <div class="overlay dark-1"><!-- dark overlay [1 to 9 opacity] --></div>

        <div class="container">
        </div>
    </section>
    <!-- /PAGE HEADER -->

    <section>
        <div class="container">

            <div class="row">
                <!-- LEFT COLUMNS -->
                <div class="col-md-9 col-sm-9 col-md-push-3 col-sm-push-3">
                    <h1>{!! __('webcontent.compatibility_with_family_private_life') !!}</h1>

                    <div class="row">

                        <div class="col-md-12">
                            <p>{!! __('webcontent.compatibility_with_family_copy1') !!} </p>
                            <img class="img-fluid" src="/assets/images/mutter-kind.jpg" alt=""/>
                            <br><br>
                            <p>{!! __('webcontent.compatibility_with_family_copy2') !!}</p>
                            {!! __('webcontent.compatibility_with_family_list') !!} 
                        </div>

                        <div class="col-md-12">
                            <hr>
                        </div>
                        <div class="col-md-12">
                            <h2>{!! __('webcontent.women_direct_sales_hl') !!} </h2>
                            <p>{!! __('webcontent.women_direct_sales_copy') !!}</p>

                        </div>

                        @include('web.templates._content_contact')
                    </div>
                </div>
                <!-- /LEFT COLUMNS -->

                <!-- RIGHT COLUMNS -->
                <div class="col-md-3 col-sm-3 col-md-pull-9 col-sm-pull-9">
                    @include('web.templates._bcategories')
                </div>
                <!-- /RIGHT COLUMNS -->

            </div>

        </div>
    </section>


@endsection