@{
    ViewBag.Title = "Call Drivers and Hire Drivers in Madurai | Book Drivers Trivandrum";
}

@*@section metatags {

    <meta name='description' content='We are No.1 Call Drivers and Hire Drivers in Madurai. We offer Drivers service at Trivandrum, Chennai, Coimbatore and Trichy. Book Now.' />
    <meta name='keywords' content='Call Drivers in Madurai, Hire Drivers in Madurai, Book Drivers in Trivandrum, Book Drivers in Trichy, Book Drivers in Chennai, Call Drivers in Trichy' />
}*@
<style>
    .AboutUslist {
        color: #18ba60 !important;
        opacity: 1;
    }

    .res-menuaboutus {
        color: #354b9c !important;
        opacity: 1 !important;
    }
</style>
<section class="page-title" style="background-image:url('@Url.Content("~/images/banner/about_banner.jpg")');"></section>


<!--About Us Section-->
<section class="about-us-section">
    <div class="auto-container">


        <div class="row clearfix">

            <!--Content Column-->
            <div class="column content-column pull-right col-md-6 col-sm-6 col-xs-12">
                <div class="inner-box">
                    <h2>About Top4</h2>
                    <div class="text">Hire before an hour, We will drive</div>
                    <div class="text">For The Past eleven years we have successfully provided drivers to the customers like acting duty on Hourly Basis, Monthly basis, Out Station & Valet parking. We have more than 1300+ drivers in Chennai branch alone with good customer satisfaction.</div>


                </div>
            </div>

            <!--Map Column-->
            <div class="column map-column pull-left col-md-6 col-sm-6 col-xs-12">
                <div class="inner-box">
                    <figure class="map-image"><img src="@Url.Content("~/images/img/about.jpg")" alt="">></figure>
                </div>
            </div>

            <div class="column content-column col-md-12 col-sm-12 col-xs-12">
                <div class="text">At Drivers On Call we rent professional chauffeurs to drive for you at 24 hours, in the luxury of your own car. The concept is Simple, we drive to your home or office, and drive you, in your car, anywhere you please. We are the more reliable, personal, and trustworthy alternative to limousine service. However we do provide service to outside areas as well. We service all occasions and destinations, local or long-distance (e.g. Out Station). Wherever you are in India call 044-2828 7777 number for Drivers, who will report to the customer within one hour. Drivers will be in their uniform with White Pant and Blue Shirt, Bill book and ID card with Charming appearance. Drivers are highly skilled, Punctual in time with discipline for your safe and comfortable journey.</div>
            </div>
        </div>

    </div>
</section>

<!--FUn Facts Section-->
<section class="fun-facts-section fact-counter" style="background-image:url('@Url.Content("~/images/background/image-1.jpg")');">
    <div class="auto-container">
        <!--Heading Title / Light Version-->
        <div class="sec-title centered light-version">
            <div class="icon-box"><span class="flaticon-car-2"></span></div>
            <h2>Our Features</h2>
        </div>

        <div class="row clearfix">
            <!--Column-->
            <div class="column counter-column wow fadeIn col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <div class="inner">
                    <div class="icon-box"><span class="flaticon-car-1"></span></div>
                    <div class="content">
                        <h4 class="counter-title">Background checked</h4>
                    </div>
                </div>
            </div>

            <!--Column-->
            <div class="column counter-column wow fadeIn col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <div class="inner">
                    <div class="icon-box"><span class="flaticon-car-1"></span></div>
                    <div class="content">
                        <h4 class="counter-title">Able to drive, safe and smooth</h4>
                    </div>
                </div>
            </div>

            <!--Column-->
            <div class="column counter-column wow fadeIn col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <div class="inner">
                    <div class="icon-box"><span class="flaticon-car-1"></span></div>
                    <div class="content">
                        <h4 class="counter-title">Personably sociable or professionally discrete</h4>
                    </div>
                </div>
            </div>

            <!--Column-->
            <div class="column counter-column wow fadeIn col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <div class="inner">
                    <div class="icon-box"><span class="flaticon-car-1"></span></div>
                    <div class="content">
                        <h4 class="counter-title">Experienced driving in the Chennai & Out Side areas</h4>
                    </div>
                </div>
            </div>

            <!--Column-->
            <div class="column counter-column wow fadeIn col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <div class="inner">
                    <div class="icon-box"><span class="flaticon-car-1"></span></div>
                    <div class="content">
                        <h4 class="counter-title">Formally Dressed and Presentable</h4>
                    </div>
                </div>
            </div>

            <!--Column-->
            <div class="column counter-column wow fadeIn col-lg-4 col-md-6 col-sm-6 col-xs-12">
                <div class="inner">
                    <div class="icon-box"><span class="flaticon-car-1"></span></div>
                    <div class="content">
                        <h4 class="counter-title">Reliable as a clock</h4>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>



