@extends('v2.layout.apps')

@section('header')
<title>HMI - Touchless - Salutica Berhad</title>
@endsection

@section('content')
<div class="clearfix"></div>
<div class="text-center solution-whiteboard">
    <h5 class="h1 text-white pt-6">HMI - Touchless</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-justify'>
            A Human-Machine Interface (HMI) is a dashboard or user interface that connects a person to a machine, device,
            or system. HMI is most commonly used in the context of an industrial process. The latest trends in HMI
            technologies are voice activation and touchless or gesture control.
            <br><br>
        </p>
    </div>
    <div class="col-md-6 text-justify">
        <p class='pl-2 pr-5 text-justify'>
        </p>
    </div>
    @else
    @if((new \Jenssegers\Agent\Agent())->isMobile())
    <div class="col-sm-12 col-xs-12">
        <p class='pl-5 pr-2 text-justify'>
            A Human-Machine Interface (HMI) is a dashboard or user interface that connects a person to a machine, device,
            or system. HMI is most commonly used in the context of an industrial process. The latest trends in HMI
            technologies are voice activation and touchless or gesture control.
            <br><br>
        </p>
    </div>
    <div class="col-sm-12 col-xs-12 text-justify">
        <p class='pl-2 pr-5 text-justify'>
        </p>
    </div>
    @else
    <div class="col-md-6">
        <p class='pl-5 pr-2 text-justify'>
            A Human-Machine Interface (HMI) is a dashboard or user interface that connects a person to a machine, device,
            or system. HMI is most commonly used in the context of an industrial process. The latest trends in HMI
            technologies are voice activation and touchless or gesture control.
            <br><br>
        </p>
    </div>
    <div class="col-md-6">
        <p class='pl-2 pr-5 text-justify'>
        </p>
    </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">Touchless Control</h3>
        @else
        @if((new \Jenssegers\Agent\Agent())->isMobile())
        <h3 class="text-center mb-3 font-weight-bold pt-3">Touchless Control</h3>
        @else
        <h3 class="h1 text-center mb-3">Touchless Control</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