@{
    ViewBag.Title = "Index";
    Layout = "~/Views/GeneralMaster.cshtml";
}

        <section class="slider">
            <div class="callbacks_container">
                <ul class="rslides" id="slider">
                    <li>
                        <div class="w3layouts-banner-top w3layouts-banner-top1">
                            <div class="banner-dott">
                                <div class="container">
                                    <div class="slider-info">
                                        <h4>HAJ</h4>
                                        <p class="header-content">The Hajj is an annual Islamic pilgrimage to Mecca, Saudi Arabia, the holiest city for Muslims, and a mandatory religious duty for Muslims that must be carried out at least once in their lifetime by all adult Muslims who are physically and financially capable of undertaking the journey.</p>
                                       <div class="bannergrids">
                                            <div class="col-md-4">
                                                <div class="grid1">
                                                    <img src="~/Content/images/pic1.jfif" class="img img-responsive">
                                                    <h4 class="sliderhead">HAJ</h4>
                                                    <div class="w3ls-button">
                                                        <a href="/Home/Haj">See More</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="grid1">
                                                    <img src="~/Content/images/pic2.jfif" class="img img-responsive">
                                                    <h4>UMRAH</h4>
                                                    <div class="w3ls-button">
                                                        <a href="/Home/Umrah">See More</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="grid1">
                                                    <img src="~/Content/images/pic3.jfif" class="img img-responsive">
                                                    <h4>Tourist Visa</h4>
                                                    <div class="w3ls-button">
                                                        <a href="/Home/Ziyarat">See More</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="w3layouts-banner-top">
                            <div class="banner-dott">
                                <div class="container">
                                    <div class="slider-info">
                                        <h4>UMRAH</h4>
                                        <p class="header-content">The Umrah is an Islamic pilgrimage to Mecca, Saudi Arabia, the holiest city for Muslims, that can be undertaken at any time of the year, in contrast to the Ḥajj, which has specific dates according to the Islamic lunar calendar.</p>
                                       <div class="bannergrids">
                                            <div class="col-md-4">
                                                <div class="grid1">
                                                    <img src="~/Content/images/pic1.jfif" class="img img-responsive">
                                                    <h4>HAJ</h4>
                                                    <div class="w3ls-button">
                                                        <a href="/Home/Haj">See More</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="grid1">
                                                    <img src="~/Content/images/pic2.jfif" class="img img-responsive">
                                                    <h4>UMRAH</h4>
                                                    <div class="w3ls-button">
                                                        <a href="/Home/Umrah">See More</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="grid1">
                                                    <img src="~/Content/images/pic3.jfif" class="img img-responsive">
                                                    <h4>Tourist Visa</h4>
                                                    <div class="w3ls-button">
                                                        <a href="/Home/Ziyarat">See More</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="w3layouts-banner-top w3layouts-banner-top3">
                            <div class="banner-dott">
                                <div class="container">
                                    <div class="slider-info">
                                        <h4>ZIYARAT</h4>
                                        <p class="header-content">In Islam, ziyara or ziyarat is a form of pilgrimage to sites associated with Muhammad, his family members and descendants, his companions and other venerated figures in Islam such as the prophets, Sufi auliya, and Islamic scholars. Sites of pilgrimage include mosques, maqams, battlefields, mountains and caves.</p>
                                        <div class="bannergrids">
                                            <div class="col-md-4">
                                                <div class="grid1">
                                                    <img src="~/Content/images/pic1.jfif" class="img img-responsive">
                                                    <h4>HAJ</h4>
                                                    <div class="w3ls-button">
                                                        <a href="/Home/Haj">See More</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="grid1">
                                                    <img src="~/Content/images/pic2.jfif" class="img img-responsive">
                                                    <h4>UMRAH</h4>
                                                    <div class="w3ls-button">
                                                        <a href="/Home/Umrah">See More</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-4">
                                                <div class="grid1">
                                                    <img src="~/Content/images/pic3.jfif" class="img img-responsive">
                                                    <h4>Tourist Visa</h4>
                                                    <div class="w3ls-button">
                                                        <a href="/Home/Ziyarat">See More</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </li>

                </ul>
            </div>
            <div class="clearfix"></div>
        </section>
        <!-- //Slider -->
        <!---728x90--->
       
        <!-- About section -->
        <section class="about" id="about">
            <div class="container">
                <h3 class="heading">Welcome to Heena Travel</h3>
                <div class="col-md-5 about_left">

                </div>
                <div class="col-md-7 about_right">
                    <p align="justify">
                        Heena Travel Service was established in 1987 with the holy purpose of serving Hajj and Umrah Zaireen.
                        Since our beginning, Heena Travel Service has become one of the primier travel and tour operators. With
                        the passage of time, we have attained ample experience and specialization in all types of travel. We have
                        sound knowledge of the difficulties and its remedies which the pilgrims face during their pious journeys.
                    </p>

                    <ul>
                        <li><a class="w3ls_more" href="/Home/AboutUs">Read More</a></li>