<!--Best Services Section / Style Two-->
<section class="best-services-section style-two">
    <!--Floated Image-->
    <figure class="floated-image wow slideInRight" data-wow-delay="0ms" data-wow-duration="1500ms"><img src="@Url.Content("~/images/services.png")" alt="">></figure>

    <div class="auto-container">

        <!--Heading Title-->
        <div class="sec-title">
            <h2>Our Awesome Services</h2>
        </div>

        <div class="outer-box">
            <div class="row clearfix">

                <!--Service Block-->
                <div class="service-block-four col-md-4 col-sm-6 col-xs-12">
                    <div class="inner-box">
                        <!--Image layer-->
                        <div class="image-layer" style="background-image:url(@Url.Content("~/images/resource/featured-image-5.jpg"));"></div>

                        <div class="icon-box"><span class="flaticon-transport-1"></span></div>
                        <h3>Airports / Railway Stations</h3>
                    </div>
                </div>

                <!--Service Block-->
                <div class="service-block-four col-md-4 col-sm-6 col-xs-12">
                    <div class="inner-box">
                        <!--Image layer-->
                        <div class="image-layer" style="background-image:url(@Url.Content("~/images/resource/featured-image-5.jpg"));"></div>

                        <div class="icon-box"><span class="flaticon-car-2"></span></div>
                        <h3>Local / Out Station</h3>
                    </div>
                </div>

                <!--Service Block-->
                <div class="service-block-four col-md-4 col-sm-6 col-xs-12">
                    <div class="inner-box">
                        <!--Image layer-->
                        <div class="image-layer" style="background-image:url(@Url.Content("~/images/resource/featured-image-5.jpg"));"></div>

                        <div class="icon-box"><span class="flaticon-home"></span></div>
                        <h3>Home / Office</h3>
                    </div>
                </div>

                <!--Service Block-->
                <div class="service-block-four col-md-4 col-sm-6 col-xs-12">
                    <div class="inner-box">
                        <!--Image layer-->
                        <div class="image-layer" style="background-image:url(@Url.Content("~/images/resource/featured-image-5.jpg"));"></div>

                        <div class="icon-box"><span class="flaticon-shopping-cart"></span></div>
                        <h3>Shopping / Valet Parking</h3>
                    </div>
                </div>

                <!--Service Block-->
                <div class="service-block-four col-md-4 col-sm-6 col-xs-12">
                    <div class="inner-box">
                        <!--Image layer-->
                        <div class="image-layer" style="background-image:url(@Url.Content("~/images/resource/featured-image-5.jpg"));"></div>

                        <div class="icon-box"><span class="flaticon-business-1"></span></div>
                        <h3>Personal Appointments</h3>
                    </div>
                </div>

                <!--Service Block-->
                <div class="service-block-four col-md-4 col-sm-6 col-xs-12">
                    <div class="inner-box">
                        <!--Image layer-->
                        <div class="image-layer" style="background-image:url(@Url.Content("~/images/resource/featured-image-5.jpg"));"></div>

                        <div class="icon-box"><span class="flaticon-location"></span></div>
                        <h3>Tours / Anywhere!</h3>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>

<section class="best-services-section">
    <div class="auto-container">

        <!--Heading Title-->
        <div class="sec-title centered">
            <div class="icon-box"><span class="flaticon-sports-car"></span></div>
            <h2>We are available for any Occasions</h2>
        </div>

        <div class="row clearfix">
            <!--Column -->
            <div class="column col-md-4 col-sm-12 col-xs-12">
                <!--Service Block-->
                <div class="service-block-three">
                    <div class="inner-box">
                        <div class="icon-box"><span class="flaticon-cup-1"></span></div>
                        <h3>Night Parties</h3>
                    </div>
                </div>

                <!--Service Block-->
                <div class="service-block-three">
                    <div class="inner-box">
                        <div class="icon-box"><span class="flaticon-engagement-ring"></span></div>
                        <h3>Weddings</h3>
                    </div>
                </div>

                <!--Service Block-->
                <div class="service-block-three">
                    <div class="inner-box">
                        <div class="icon-box"><span class="flaticon-pizza-4"></span></div>
                        <h3>Hotels</h3>
                    </div>
                </div>

            </div>

            <!--Column -->
            <div class="column image-column col-md-4 col-sm-12 col-xs-12">
                <div class="inner-box wow slideInUp animated" data-wow-delay="0ms" data-wow-duration="1500ms" style="visibility: visible; animation-duration: 1500ms; animation-delay: 0ms; animation-name: slideInUp;">
                    <div class="image-box">
                        <figure class="image"><img src="@Url.Content("~/images/services.png")" alt="">></figure>
                        <div class="overlay-box">
                            <div class="logo"><img src="@Url.Content("~/images/favicon.png")" alt="">></div>
                            <div class="text">HIRE DRIVERS</div>
                        </div>
                    </div>
                    <figure class="key-image"><img src="@Url.Content("~/images/resource/key-image.png")" alt="">></figure>
                </div>
            </div>

            <!--Column -->
            <div class="column col-md-4 col-sm-12 col-xs-12">
                <!--Service Block-->
                <div class="service-block">
                    <div class="inner-box">
                        <div class="icon-box"><span class="flaticon-shopping-cart"></span></div>
                        <h3>Shopping Malls</h3>
                    </div>
                </div>

                <!--Service Block-->
                <div class="service-block">
                    <div class="inner-box">
                        <div class="icon-box"><span class="flaticon-transport-1"></span></div>
                        <h3>Airports</h3>
                    </div>
                </div>

                <!--Service Block-->
                <div class="service-block">
                    <div class="inner-box">
                        <div class="icon-box"><span class="flaticon-play-button"></span></div>
                        <h3>Cinemas</h3>
                    </div>
                </div>
            </div>
        </div>

    </div>