@extends('v2.layout.apps')

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

@section('content')
<div class="text-center md-whiteboard">
    <h5 class="h1 text-white pt-6">Medical 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'>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>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="image-container rightLeft">
                    <img class="img-fluid" src="/images/tag_image_three.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/tag_image_three.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