@extends('v2.layout.apps')

@section('header')
<title>Supply Chain Solutions - Salutica Berhad</title>
@endsection

@section('content')
<div class="clearfix"></div>
<div class="text-center solution-whiteboard">
    <h5 class="h1 text-white pt-6">Supply Chain Solutions</h5>
</div>
<div class='clearfix'></div>
<div class="row mt-5">
    @if((new \Jenssegers\Agent\Agent())->isTablet())
    <div class="col-md-6">
        <p class='pl-5 pr-2 text-right'>
            Aenean iaculis eros euismod tellus sodales pulvinar. Aenean venenatis eros dolor, eu bibendum nibh porta
            vitae. Aliquam ultricies urna ac ipsum egestas, sed sodales felis commodo. Quisque massa nulla, dignissim
            quis venenatis at, lacinia nec nunc. Sed eget porttitor sem. Maecenas ac mollis purus. Morbi vel diam sed
            orci fringilla lobortis. Pellentesque id dapibus lectus, consequat faucibus enim. Pellentesque tristique
            consectetur hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus
            mus.
            <br><br>
            Nullam ultricies malesuada velit et fermentum. Maecenas viverra, dui sit amet laoreet sagittis, justo sem
            tincidunt arcu, a ornare lacus ligula interdum purus. Pellentesque posuere molestie diam non mattis. Nullam
            massa tortor, bibendum sed turpis vestibulum, varius vehicula risus. Donec vitae leo vehicula, vestibulum
            lorem in, fringilla nisi. Morbi rhoncus in quam quis porta. Sed convallis nisi mauris, sed mollis nulla
            consectetur id.
        </p>
    </div>
    <div class="col-md-6 text-center">
        <h3 class="pt-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut.</h3>
    </div>
    @else
    @if((new \Jenssegers\Agent\Agent())->isMobile())
    <div class="col-sm-12 col-xs-12">
        <p class='pl-5 pr-5 text-left'>
            Aenean iaculis eros euismod tellus sodales pulvinar. Aenean venenatis eros dolor, eu bibendum nibh porta
            vitae. Aliquam ultricies urna ac ipsum egestas, sed sodales felis commodo. Quisque massa nulla, dignissim
            quis venenatis at, lacinia nec nunc. Sed eget porttitor sem. Maecenas ac mollis purus. Morbi vel diam sed
            orci fringilla lobortis. Pellentesque id dapibus lectus, consequat faucibus enim. Pellentesque tristique
            consectetur hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus
            mus.
            <br><br>
            Nullam ultricies malesuada velit et fermentum. Maecenas viverra, dui sit amet laoreet sagittis, justo sem
            tincidunt arcu, a ornare lacus ligula interdum purus. Pellentesque posuere molestie diam non mattis. Nullam
            massa tortor, bibendum sed turpis vestibulum, varius vehicula risus. Donec vitae leo vehicula, vestibulum
            lorem in, fringilla nisi. Morbi rhoncus in quam quis porta. Sed convallis nisi mauris, sed mollis nulla
            consectetur id.
        </p>
    </div>
    <div class="col-sm-12 col-xs-12 text-center">
        <h3 class="pt-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut.</h3>
    </div>
    @else
    <div class="col-md-6">
        <p class='pl-5 pr-2 text-right'>
            Aenean iaculis eros euismod tellus sodales pulvinar. Aenean venenatis eros dolor, eu bibendum nibh porta
            vitae. Aliquam ultricies urna ac ipsum egestas, sed sodales felis commodo. Quisque massa nulla, dignissim
            quis venenatis at, lacinia nec nunc. Sed eget porttitor sem. Maecenas ac mollis purus. Morbi vel diam sed
            orci fringilla lobortis. Pellentesque id dapibus lectus, consequat faucibus enim. Pellentesque tristique
            consectetur hendrerit. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus
            mus.
            <br><br>
            Nullam ultricies malesuada velit et fermentum. Maecenas viverra, dui sit amet laoreet sagittis, justo sem
            tincidunt arcu, a ornare lacus ligula interdum purus. Pellentesque posuere molestie diam non mattis. Nullam
            massa tortor, bibendum sed turpis vestibulum, varius vehicula risus. Donec vitae leo vehicula, vestibulum
            lorem in, fringilla nisi. Morbi rhoncus in quam quis porta. Sed convallis nisi mauris, sed mollis nulla
            consectetur id.
        </p>
    </div>
    <div class="col-md-6 text-center">
        <h3 class="pt-6">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ut.</h3>
    </div>
    @endif
    @endif
