@extends('v2.layout.apps')

@section('header')
<title>New Product Introduction - Salutica Berhad</title>
@endsection

@section('content')
<div class="clearfix"></div>
<div class="text-center solution-whiteboard">
    <h5 class="h1 text-white pt-6">New Product Introduction</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 Manufacturing</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Design for Manufacturing</h3>
        @else
        <h3 class="h1 text-center mb-3">Design for Manufacturing</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">Test 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 col-xs-12 text-center mechanical-engineer">
    </div>
    <div class="col-sm-12 col-xs-12 container">
        <h3 class="text-center mb-3 font-weight-bold pt-3">Test 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">Test 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 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">Engineering Prototyping</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Engineering Prototyping</h3>
        @else
        <h3 class="h1 text-center mb-3">Engineering Prototyping</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'>Serial Production Verification</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 md-6 text-center software-engineer">
    </div>
    <div class="col-md-6 container">
        <h3 class='text-center mb-3 font-weight-bold pt-3'>Serial Production Verification</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'>Serial Production Verification</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">Project Management</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Project Management</h3>
        @else
        <h3 class="h1 text-center mb-3">Project 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='clearfix mt-5 mb-5'></div>
@endsection