File: /home/imensosw/www/imenso.co/dev/sharpeagle/solution-details - Copy.php
<?php include 'header.php';?>
<?php include 'top-menu.php';?>
<section class="inner-banner">
<!-- <img src="images/inner_banner.png" alt="inner banner" class="w-100" /> -->
<video autoplay muted loop id="myVideo" class="w-100">
<source src="images/inner-video.mp4" type="video/mp4">
</video>
<div class="breadcrum">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="list_cnt">
<a href="index.php">Home</a> <i class="fas fa-angle-double-right"></i> <span>About</span>
</div>
<h1>Solution Category</h1>
</div>
</div>
</div>
</div>
</section>
<section class="">
<div class="container">
<div class="row">
<div class="col-sm-8 offset-sm-2">
<div class="page_nav animate">
<ul class="d-flex justify-content-between">
<li> <a href="solution-details.php" class="active">Solution Category</a> </li>
<li> <a href="solution-details.php">Explosion Proof Camera Systems</a> </li>
<li> <a href="solution-details.php">Solar Camera System</a> </li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="part_page mt-5">
<div class="container">
<div class="row">
<div class="col-sm-3 border-right side_bar">
<h3>BROWSE</h3>
<ul class="solution_links">
<li> <a href="#" class="active">Forklift camera System</a> </li>
<li> <a href="#">Ex-Proof Forklift Camera System</a> </li>
<li> <a href="#">Forkview Camera System</a> </li>
<li> <a href="#">Forklift Speed Limiter</a> </li>
<li> <a href="#">Forklift Anti Collision System</a> </li>
</ul>
<div class="text-center mt-5 px-1">
<a href="#" class="btn btn-block btn-secondary mb-3">Safe ex PTZ Camera Brochure</a>
<a href="#" class="btn btn-block btn-outline-secondary">View our Testimonials</a>
</div>
</div>
<div class="col-sm-9">
<div class="pl-4">
<section>
<p>Forklift safety procedure is the topmost priority. The implementation of safety procedure leads to significant advantages, such as; higher employee satisfaction & increased productivity. Fork view cameras designed to avail proper visibility to the driver which contributes to workplace safety.</p>
<p>Consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
<p>Forklift safety procedure is the topmost priority. The implementation of safety procedure leads to significant advantages, such as; higher employee satisfaction & increased productivity. </p>
<img src="images/img.jpg" alt="img" class="img-fluid" />
</section>
<section class="burger">
<video id="myVideo1" controls class="w-100">
<source src="images/bg-video.mp4" type="video/mp4">
</video>
<h6 class="video_title m_bold">T-MATICS COMMAND</h6>
</section>
<section class="burger_b">
<div class="custom_heading text-center">
<div class="text-body">
<div class="sub-head"><span>OUR KEY</span></div>
<h2>FEATURE OF SERVICE</h2>
</div>
</div>
<div class="mt-4 custom_tab">
<ul class="nav nav-tabs mb-4">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#tab_one">PRECAUTIONS</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_two">INTELLIGENCE</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_three">SPECIALIZATIONS</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="tab_one">
<div class="row">
<div class="col-sm-5">
<div class="tab_img">
<img src="images/blue-sky-security.jpg" class="img-fluid" alt="img" />
</div>
</div>
<div class="col-sm-6 offset-sm-1">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
</div>
<div class="tab-pane" id="tab_two">
<div class="row">
<div class="col-sm-5">
<div class="tab_img">
<img src="images/img_2.jpg" class="img-fluid" alt="img" />
</div>
</div>
<div class="col-sm-6 offset-sm-1">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
</div>
<div class="tab-pane" id="tab_three">
<div class="row">
<div class="col-sm-5">
<div class="tab_img">
<img src="images/img_1.jpg" class="img-fluid" alt="img" />
</div>
</div>
<div class="col-sm-6 offset-sm-1">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<section class="get_connect burger">
<div class="container">
<div class="row">
<div class="col-sm-10">
<p class="m_bold">If you have any query for related business... Just touch on this button</p>
</div>
<div class="col-sm-2">
<a href="#" class="btn btn-block">GET A QUOTE</a>
</div>
</div>
</div>
</section>
<section class="burger">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="product_swiper-container overflow-hidden">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div>
<div class="img"><div><img src="images/product_1.png" class="img-fluid"></div></div>
<h5>Forklift camera system</h5>
<div class="pro_id">SE-01-001</div>
<a href="" class="btn btn-secondary">READ MORE</a>
</div>
</div>
<div class="swiper-slide">
<div>
<div class="img"><div><img src="images/product_2.png" class="img-fluid"></div></div>
<h5>Ex-Proof forklift camera system</h5>
<div class="pro_id">SE-01-001</div>
<a href="" class="btn btn-secondary">READ MORE</a>
</div>
</div>
<div class="swiper-slide">
<div>
<div class="img"><div><img src="images/product_3.png" class="img-fluid"></div></div>
<h5>Fork View Camera System</h5>
<div class="pro_id">SE-01-001</div>
<a href="" class="btn btn-secondary">READ MORE</a>
</div>
</div>
<div class="swiper-slide">
<div>
<div class="img"><div><img src="images/product_4.png" class="img-fluid"></div></div>
<h5>Forklift speed limiter</h5>
<div class="pro_id">SE-01-001</div>
<a href="" class="btn btn-secondary">READ MORE</a>
</div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- <section data-aos="fade-up" data-aos-anchor-placement="top-center"></section> -->
<script>
var video = document.getElementById("myVideo");
var btn = document.getElementById("myBtn");
function myFunction() {
if (video.paused) {
video.play();
btn.innerHTML = "Pause";
} else {
video.pause();
btn.innerHTML = "Play";
}
}
</script>
<?php include 'footer.php';?>
<script type="text/javascript">
//.page_nav a
$('.page_nav a').on("click", function() {
$('.page_nav a').removeClass('active');
$(this).addClass('active');
});
/*Menu active*/
$(document).ready(function(){
$('.top_area header .nav-item a').removeClass('active');
$("#menu_solution").addClass('active');
});
</script>