@extends('layouts.app')
@section('title', 'Pareto Health 2020 Recap')

@section('content')
<div class="page-bg3">
	<div class="container-md">
        <div class="row h-100 py-3">
            <div class="col-md-6 p-3 my-auto">
                <div><img class="img-fluid" src="{{ asset('images/the_pulse_logo_pareto.png') }}"></div>
            </div>
            <!-- Mobile separator -->
            <div class="col-12 d-md-none">
                <div class="page-hor-separator"></div>
            </div>
            <!-- Mobile separator ends -->
        </div>

        <!-- Desktop mobile separator -->
        <div class="d-none d-md-block page-hor-separator justify-content-center"></div>
        <!-- Desktop mobile separator ends -->

        <div class="row">
            <div class="col-md-12">
                <h1 class="my-4 text-center text-md-left gotham-bold page-title">Pareto Health 2020 Recap</h1>
                <p class="page-headline gotham-bold">Every year, we come up with internal goals to make achieving your business objectives easier.</p>
                <p class="page-headline gotham-bold">Last fall, we integrated a number of popular cost containment solutions into a turnkey, unified platform to:</p>
            </div>
        </div>
        <div class="row text-md-left">
            <div class="col-md-12">
                <ul class="pb-4">
                    <li>Maximize the value of said solutions</li>
                    <li>Connect data and analysis to clinical intervention and/or prescribed cost containment strategies</li>
                    <li>Deliver new and enhanced versions of previously available products and solutions moving forward</li>
                    <li>Assume a larger role in:
                        <ul>
                            <li>Simplifying program implementation </li>
                            <li>Increasing solution effectiveness </li>
                            <li>Reducing the cost of care</li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

{{-- Include the pointer section  --}}
@include('includes.pointer_section')
{{-- Include the pointer section  --}}

<div class="container-md pb-5 px-0">
    <div class="row mx-auto col-md-15 text-center">
        <div class="section-one-line line-bar mt-5">
            <button id="section-one-parent" type="button" class="col-2 one one-color badge progress-text progress-btn border-0" data-toggle="collapse" data-target="#section-one" aria-expanded="false" aria-controls="section-one">1</button>
        </div>
        <div class="section-one-line line-bar progress col-3 col-md-3 col-sm-3 pl-0 pr-0 mt-5">
            <div class="progress-bar-one-five progress-bar-success" style="width:100%"></div>
        </div>

        <div class="section-two-line line-bar mt-5">
            <button id="section-two-parent" type="button" class="col-2 two two-color badge progress-text progress-btn border-0" data-toggle="collapse" data-target="#section-two" aria-expanded="false" aria-controls="section-two">2</button>
        </div>
        <div class="section-two-line line-bar progress col-3 col-md-3 col-sm-3 pl-0 pr-0 mt-5">
            <div class="progress-bar-two-four progress-bar-success" style="width:100%"></div>
        </div>  

        <div class="section-three-line line-bar mt-5">
            <button id="section-three-parent" type="button" class="col-2 three three-color badge progress-text progress-btn border-0" data-toggle="collapse" data-target="#section-three" aria-expanded="false" aria-controls="section-three">3</button>
        </div>
        <div class="section-three-line line-bar progress col-3 col-md-3 col-sm-3 pl-0 pr-0 mt-5">
            <div class="progress-bar-three progress-bar-success" style="width:100%"></div>
        </div> 
        
        <div class="section-four-line line-bar mt-5">
            <button id="section-four-parent" type="button" class="col-2 four four-color badge progress-text progress-btn border-0" data-toggle="collapse" data-target="#section-four" aria-expanded="false" aria-controls="section-four">4</button>
        </div>
        <div class="section-four-line line-bar progress col-3 col-md-3 col-sm-3 pl-0 pr-0 mt-5">
            <div class="progress-bar-two-four progress-bar-success" style="width:100%"></div>
        </div>
        
        <div class="section-five-line line-bar mt-5">
            <button id="section-five-parent" type="button" class="col-2 five five-color badge progress-text progress-btn border-0" data-toggle="collapse" data-target="#section-five" aria-expanded="false" aria-controls="section-five">5</button>
        </div>
        <div class="section-five-line line-bar progress col-3 col-md-3 col-sm-3 pl-0 pr-0 mt-5"> 
            <div class="progress-bar-one-five progress-bar-success" style="width:100%"></div>
        </div>
    </div>
</div>

{{-- Include the accordion section  --}}
@include('includes.accordion_section')
{{-- End of the accordion section  --}}

<div class="mx-auto page-bg-blue-gradient-ext py-5">
    <h5 class="container-md ml-auto text-md-left page-banner-footer font-weight-bold text-padded">During a year like no other, milestones continued to be realized—not only on our team, but also among our expanding community of entrepreneurs. We appreciate your partnership. We are grateful for your unwavering determination to provide better employee benefits at lower, more predictable costs. From both a macro and micro level: it’s a great time to be self-insured.</h5>
</div>

<div class="mx-md-auto py-5">
    <div class="container-md ml-auto text-md-left page-headline-black">Craving concrete data? We’ll zero in on impact numbers for Quantum Health and Pareto Rx Consortium in our next newsletter. We’d also love to highlight successes with CancerCARE+ and KISx card—please reach out to Hannah at <a href="mailto:nickerson@paretocaptive.com">nickerson@paretocaptive.com</a> if you’d like to share your story. </div>
</div>
@endsection

@push('style')
  <link type="text/css" rel="stylesheet" href="{{ mix('/css/init.css') }}"  media="screen,projection"/>
  <link type="text/css" rel="stylesheet" href="{{ mix('/css/page.css') }}"  media="screen,projection"/>
  <link type="text/css" rel="stylesheet" href="{{ mix('/css/columns.css') }}"  media="screen,projection"/>
	<link type="text/css" rel="stylesheet" href="{{ mix('/css/footer.css') }}"  media="screen,projection"/>
@endpush
@push("script")
  <script type="text/javascript" src="{{ mix('/js/page.js') }}"></script>
@endpush