@{
    ViewBag.Title = "Elanadu";
    Layout = "~/Views/Shared/Home_Layout.cshtml";
}
<script src="~/App/Public/js/jquery-3.1.1.min.js"></script>
<style>
    .wd_100 {
        width: 100%;
    }
</style>
<!--Status View-->
<div id="ViewStatuspartial"></div>
<!--Status View-->

<!--About US-->
<section id="about" class="padding">
    <div class="container aboutus">
        <div class="row">
            <div class="col-md-7 wow fadeInLeft animated" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInLeft;">
                <h2 class="heading darkcolor font-light2 heading_space"> Welcome To Elanadu Milk <span class="divider-left"></span></h2>
                <h4 class="darkcolor bottom25">Elanad Milk is an ISO 22000 certified company, committed to international standards of product quality. Our product portfolio includes milk, ghee, processed butter, etc. Elanad MilkLocated in the lush greenery of Elanad, close to Thrissur, The Cultural Capital of Kerala. </h4>
                <p class="bottom25">
                    The Pride of Elanad Milk is a reflection of our passion for milk. We believe in the significant part played by milk, strengthening and protecting the body and mind to live a fuller, more complete life each day. We know that cow’s milk at its best represents the pinnacle of nutrition and health!ssing, conforming to international d airy practices.

                </p>
                <p class="bottom25">
                    Butter is a dairy product made by churning fresh or fermented cream or milk. It is generally used as a spread and/or a condiment, as well as in cooking applications such as baking, sauce making, and frying. Butter consists of butterfat, water and milk proteins, salt and flavorings.
                </p>
            </div>
            <div class="col-md-5 wow fadeInRight animated" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeInRight;">
                <div class="image">
                    <img src="~/App/Public/images/split-img3.jpg" alt="Webox">
                </div>
            </div>
        </div>
    </div>
</section>
<!--ABout US-->
<!--Customers Review-->
<section id="our-media" class="padding bg_light feature">
    <div class="container">
        <div class="row">
            <div class="col-md-12 wow fadeIn animated" data-wow-delay="300ms" style="visibility: visible; animation-delay: 300ms; animation-name: fadeIn;">
                <h2 class="heading darkcolor font-light2 bottom30"> Company Products <span class="divider-left"></span></h2>
            </div>
            <div class="wd_100" id="viewproductCatpartial"></div>
        </div>
    </div>
</section>
<!--Customers Review-->
<!-- Gallery -->
<section id="gallery" class="padding">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2 class="heading heading_space darkcolor wow fadeIn" data-wow-delay="300ms"><span>Our</span> Elanadu Gallery<span class="divider-center"></span></h2>
            </div>
        </div>
        <div id="projects" class="cbp">
            <div id="viewgalleryindexpartial"></div>
        </div>
        <a class=" btn_common btn_primary btn_hvrdanger mt_40" href="Gallery">View More</a>

    </div>
</section>
<!-- Gallery -->
<!--Fun Facts-->
<section id="bg-counters" class="parallaxie padding">
    <div class="container">
        <h2 class="d-none">hidden</h2>
        <div class="row number-counters">
            <div class="col-md-3 col-sm-6 col-xs-6 counters-item text-center wow fadeInUp" data-wow-delay="300ms">
                <i class="fa fa-users"></i>
                <strong class="darkcolor" data-to="1235">0</strong>
                <p class="darkcolor">Our Employees</p>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 counters-item text-center wow fadeInUp" data-wow-delay="400ms">
                <i class="fa fa-shopping-cart"></i>
                <strong class="darkcolor" data-to="8">0</strong>
                <p class="darkcolor">Our Products</p>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 counters-item text-center wow fadeInUp" data-wow-delay="500ms">
                <i class="fa fa-clock-o"></i>
                <strong class="darkcolor" data-to="24">0</strong>
                <p class="darkcolor">Hours of Working</p>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 counters-item text-center wow fadeInUp" data-wow-delay="600ms">
                <i class="fa fa-home"></i>
                <strong class="darkcolor" data-to="12">0</strong>
                <p class="darkcolor">Our Branches</p>
            </div>
        </div>
    </div>
</section>
<!--Fun Facts-->
<div id="ViewBestBranpartial"></div>


<script>
    $("#ViewBestBranpartial").load("ViewBestBranpartial");
    $("#ViewStatuspartial").load("ViewStatuspartial");
    $("#viewproductCatpartial").load("viewproductCatpartial");
    $("#viewgalleryindexpartial").load("viewgalleryindexpartial");   
</script>