@extends('users.layouts.app')

@section('content')
<link rel="stylesheet" href="/css/user/top.css">
<div id="top">
    <div class="container">
        <section class="slider_sec">
            <div id="com_mv_slider">
                {{-- slider image --}}
                @foreach($sliders as $slider => $val)
                    <ul>
                        <li class="" style="background: url({{$val['img_path']}}) center no-repeat;
                        background-size: 100% auto;"></li>
                    </ul>
                @endforeach
            </div>            
        </section>
        <section class="banner_sec">
            <div class="baner_box">
                <img src="/storage/user/img/top/bnr_wit.jpg" alt="WIT 2018">
            </div>
            <div class="baner_box">
                <img src="/storage/user/img/top/bnr_thankyou.jpg" alt="Thankyou">
            </div>
        </section>
        <section class="about_sec">
            <div class="inner">
                <h2 class="ttl_user_common">{{_site('about')}}</h2>
                <p class="txt_about_desc">{{_site('about_us_desc')}}</p>
            </div>           
        </section>
        <section class="job_bnr_sec">
            <div class="inner">
                <div class="job_banner">
                    <h2 class="ttl_top_job_bnr">{{_site('team_title')}}</h2>
                    <p class="txt_job_bnr txt_user_com">{{_site('team_sub_title')}}</p>
                    <a class="btn_link btn_hover_top" href="/jobpost">{{_site('team_btn')}}</a>
                </div>
            </div>
        </section>
        <section class="recent_news_sec">
            <div class="inner">
                <h2 class="ttl_user_common">Recent News</h2>
                <div class="row news_list clearfix">
                    <div class="col news_type">
                        <a href="#"><p class="txt_type">Blog</p></a>
                    </div>
                    <div class="col news_date">
                        <p class="txt_date">10.11.2018</p>
                    </div>
                    <div class="col news_desc">
                        <a href="#"><p class="txt_des txt_recent_news">Email Templates Feature of MailChimp</p></a>
                    </div>
                </div>
                <div class="row news_list clearfix">
                    <div class="col news_type">
                    <a href="{{ route('user_jobpost_index')}}"><p class="txt_type txt_recent_news">{{_site('jobpost')}}</p></a>
                    </div>
                    <div class="col news_date">
                        <p class="txt_date">{{$job_date[0]}}</p>
                    </div>
                    <div class="col news_desc">
                        <a href="#"><p class="txt_des txt_recent_news"> {{$job_post->j_title}} </p></a>
                    </div>
                </div>
                <div class="row news_list last clearfix">
                    <div class="col news_type">
                        <a href="#"><p class="txt_recent_news txt_type">Event</p></a>
                    </div>
                    <div class="col news_date">
                        <p class="txt_date txt_recent_news">10.11.2018</p>
                    </div>
                    <div class="col news_desc">
                        <a href="#"><p class="txt_recent_news txt_des">Member Birthday</p></a>
                    </div>
                </div>
                <a class="btn_link btn_hover_top" href="/news">View More News</a>
            </div>
        </section>
        <section class="service_sec">
            <div class="inner">
                <h2 class="ttl_user_common">Service</h2>
                <p class="txt_com_p">{{_site('services_desc')}}</p>
                <div class="list_box row clearfix">
                    <div class="grid_02 service_list">
                        <img src="/storage/user/img/top/icon_service_plan.png" alt=""><h3>Plan</h3>
                        <p class="txt_com_p">-&nbsp;Establish and agree improvement goals</p>
                        <p class="txt_com_p">-&nbsp;Understand current process</p>
                        <p class="txt_com_p">-&nbsp;Identify the baseline from which to measure any improvement</p>
                    </div>
                    <div class="grid_02 service_list">
                        <img src="/storage/user/img/top/icon_service_do.png" alt=""><h3>Do</h3>
                        <p class="txt_com_p">-&nbsp;Implement actions</p>
                        <p class="txt_com_p">-&nbsp;Design measures and implementation plan</p>
                    </div>
                    <div class="grid_02 service_list">
                        <img src="/storage/user/img/top/icon_service_check.png" alt=""><h3>Check</h3>
                        <p class="txt_com_p">-&nbsp;Monitor and measure changes</p>
                        <p class="txt_com_p">-&nbsp;Record changes and findings</p>
                    </div>
                    <div class="grid_02 service_list">
                        <img src="/storage/user/img/top/icon_service_act.png" alt=""><h3>Act</h3>
                        <p class="txt_com_p">-&nbsp;Evaluate</p>
                        <p class="txt_com_p">-&nbsp;Modify where necessary to fix any problems identified</p>
                    </div>
                </div>
            </div>
        </section>
        <section class="one_stop_sec">
            <div class="inner">
                <div class="one_stop_box">
                    <h2 class="ttl_user_common">{{_site('oss_title')}}</h2>
                    <p class="txt_com_p">{{_site('oss_desc')}}</p>
                </div>
            </div>
        </section>
        <section class="recent_proj_sec">
            <div class="inner">
                <h2 class="ttl_user_common">Recent Projects</h2>
                <ul class="clearfix">
                    <li class="grid_02" target="_blank">
                        <a href="">
                            <div class="project_img">
                                <img src="/storage/user/img/top/img_proj01.png" alt="">
                            </div>
                            <p>シチリアコラム _コーディング</p>
                        </a>
                    </li>
                    <li class="grid_02" target="_blank">
                        <a href="">
                            <div class="project_img">
                                <img src="/storage/user/img/top/img_proj02.png" alt="">
                            </div>
                            <p>レモンで漬ける</p>
                        </a>
                    </li>
                </ul>
                <a class="btn_link btn_hover_top" href="/project">See More</a>
            </div>
        </section>
        <section class="top_contact_sec">
            <div class="inner">
                <p class="txt_com_p">Contact us about anything related to our company or services</p>
                <a class="btn_link btn_hover_top" href="/contact">Get in touch with us</a>
            </div>            
        </section>
    </div>
</div>
@endsection