<div class="list-row">
    <div class="icon-background"></div>

    <div class="information offset-3 grid3">
        <h3>@lang('translations.gripp-energie.title')</h3>

        <p>@lang('translations.gripp-energie.text')</p>
    </div>

    <div class="list-block offset-2 grid3">
        <div class="first-block">
            <h2>@lang('translations.why-gripp.title')</h2>

            <p class="list-text">@lang('translations.why-gripp.subTitle')</p>
            <hr/>
            <ul class="scroll-animation">
                @foreach(trans('translations.why-gripp.list') as $item)
                    <li>{{$item}}</li>
                @endforeach
            </ul>
            <div class="shadow"></div>
        </div>
        <div class="second-block">
            <a href="tel:{{\Config::get('business.phone.call')}}">
                <div class="icon-circle"><span></span></div>
                <p>@lang('translations.call') {{\Config::get('business.phone.display')}}</p>
            </a>
            <div class="shadow"></div>
        </div>
    </div>
    <div class="continue"><a href="#about"><span></span></a> </div>
    <div class="clear"></div>

</div>