@extends('v2.layout.apps')

@section('header')
<title>Design and Development - Salutica Berhad</title>
@endsection
@section('content')
<div class="clearfix"></div>
<div class="text-center solution-whiteboard">
    <h5 class="h1 text-white pt-6">Design and Development</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 text-center design-and-concept">
    </div>
    <div class="col-md-6 col-sm-12 container">
        @if((new \Jenssegers\Agent\Agent())->isTablet())
        <h3 class="text-center mb-3 font-weight-bold">ID & Concept</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">ID & Concept</h3>
        @else
        <h3 class="h1 text-center mb-3">ID & Concept</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">Mechanical Engineering</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-sm-12 text-center mechanical-engineer">
    </div>
    <div class="col-sm-12 container">
        <h3 class="text-center mb-3 font-weight-bold pt-3">Mechanical Engineering</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">Mechanical Engineering</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>
    @endif
    @endif
</div>
<div class="row mt-3">
    <div class="col-md-6 text-center electronic-engineer">
    </div>
    <div class="col-md-6 container">
        @if((new \Jenssegers\Agent\Agent())->isTablet())
        <h3 class="text-center mb-3 font-weight-bold">Electronic Engineering</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Electronic Engineering</h3>
        @else
        <h3 class="h1 text-center mb-3">Electronic Engineering</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">Software Engineering</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">Software Engineering</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">Software Engineering</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 text-center quality-engineer">
    </div>
    <div class="col-md-6 container">
        @if((new \Jenssegers\Agent\Agent())->isTablet())
        <h3 class="text-center mb-3 font-weight-bold">Quality & Compliance Engineering</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Quality & Compliance Engineering</h3>
        @else
        <h3 class="h1 text-center mb-3">Quality & Compliance Engineering</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