@extends('layouts.firstuse')
@section('content')
<div class="row">
    <div class="col-sm-offset-1 col-sm-10 firstContain">
        <div class="panel panel-alternative">
            <div class="panel-heading">
                <div class="row">
                    <div class="col-sm-12 text-center">
                        <h3>{{__('messages.welcome_title')}}</h3>
                    </div>
                </div>
            </div>
            <div class="panel-body">
                <div class="col-sm-12">
                    <p>{{__('messages.welcome_text_1')}}</p>
                    <ol>
                        <li>{{__('messages.welcome_steps_1')}}</li>
                        <li>{{__('messages.welcome_steps_2')}}</li>
                        <li>{{__('messages.welcome_steps_3')}}</li>
                        <li>{{__('messages.welcome_steps_4')}}</li>
                        <li>{{__('messages.welcome_steps_5')}}</li>
                        <li>{{__('messages.welcome_steps_6')}}</li>
                        <li>{{__('messages.welcome_steps_7')}}</li>
                        <li>{{__('messages.welcome_steps_8')}}</li>
                        <li>{{__('messages.welcome_steps_9')}}</li>
                        <li>{{__('messages.welcome_steps_10')}}</li>
                    </ol>
                    <p>{{__('messages.welcome_text_2')}}</p>
                    <p>{{__('messages.welcome_text_3')}}</p>
                </div>
            </div>
            <div class="panel-footer">
                <a href="{{route('stepone')}}"><button type="button" class="btn btn-alternative" name="button">{{__('system.continue')}}</button></a>
            </div>
        </div>
    </div>
</div>
@endsection