</div>
<hr>
<div class="clearfix mt-5"></div>
<div class="row mt-3">
    <div class="col-md-6 col-sm-12 col-xs-12 text-center design-and-concept">
    </div>
    <div class="col-md-6 col-sm-12 col-xs-12 container">
        @if((new \Jenssegers\Agent\Agent())->isTablet())
        <h3 class="text-center mb-3 font-weight-bold">Design for Supply Chain</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Design for Supply Chain</h3>
        @else
        <h3 class="h1 text-center mb-3">Design for Supply Chain</h3>
        @endif
        @endif
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
</div>
<div class="row mt-3">
    @if((new \Jenssegers\Agent\Agent())->isTablet())
    <div class="col-md-6 container">
        <h3 class="text-center mb-3 font-weight-bold">Innovative Sourcing</h3>
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
    <div class="col-md-6 text-center mechanical-engineer">
    </div>
    @else
    @if((new \Jenssegers\Agent\Agent())->isMobile())
    <div class="col-md-6 col-sm-12 col-xs-12 text-center mechanical-engineer">
    </div>
    <div class="col-md-6 col-sm-12 col-xs-12 container">
        <h3 class="text-center mb-3 font-weight-bold pt-3">Innovative Sourcing</h3>
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
    @else
    <div class="col-md-6 col-sm-12 col-xs-12 container">
        <h3 class="h1 text-center mb-3">Innovative Sourcing</h3>
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
    <div class="col-md-6 col-sm-12 col-xs-12 text-center mechanical-engineer">
    </div>
    @endif
    @endif
</div>
<div class="row mt-3">
    <div class="col-md-6 col-sm-12 col-xs-12 text-center electronic-engineer">
    </div>
    <div class="col-md-6 col-sm-12 col-xs-12 container">
        @if((new \Jenssegers\Agent\Agent())->isTablet())
        <h3 class="text-center mb-3 font-weight-bold">Supply Chain Risk Management</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Supply Chain Risk Management</h3>
        @else
        <h3 class="h1 text-center mb-3">Supply Chain Risk Management</h3>
        @endif
        @endif
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
</div>
<div class="row mt-3">
    @if((new \Jenssegers\Agent\Agent())->isTablet())
    <div class="col-md-6 container">
        <h3 class='text-center mb-3 font-weight-bold'>Actionable Analytics</h3>
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
    <div class="col-md-6 text-center software-engineer">
    </div>
    @else
    @if((new \Jenssegers\Agent\Agent())->isMobile())
    <div class="col-sm-12 col-xs-12 text-center software-engineer">
    </div>
    <div class="col-sm-12 col-xs-12 container">
        <h3 class='text-center mb-3 font-weight-bold pt-3'>Actionable Analytics</h3>
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
    @else
    <div class="col-md-6 container">
        <h3 class='h1 text-center mb-3'>Actionable Analytics</h3>
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
    <div class="col-md-6 text-center software-engineer">
    </div>
    @endif
    @endif
</div>
<div class="row mt-3">
    <div class="col-md-6 col-sm-12 col-xs-12 text-center quality-engineer">
    </div>
    <div class="col-md-6 col-sm-12 col-xs-12 container">
        @if((new \Jenssegers\Agent\Agent())->isTablet())
        <h3 class="text-center mb-3 font-weight-bold">Managing Global, Complex Supply Chains</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Managing Global, Complex Supply Chains</h3>
        @else
        <h3 class="h1 text-center mb-3">Managing Global, Complex Supply Chains</h3>
        @endif
        @endif
        <ul class="ml-5">
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
            <li class="m-2 h5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi euismod.</li>
        </ul>
    </div>
</div>
<div class='clearfix mt-5 mb-5'></div>
@endsection