</ul>
                </div>
                <div class="clearfix"></div>

            </div>
        </section>
        <!-- //About section -->
        <!---728x90--->
        <!-- /services -->
        <section class="w3-services" id="services">
            <div class="container">
                <h3 class="heading">Services</h3>
                <div class="w3-services-grids">

                    <div class="col-sm-12 w3-services-right-grid">
                        <div class="w3-icon-grid-gap1">
                            <div class="col-sm-4 w3-icon-grid1">
                                <i class="fa fa-codepen" aria-hidden="true"></i>
                                <div class="clearfix"></div>
                                <h3>Accomodation</h3>
                                <div class="clearfix"></div>
                                <p align="justify">Lorem ipsum dolor sit amet, consectetur adipisci ngelit. In euismod faucibus quam.</p>
                            </div>
                            <div class="col-sm-4 w3-icon-grid1">
                                <i class="fa fa-truck" aria-hidden="true"></i>
                                <div class="clearfix"></div>
                                <h3>Transportation</h3>
                                <div class="clearfix"></div>
                                <p align="justify">Lorem ipsum dolor sit amet, consectetur adipisci ngelit. In euismod faucibus quam.</p>
                            </div>
                            <div class="col-sm-4 w3-icon-grid1">
                                <i class="fa fa-child" aria-hidden="true"></i>
                                <div class="clearfix"></div>
                                <h3>Travel Guides</h3>
                                <div class="clearfix"></div>
                                <p align="justify">Lorem ipsum dolor sit amet, consectetur adipisci ngelit. In euismod faucibus quam.</p>
                            </div>
                        </div>

                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </section>
        <!-- //services -->
        <!---728x90--->
        <!-- Popular packages  -->
        <section class="packages" id="packages">
            <div class="container">
                <h3 class="heading">Popular Packages</h3>
                <div class="popular_packages_grids">
                    <div class="package_top_grid">
                        <div class="col-md-6">
                            <div class="packages_left">

                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="packages_right">
                                <h3>HAJ</h3>
                                <p align="justify">
                                    The Hajj is an annual Islamic pilgrimage to Mecca, Saudi Arabia, the holiest city for Muslims, and a mandatory religious duty for Muslims that must be carried out at least once in their lifetime by all adult Muslims who are...
                                </p>
                                <a href="/Home/Haj">Read More <span class="fa fa-long-arrow-right"></span></a>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <div class="package_middle_grid">
                        <div class="col-md-6">
                            <div class="packages_right packages_right1">
                                <h3>UMRAH</h3>
                                <p align="justify">
                                    The Umrah is an Islamic pilgrimage to Mecca, Saudi Arabia, the holiest city for Muslims, that can be undertaken at any time of the year, in contrast to the Ḥajj, which has specific dates according to the Islamic lunar calendar.
                                </p>
                                <a href="/Home/Umrah">Read More <span class="fa fa-long-arrow-right"></span></a>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="packages_left1">

                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <div class="package_bottom_grid">
                        <div class="col-md-6">
                            <div class="packages_left2">

                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="packages_right packages_right2">
                                <h3>VISIT VISA</h3>
                                <p align="justify">
                                    In Islam, ziyara or ziyarat is a form of pilgrimage to sites associated with Muhammad, his family members and descendants, his companions and other venerated figures in Islam such as the prophets, Sufi auliya, and Islamic scholars.
                                </p>
                                <a href="/Home/Ziyarat">Read More <span class="fa fa-long-arrow-right"></span></a>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </section>
        <!-- //Popular packages -->

                <!--CTO-->
<div class="container-fluid ConForm">
        <div class="col-sm-12">
            <h4 class="text-center">Enjoy Your Trip</h4>
            <p align="justify">In Islam, ziyara or ziyarat is a form of pilgrimage to sites associated with Muhammad, his family members and descendants, his companions and other venerated figures in Islam such as the prophets, Sufi auliya, and Islamic scholars. In Islam, ziyara or ziyarat is a form of pilgrimage to sites associated with Muhammad, his family members and descendants, his companions and other venerated figures in Islam such as the prophets, Sufi auliya, and Islamic scholars.</p>
        </div>
