@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.direct_sales_advantages_hl') !!}</h1>
                    {!! __('webcontent.direct_sales_advantages_copy') !!} 
                    <hr>

                    <h2>{!! __('webcontent.direct_sales_exactly_hl') !!}</h2>
                    {!! __('webcontent.direct_sales_exactly_copy') !!} 
                
                    <div class="row">
                        <div class="col-md-8">
                            <img class="img-fluid" src="/assets/images/mivita-direktvertrieb.jpg"
                                 alt="MIVITA Direktvertrieb"/>
                        </div>


                        <div class="col-md-4">
                            <h3>{!! __('webcontent.advantages_MIVITA_hl') !!}</h3>
                            <p>{!! __('webcontent.advantages_MIVITA_subl') !!}</p>
                            {!! __('webcontent.advantages_MIVITA_list') !!} 
                            <p class="text-muted small"><strong>{!! __('webcontent.advantages_MIVITA_botl') !!}</strong></p>
                        </div>
                    </div>

                    <hr>
                    
                    <h2>{!! __('webcontent.advantages_direct_sales_hl') !!}</h2>
                    <p><strong>{!! __('webcontent.advantages_direct_sales_subl') !!}</strong></p>
                    {!! __('webcontent.advantages_direct_sales_list') !!} 
                
                    @include('web.templates._content_contact')
                </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