@extends('v2.layout.apps')

@section('header')
<title>Market Sectors - Salutica Berhad</title>
@endsection

@section('content')
<div class="text-center market-whiteboard">
    <h5 class="h1 text-white text-shadow-white pt-6">Market Sectors</h5>
</div>
<div class='clearfix'></div>
<div class="container mt-6">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container leftRight">
                    <img class="img-fluid" src="/images/Salutica-202-min.jpg" alt="alternative">
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>Consumer Devices</strong>
                    </h3>
                    <br>
                    <h5 class='sp-txt fadeIn'>Id inventore impedit non modi quia qui Quis maxime ab natus omnis ut
                            ipsum impedit ea ullam sequi 33 animi veniam. Et ratione illum ut molestias fuga qui
                            molestias galisum sed nihil laboriosam. Id laudantium odio non aliquid omnis aut aliquam
                            consequuntur ut praesentium iste sit consequatur sint qui minima officiis eos voluptatum
                            doloribus. Et corporis accusantium sit commodi adipisci et ratione numquam et nulla autem id
                            dolorem voluptatem est dolorem officia qui voluptatem incidunt..
                    </h5>
                    <br>
                    <br>
                    <a class="btn btn-primary btn-lg" href="/electronics" role="button">Read More</a>
                </div>
            </div>
        </div>
        <div class='clearfix'></div>
        <br>
        <div class="row">
           @if((new \Jenssegers\Agent\Agent())->isMobile())
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container leftRight">
                    <img class="img-fluid" src="/images/BG_Design_550fafdb8b915_555d56e46837b.jpg" alt="alternative">
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>Medical Devices</strong>
                    </h3>
                        <br>
                        <h5 class='sp-txt fadeIn'>Rem nisi illum qui iste sapiente a amet dolorem aut fugiat accusantium
                            sed necessitatibus dolore. Id ipsum dolor aut cupiditate dolorem ut commodi animi. Ut
                            deleniti saepe et deleniti odio cum amet placeat cum consequuntur voluptas? Eos ullam quia
                            et doloribus porro ex quia molestiae qui omnis pariatur eum maxime atque ut minus quam ea
                            porro atque</h5>
                        <br>
                        <br>
                        <a class="btn btn-primary btn-lg" href="/automotive" role="button">Read More</a>
                </div>
            </div>
            @else
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>Medical Devices</strong>
                    </h3>
                        <br>
                        <h5 class='sp-txt fadeIn'>Rem nisi illum qui iste sapiente a amet dolorem aut fugiat accusantium
                            sed necessitatibus dolore. Id ipsum dolor aut cupiditate dolorem ut commodi animi. Ut
                            deleniti saepe et deleniti odio cum amet placeat cum consequuntur voluptas? Eos ullam quia
                            et doloribus porro ex quia molestiae qui omnis pariatur eum maxime atque ut minus quam ea
                            porro atque</h5>
                        <br>
                        <br>
                        <a class="btn btn-primary btn-lg" href="/automotive" role="button">Read More</a>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container rightLeft">
                    <img class="img-fluid" src="/images/BG_Design_550fafdb8b915_555d56e46837b.jpg" alt="alternative">
                </div>
            </div>
            @endif
        </div>
        <div class='clearfix'></div>
        <br>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container leftRight">
                    <img class="img-fluid" src="/images/tag_image_three.jpg" alt="alternative">
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>Automotive (After Market)</strong>
                    </h3>
                        <br>
                        <h5 class='sp-txt fadeIn'>Id inventore impedit non modi quia qui Quis maxime ab natus omnis ut
                            ipsum impedit ea ullam sequi 33 animi veniam. Et ratione illum ut molestias fuga qui
                            molestias galisum sed nihil laboriosam. Id laudantium odio non aliquid omnis aut aliquam
                            consequuntur ut praesentium iste sit consequatur sint qui minima officiis eos voluptatum
                            doloribus. Et corporis accusantium sit commodi adipisci et ratione numquam et nulla autem id
                            dolorem voluptatem est dolorem officia qui voluptatem incidunt..</h5>
                        <br>
                        <br>
                        <a class="btn btn-primary btn-lg" href="/medical" role="button">Read More</a>
                </div>
            </div>
        </div>
        <div class='clearfix'></div>
        <br>
        <div class="row">
           @if((new \Jenssegers\Agent\Agent())->isMobile())
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container leftRight">
                    <img class="img-fluid" src="/images/Critical-Infrastructure.jpg" alt="alternative">
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>Connected Devices</strong>
                    </h3>
                        <br>
                        <h5 class='sp-txt fadeIn'>Rem nisi illum qui iste sapiente a amet dolorem aut fugiat accusantium
                            sed necessitatibus dolore. Id ipsum dolor aut cupiditate dolorem ut commodi animi. Ut
                            deleniti saepe et deleniti odio cum amet placeat cum consequuntur voluptas? Eos ullam quia
                            et doloribus porro ex quia molestiae qui omnis pariatur eum maxime atque ut minus quam ea
                            porro atque</h5>
                        <br>
                        <br>
                        <a class="btn btn-primary btn-lg" href="/telecommunication" role="button">Read More</a>
                </div>
            </div>
            @else
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>Connected Devices</strong>
                    </h3>
                        <br>
                        <h5 class='sp-txt fadeIn'>Rem nisi illum qui iste sapiente a amet dolorem aut fugiat accusantium
                            sed necessitatibus dolore. Id ipsum dolor aut cupiditate dolorem ut commodi animi. Ut
                            deleniti saepe et deleniti odio cum amet placeat cum consequuntur voluptas? Eos ullam quia
                            et doloribus porro ex quia molestiae qui omnis pariatur eum maxime atque ut minus quam ea
                            porro atque</h5>
                        <br>
                        <br>
                        <a class="btn btn-primary btn-lg" href="/telecommunication" role="button">Read More</a>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
                <div class="image-container rightLeft">
                    <img class="img-fluid" src="/images/Critical-Infrastructure.jpg" alt="alternative">
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
<br>
<br>
@endsection