@extends('layouts.base')

@section('content')
    <div class="fluid-container h-100">
        <div class="row h-100">
            <div class="col bg-white no-padding h-100">
                <div class="row h-100 align-items-center justify-content-center">
                    <div class="col h-100">
                        <div class="page-container">
                            <div class="page-content-wrapper p-t-50 p-b-50 h-100">
                                <div class="row no-margin align-items-center justify-content-center h-100">
                                    <div class="col">
                                        <div class="content p-t-0 overflow-hidden">
                                            @yield('inner_content')
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col d-none d-lg-inline h-100 bg-info-primary-gradient" >
                <div class="row h-100 align-items-center justify-content-center">
                    <div class="absolute hint-text dotted-grid" style="width: 250px; height: 142px; bottom: 0; right: 0; "></div>
                    <div class="absolute hint-text dotted-grid" style="width: 200px; height: 135px; top: 140px; left: 100px;"></div>
                    <div class="col-7">
                        <div class="carousel slide" data-ride="carousel">
                            <div class="carousel-inner">
                                <div class="row align-items-center justify-content-center">
                                    <div class="col">
                                        <div class="carousel-item active">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="row justify-content-center">
                                                        <div class="col">
                                                            <img class="w-100" src="{{asset('images/about_us.png')}}" alt="">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col text-center text-white">
                                                    <h5 class="bold text-white">About Us</h5>
                                                    <p class="fs-12">China Import Export Facilities (C.I.E.F) is a logistics company founded in 2014. Our aim is to help the Small and Medium (SME) business owners to ship their products and goods from China to Malaysia.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="carousel-item">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="row justify-content-center">
                                                        <div class="col">
                                                            <img class="w-100" src="{{asset('images/What_we_provide.png')}}" alt="">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col text-center text-white">
                                                    <h5 class="bold text-white">What We Provide</h5>
                                                    <p class="fs-12">Features that help you to ship your goods from China to Malaysia. We provide Sea Shipping, Air Shipping, Parcel Consolidation, Full Container Load, and Currency Remittance.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="carousel-item">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="row justify-content-center">
                                                        <div class="col">
                                                            <img class="w-100" src="{{asset('images/Why_CIEF.png')}}" alt="">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col text-center text-white">
                                                    <h5 class="bold text-white">Why CIEF?</h5>
                                                    <p class="fs-12">C.I.E.F provides a series of shipping services including door-to-door delivery, custom clearance, logistic documentation solution, invoice solution, and offer hassle free solutions that make the shipping process smoother.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="carousel-item">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="row justify-content-center">
                                                        <div class="col">
                                                            <img class="w-100" src="{{asset('images/Vision.png')}}" alt="">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col text-center text-white">
                                                    <h5 class="bold text-white">Our Vision</h5>
                                                    <p class="fs-12">To help more than 10,000 SMEs to reach an annual import volume of 5 million before 2023.</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="carousel-item">
                                            <div class="row">
                                                <div class="col">
                                                    <div class="row justify-content-center">
                                                        <div class="col">
                                                            <img class="w-100" src="{{asset('images/Mission.png')}}" alt="">
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="row">
                                                <div class="col text-center text-white">
                                                    <h5 class="bold text-white">Our Mission</h5>
                                                    <p class="fs-12">● High quality of shipping services with affordable price range.</p>
                                                    <p class="fs-12">● Extra services such as door to door and invoice billing services.</p>
                                                    <p class="fs-12">● Prioritize customer feedback.</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection