@extends('website.layout.master')
@section('title', 'الرئيسية')
@section('content')


    <div class="container">
        <div class="owl-carousel owl-theme s-baner">
            @foreach($sliders as $slider)
                <div class="item">
                <h1>
                    {{$slider->title}}
                </h1>
                <p>
                    {!! $slider->description !!}
                </p>
            </div>
            @endforeach
        </div>
    </div>
    </header>
    <!-- about -->
    <div class="about">
        <div class="container">
            <div class="row justify-content-between align-items-center">
                <div class="col-12 col-lg-6">
                    <div class="about-img">
                        <img src="{{asset('web/img/bout.png')}}" class="img-fluid" alt="">
                    </div>
                </div>
                <div class="col-12 col-lg-5">
                    <div class="about-info">
                        <div class="main-title">
                            <h5>About us</h5>
                            <h2>Who We Are FRCEM
                                <br>
                                Questions Site</h2>
                        </div>
                        <p>{!! $setting->about_us !!}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--  -->
    <!--  -->
    <div class="features">

        <div class="container">

            <div class="tob-r">
                <img src="{{asset('web/img/line.svg')}}" alt="">
            </div>
            <div class="main-title center mb-5">
                <h5>About us</h5>
                <h2>What distinguishes us from others</h2>
            </div>
            <div class="row pt-3">
                @foreach($ourFeatures as $key=>$ourFeature)
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="f-card">
                        <div class="f-head">
                            <img src="{{ $ourFeature->icon_url }}" alt="">
                            <span>0{{ $key+1 }}</span>
                        </div>
                        <h4>{{ $ourFeature->title }}</h4>
                        <p>{!! $ourFeature->description !!}</p>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    <!--  -->
    <!--  -->
    <div class="clients">
        <div class="container">

            <div class="main-title center">
                <h5>Our testimonials</h5>
                <h2>What our clients say</h2>
            </div>
            <div class="owl-carousel owl-theme slider-item">
                @foreach($testimonials as $testimonial)
                    <div class="item">

                    <div class="item-clients">
                        <div class="ic-heade">
                            <img src="{{ $testimonial->image_url }}" alt="">
                            <div class="">
                                <h6>{{ $testimonial->name }}</h6>
                                <h5>{{ $testimonial->job	 }}</h5>
                            </div>
                        </div>
                        <p>{!! $testimonial->description !!}</p>
                        <ul>
                            <li><img src="{{asset('web/img/star.svg')}}" alt=""></li>
                            <li><img src="{{asset('web/img/star.svg')}}" alt=""></li>
                            <li><img src="{{asset('web/img/star.svg')}}" alt=""></li>
                            <li><img src="{{asset('web/img/star1.svg')}}" alt=""></li>
                            <li><img src="{{asset('web/img/star1.svg')}}" alt=""></li>
                        </ul>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
    <!--  -->

    <!--  -->
    <div class="charts-t">
        <div class="container">

            <div class="row">
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="charts-t-item">
                        <img src="{{asset('web/img/e1.svg')}}" alt="">
                        <div class="">
                            <h6>{{ $setting->primary_questions }}+</h6>
                            <h5>Primary questions</h5>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="charts-t-item">
                        <img src="{{asset('web/img/e2.svg')}}" alt="">
                        <div class="">
                            <h6>{{ $setting->intermediate_questions }}+</h6>
                            <h5>Intermediate questions</h5>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="charts-t-item">
                        <img src="{{asset('web/img/e3.svg')}}" alt="">
                        <div class="">
                            <h6>{{ $setting->revision_notes }}+</h6>
                            <h5>Revision Notes</h5>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-md-6 col-lg-3">
                    <div class="charts-t-item">
                        <img src="{{asset('web/img/e4.svg')}}" alt="">
                        <div class="">
                            <h6>{{ $setting->users }}+</h6>
                            <h5>Users</h5>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--  -->
    <!--  -->
    <div class="container">
        <div class="ads">
            <img class="img-fluid" src="{{asset('web/img/ad-img.png')}}" alt="">
        </div>
    </div>

@stop