</div>
                <!--//CTO-->

        <!-- Tour trips  -->
        <section class="special" id="offers">
            <div class="container">
                <h3 class="heading">Recent Trips</h3>
                <div class="agileits-special-grids">
                    <div id="owl-demo" class="owl-carousel owl-theme">
                        <div class="item">
                            <div class="special-info">
                                <div class="special-info-top">
                                    <div class="special-star">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </div>
                                    <h4>Paris</h4>
                                </div>
                                <div class="special-info-bottom">
                                    <p>Vivamus pulvinar imperdiet lorem vel aliquam. Maecenas nunc tellus.</p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="special-info special-info1">
                                <div class="special-info-top">
                                    <div class="special-star">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    </div>
                                    <h4>London</h4>
                                </div>
                                <div class="special-info-bottom">
                                    <p>Vivamus pulvinar imperdiet lorem vel aliquam. Maecenas nunc tellus.</p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="special-info special-info2">
                                <div class="special-info-top">
                                    <div class="special-star">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </div>
                                    <h4>Maldives</h4>
                                </div>
                                <div class="special-info-bottom">
                                    <p>Vivamus pulvinar imperdiet lorem vel aliquam. Maecenas nunc tellus.</p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="special-info">
                                <div class="special-info-top">
                                    <div class="special-star">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    </div>
                                    <h4>Bermuda</h4>
                                </div>
                                <div class="special-info-bottom">
                                    <p>Vivamus pulvinar imperdiet lorem vel aliquam. Maecenas nunc tellus.</p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="special-info special-info1">
                                <div class="special-info-top">
                                    <div class="special-star">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                    </div>
                                    <h4>Australia</h4>
                                </div>
                                <div class="special-info-bottom">
                                    <p>Vivamus pulvinar imperdiet lorem vel aliquam. Maecenas nunc tellus.</p>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="special-info special-info2">
                                <div class="special-info-top">
                                    <div class="special-star">
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star" aria-hidden="true"></i>
                                        <i class="fa fa-star-half-o" aria-hidden="true"></i>
                                    </div>
                                    <h4>Thailand</h4>
                                </div>
                                <div class="special-info-bottom">
                                    <p>Vivamus pulvinar imperdiet lorem vel aliquam. Maecenas nunc tellus.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- //Tour packages -->
        <!-- js-scripts -->
        <!-- js -->
        <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
        <script type="text/javascript" src="js/bootstrap.js"></script> <!-- Necessary-JavaScript-File-For-Bootstrap -->
        <!-- //js -->
        <!--  Testimonials js-->
        <script defer src="js/jquery.flexslider.js"></script>
        <!--Start-slider-script-->
        <script type="text/javascript">

            $(window).load(function () {
                $('.flexslider').flexslider({
                    animation: "slide",
                    start: function (slider) {
                        $('body').removeClass('loading');
                    }
                });
            });
        </script>
        <!--End-slider-script-->
        <!--  //Testimonials js-->
        <!-- Recent Trips js file-->
        <script src="js/owl.carousel.js"></script>
        <!-- Recent Trips Script-->
        <script>
            $(document).ready(function () {
                $("#owl-demo").owlCarousel({

                    autoPlay: 3000, //Set AutoPlay to 3 seconds
                    autoPlay: true,
                    items: 3,
                    itemsDesktop: [640, 5],
                    itemsDesktopSmall: [414, 4]

                });

            });
        </script>
        <!-- //Recent Trips section Script-->
        <!-- //Recent Trips js file-->
        <!-- start-smoth-scrolling -->
        <script src="js/SmoothScroll.min.js"></script>
        <script type="text/javascript" src="js/move-top.js"></script>
        <script type="text/javascript" src="js/easing.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function ($) {
                $(".scroll").click(function (event) {
                    event.preventDefault();
                    $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000);
                });
            });
        </script>
        <!-- here stars scrolling icon -->
        <script type="text/javascript">
            $(document).ready(function () {
                /*
                    var defaults = {
                    containerID: 'toTop', // fading element id
                    containerHoverID: 'toTopHover', // fading element hover id
                    scrollSpeed: 1200,
                    easingType: 'linear'
                    };
                */

                $().UItoTop({ easingType: 'easeOutQuart' });

            });
        </script>
        <!-- //here ends scrolling icon -->
        <!-- start-smoth-scrolling -->
        <!-- Banner-js -->
        <script src="js/responsiveslides.min.js"></script>
        <script>
            $(function () {
                $("#slider").responsiveSlides({
                    auto: true,
                    pager: false,
                    nav: true,
                    speed: 1000,
                    namespace: "callbacks",
                    before: function () {
                        $('.events').append("<li>before event fired.</li>");
                    },
                    after: function () {
                        $('.events').append("<li>after event fired.</li>");
                    }
                });
            });
        </script>
        <!-- //Baneer-js -->
        <!-- script for fonts --
            <script>
            $(document).ready(function() {

            var fontSize = $(window).width()/50;
            $('body').css('font-size', fontSize);

            $(window).resize(function() {
            var fontSize = $(window).width()/50;
            $('body').css('font-size', fontSize);
            });

            });
            </script>
        <!-- //script for fonts -->
        <!-- //js-scripts -->

        <div id="v-w3layouts"></div>
        <script>(function (v, d, o, ai) { ai = d.createElement('script'); ai.defer = true; ai.async = true; ai.src = v.location.protocol + o; d.head.appendChild(ai); })(window, document, '../../../../../../../a.vdo.ai/core/v-w3layouts/vdo.ai.js');</script>