bnmbertsu,yu,yu,fffffffy,ltdfg

hjkhhndndndnd,trt bnmbertsu,yu,yu,fffffffy,ltdfg

<!DOCTYPE html>
<html lang="en">

<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<head>
    <meta charset="utf-8">
    <title>Fleethunt :: Track Your Investment Anytime, Anywhere. Best GPS Tracking In             India
        </title>
    <link rel="icon" href="website/logos/favicon.png" type="image/png" sizes="16x16">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Fleethunt GPS tracking devices to track your whole fleet, bike, car and other vehicles. GPS trackers for Vehicle Tracking System in             India
        .  Call us: +91-9357809797">
    <meta name="keywords" content="fleethunt, tracking device, gps tracker device, gps tracking, device tracker, real time gps tracking system, location tracker device, gps real time tracker, gps tracking, best gps tracker in india, gps tracking device, tracking device app">
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700%7CRoboto%7CJosefin+Sans:100,300,400,500"
          rel="stylesheet" type="text/css">
    <link href="website/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all"/>
    <link rel="stylesheet" href="website/css/animate.css"> 
    <link rel="stylesheet" href="website/css/slider-pro.min.css">
    <link rel="stylesheet" href="website/css/owl.carousel.css">
    
    <link rel="stylesheet" href="website/css/ionicons.min.css">

<link href="website/css/stylec4ca.css?1" rel="stylesheet" type="text/css" media="all"/>
    <style>
        #example5 .sp-thumbnail-image-container {
            width: 100px;
            height: 80px;
            overflow: hidden;
            float: left;
        }

#example5 .sp-thumbnail-image {
            height: 100%;
        }

#example5 .sp-thumbnail-text {
            width: 170px;
            float: right;
            height: 80px;
            padding: 8px;
            background-color: #F0F0F0;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

#example5 .sp-thumbnail-title {
            margin-bottom: 5px;
            text-transform: uppercase;
            color: #333;
        }

#example5 .sp-thumbnail-description {
            font-size: 14px;
            color: #333;
        }

@media (max-width: 500px) {
            #example5 .sp-thumbnail {
                text-align: center;
            }

#example5 .sp-thumbnail-image-container {
                display: none;
            }

#example5 .sp-thumbnail-text {
                width: 120px;
            }

#example5 .sp-thumbnail-title {
                font-size: 12px;
                text-transform: uppercase;
            }

#example5 .sp-thumbnail-description {
                display: none;
            }
        }
    </style>
</head>
<body>
<div class="wrapper">

<div class="main app form" id="main">
        
        
        
        
        
        
        <div id="gallery" class="pricing-section">
            <div class="container">
                <div class="col-md-12 col-sm-12">
                    <div class="pricing-intro text-center">
                        <h1 class="wow fadeInUp" data-wow-delay="0s">Gallery</h1>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">
                            Our features are designed to meet the requirements of all <br class="hidden-xs"> types
                            of customers.
                        </p>
                    </div>
                    <div id="example5" class="slider-pro">
                        <div class="sp-slides">
                            <div class="sp-slide">
                                <img class="sp-image"  src="website/css/images/blank.gif"
                                     data-src="website/images/f1.jpg"
                                     data-retina="website/images/f1.jpg"/>

<div class="sp-thumbnails">
                            <div class="sp-thumbnail">
                                <div class="sp-thumbnail-image-container">
                                    <img class="sp-thumbnail-image" src="website/css/images/blank.gif" data-src="website/logos/ft1.png"/>
                                </div>
                                <div class="sp-thumbnail-text">
                                    <div class="sp-thumbnail-title"><p class="wow">Live Tracking</p></div>
                                    <div class="sp-thumbnail-description"></div>
                                </div>
                            </div>

<div class="sp-thumbnail">
                                <div class="sp-thumbnail-image-container">
                                    <img class="sp-thumbnail-image" src="website/css/images/blank.gif" data-src="website/logos/ft2.png"/>
                                </div>
                                <div class="sp-thumbnail-text">
                                    <div class="sp-thumbnail-title"><p class="wow">Geo Fencing</p></div>
                                    <div class="sp-thumbnail-description"></div>
                                </div>
                            </div>

<div class="sp-thumbnail">
                                <div class="sp-thumbnail-image-container">
                                    <img class="sp-thumbnail-image" src="website/css/images/blank.gif" data-src="website/logos/ft3.png"/>
                                </div>
                                <div class="sp-thumbnail-text">
                                    <div class="sp-thumbnail-title"><p class="wow">History Playback</p></div>
                                    <div class="sp-thumbnail-description"></div>
                                </div>
                            </div>

