@extends('v2.layout.apps')

@section('header')
<title>Connected Devices - Salutica Berhad</title>
@endsection

@section('content')
<div class="text-center tel-whiteboard">
    <h5 class="h1 text-white pt-6">Connected Devices</h5>
</div>
<div class='clearfix'></div>
<div class="container mt-6">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="text-container">
                    <h3 class='text-royal' style=' font-family: "Open Sans", sans-serif;'>
                        <strong>Intro</strong>
                    </h3>
                    <br>
                    <h5 class='sp-txt fadeIn'>Bluetooth tracker, asset trackers, computer peripherals</h5>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="image-container rightLeft">
                    <img class="img-fluid" src="/images/panorama-433610_1920.jpg" alt="alternative">
                </div>
            </div>
        </div>
        <hr>
        <div class="clearfix mt-5"></div>
        <div class="row mt-3">
            <div class="col md-6 text-center">
                <div class="image-container leftRight">
                    <img class="img-fluid" src="/images/panorama-433610_1920.jpg" alt="alternative">
                </div>
            </div>
            <div class="col-md-6 container">
                <h3 class='text-royal'>Et adipisci quas et corporis dolor qui laudantium quibusdam ut iste animi.</h3>
                <ul>
                    <li class="h5" style="color: #777;">At possimus sint et illum perferendis in aliquam
                        doloribus quo consequatur
                        iste
                        et nihil magni. </li>
                    <li class="h5" style="color: #777;">At possimus sint et illum perferendis in aliquam
                        doloribus quo consequatur
                        iste
                        et nihil magni. </li>
                    <li class="h5" style="color: #777;">At possimus sint et illum perferendis in aliquam
                        doloribus quo consequatur
                        iste
                        et nihil magni. </li>
                    <li class="h5" style="color: #777;">At possimus sint et illum perferendis in aliquam
                        doloribus quo consequatur
                        iste
                        et nihil magni. </li>
                    <li class="h5" style="color: #777;">At possimus sint et illum perferendis in aliquam
                        doloribus quo consequatur
                        iste
                        et nihil magni. </li>
                </ul>
            </div>
        </div>
        <div class="clearfix mt-5"></div>
        <div class="row">
            <div class="embed-responsive embed-responsive-16by9">
                <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/XQX4FASiTlY"
                    allowfullscreen></iframe>
            </div>
        </div>
    </div>
</div>
<br>
<br>
@endsection