@extends('layouts.main')
@section('content')
<section class="section-padding-product product-heading">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-md-12 col-sm-12">
                <div class="page-title text-center">
                    <div class="clearfix"></div>
                    @include('blocks.top-product-navigation')
                    <div class="space-20"></div>
                    <h3 class="title color-dark-blue">PS Alarm</h3>
                    <div class="space-30"></div>
                </div>
            </div>


            <div class="col-xs-12 col-md-5 col-lg-5 col-sm-5 text-center">
                <img src="{{ asset('images/BSafe-A-page.jpg') }}" />
                <div class="clearfix"></div>
            </div>
            <div class="col-xs-12 col-lg-7 col-md-7 col-sm-7">
                <h2 class="color-dark-blue">{!! Lang::get('lang.bsafea_page_heading') !!}</h2>
                <ul style="list-style-type:none;" class="col-xs-12 col-lg-6 col-md-6 col-sm-6">
                    <li><i class="fa fa-angle-right"></i> {!! Lang::get('lang.bsafe_page_list1') !!}</li>
                    <li><i class="fa fa-angle-right"></i> {!! Lang::get('lang.bsafe_page_list2') !!}</li>
                </ul>
                <ul style="list-style-type:none;" class="col-xs-12 col-lg-6 col-md-6 col-sm-9">
                    <li><i class="fa fa-angle-right"></i> {!! Lang::get('lang.bsafe_page_list3') !!}</li>
                    <li><i class="fa fa-angle-right"></i> {!! Lang::get('lang.bsafe_page_list4') !!}</li>
                </ul>
            </div>

        </div>
    </div>
</section>
<!-- Feature-Area -->
<section class="feature-area section-padding-normal" id="">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12">
                <div class="page-title text-center">
                    <h3 class="title">{!! Lang::get('lang.features') !!}</h3>
                    <div class="space-30"></div>
                </div>
            </div>
        </div>
        <div class="row" id="">
            <div class="col-xs-12 col-sm-4 col-md-4">
                <div class="box-strengths text-center">
                    <img src="{{asset('/images/icons/notify.svg')}}" alt="">
                    <div class="box-strengths_contents">
                        <h4>{!! Lang::get('lang.bsafe_icon1') !!}</h4>
                    </div>
                </div>
                <div class="space-10"></div>
            </div>
            <div class="col-xs-12 col-sm-4 col-md-4">
                <div class="box-strengths text-center">
                    <img src="{{asset('/images/icons/notification.svg')}}" alt="">
                    <div class="box-strengths_contents">
                        <h4>{!! Lang::get('lang.bsafe_icon2') !!}</h4>
                    </div>
                </div>
                <div class="space-10"></div>
            </div>
            <div class="col-xs-12 col-sm-4 col-md-4">
                <div class="box-strengths text-center">
                    <img src="{{asset('/images/icons/realtime.png')}}" alt="">
                    <div class="box-strengths_contents">
                        <h4>{!! Lang::get('lang.bsafe_icon3_a') !!}</h4>
                    </div>
                </div>
                <div class="space-10"></div>
            </div>
        </div>
        <div class="row" id="">
            <div class="col-xs-12 col-sm-4 col-md-4">
                <div class="box-strengths text-center">
                    <img src="{{asset('/images/icons/history.svg')}}" alt="">
                    <div class="box-strengths_contents">
                        <h4>{!! Lang::get('lang.bsafe_icon4_a') !!}</h4>
                    </div>
                </div>
                <div class="space-10"></div>
            </div>
            <div class="col-xs-12 col-sm-4 col-md-4">
                <div class="box-strengths text-center">
                    <img src="{{asset('/images/icons/mail.svg')}}" alt="">
                    <div class="box-strengths_contents">
                        <h4>{!! Lang::get('lang.bsafe_icon5_a') !!}</h4>
                    </div>
                </div>
                <div class="space-10"></div>
            </div>
            <div class="col-xs-12 col-sm-4 col-md-4">
                <div class="box-strengths text-center">
                    <img src="{{asset('/images/icons/maintenance.svg')}}" alt="">
                    <div class="box-strengths_contents">
                        <h4>{!! Lang::get('lang.fast_installation') !!}</h4>
                    </div>
                </div>
                <div class="space-10"></div>
            </div>
        </div>
    </div>
</section>

<div class="darkbluebg">
    <div class="col-xs-12 col-sm-8">
        <div class="page-title text-center full-width-box">
            <div class="space-30"></div>
            <h2 class="">{!! Lang::get('lang.need_more_info') !!}</h3>
                <div class="space-20"></div>
        </div>
    </div>
    <div class="col-xs-12 col-sm-4">
        <div class="page-title text-center full-width-box">
            <div class="space-30"></div>
            <a class="bttn-cta" href="{{{route('get-accelerate-your-business-page')}}}">{!! Lang::get('lang.contact_cta') !!}</a>
            <div class="space-20"></div>
        </div>
    </div>
</div>
@endsection