<div class="sp-thumbnail">
                                <div class="sp-thumbnail-image-container">
                                    <img class="sp-thumbnail-image" src="website/css/images/blank.gif" data-src="website/logos/ft4.png"/>
                                </div>
                                <div class="sp-thumbnail-text">
                                    <div class="sp-thumbnail-title"><p class="wow">Alerts & Notifications</p></div>
                                    <div class="sp-thumbnail-description"></div>
                                </div>
                            </div>

<div class="sp-thumbnail">
                                <div class="sp-thumbnail-image-container">
                                    <img class="sp-thumbnail-image" src="website/css/images/blank.gif" data-src="website/logos/ft5.png"/>
                                </div>
                                <div class="sp-thumbnail-text">
                                    <div class="sp-thumbnail-title"><p class="wow">Reports</p></div>
                                    <div class="sp-thumbnail-description"></div>
                                </div>
                            </div>

<div class="sp-thumbnail">
                                <div class="sp-thumbnail-image-container">
                                    <img class="sp-thumbnail-image" src="website/css/images/blank.gif" data-src="website/logos/ft6.png"/>
                                </div>
                                <div class="sp-thumbnail-text">
                                    <div class="sp-thumbnail-title"><p class="wow">Diagnostic Troubleshoot Codes</p>
                                    </div>
                                    <div class="sp-thumbnail-description"></div>
                                </div>
                            </div>

<div class="sp-thumbnail">
                                <div class="sp-thumbnail-image-container">
                                    <img class="sp-thumbnail-image" src="website/css/images/blank.gif" data-src="website/logos/ft7.png"/>
                                </div>
                                <div class="sp-thumbnail-text">
                                    <div class="sp-thumbnail-title"><p class="wow">Maintenance Alerts</p></div>
                                    <div class="sp-thumbnail-description"></div>
                                </div>
                            </div>

<div class="sp-thumbnail">
                                <div class="sp-thumbnail-image-container">
                                    <img class="sp-thumbnail-image" src="website/css/images/blank.gif" data-src="website/logos/ft8.png"/>
                                </div>
                                <div class="sp-thumbnail-text">
                                    <div class="sp-thumbnail-title"><p class="wow">Route Deviation</p></div>
                                    <div class="sp-thumbnail-description"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        
        
    </div>

</div>
</div>

<script type="text/javascript" src="website/js/jquery-2.1.1.js"></script>
<script type="text/javascript" src="website/js/bootstrap.min.js"></script>
<script type="text/javascript" src="website/js/plugins.js"></script>
<script type="text/javascript" src="website/js/jquery.sliderPro.min.js"></script>
<script type="text/javascript" src="website/js/menu.js"></script>
<script type="text/javascript" src="website/js/custom.js"></script>
<script type="text/javascript" src="website/js/jquery.lazy.min.js"></script>
<script type="text/javascript" src="website/js/jquery.lazy.iframe.min.js"></script>
<script type="text/javascript" src="website/js/jquery.sliderPro.lazyLoading.js"></script>
<script src="tw/assets/vendor/pnotify/pnotify.min.js"></script>
<script src="js/commona87f.js?4"></script>
<script>
    $(document).ready(function () {
        $(".lazy").Lazy();

if ( $(window).width() > 739) {
            $('#my-slider').sliderPro({
                forceSize: 'fullWindow',
                autoplay: true,
                arrows: true,
                buttons: false,
                fade: true,
                touchSwipe: true,
                imageScaleMode: 'cover',
                slideAnimationDuration: 1000,
                loop: false
            });
            $('#example5').sliderPro({
                width: 670,
                height: 500,
                orientation: 'vertical',
                loop: true,
                arrows: true,
                buttons: true,
                thumbnailsPosition: 'right',
                thumbnailPointer: true,
                thumbnailWidth: 290,
                breakpoints: {
                    800: {
                        thumbnailsPosition: 'bottom',
                        thumbnailWidth: 270,
                        thumbnailHeight: 100
                    },
                    500: {
                        thumbnailsPosition: 'bottom',
                        thumbnailWidth: 120,
                        thumbnailHeight: 50
                    }
                }
            });
        }
        else {
            //Add your javascript for small screens here
            $('.small_view').each(function () {
                $(this).prop('src',$(this).data('src'));
            })
            $('#my-slider').hide();
            $('#example5').hide();
            $('#gallery').hide();

}
    });
</script>

</body>

</html>