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

<head>
        <!--=============== basic  ===============-->
        <meta charset="UTF-8">
        <title>Monolit   - Responsive  Architecture Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="robots" content="index, follow"/>
        <meta name="keywords" content=""/>
        <meta name="description" content=""/>
        <!--=============== css  ===============-->	
        <link type="text/css" rel="stylesheet" href="css/reset.css">
        <link type="text/css" rel="stylesheet" href="css/plugins.css">
        <link type="text/css" rel="stylesheet" href="css/style.css">

        <!--=============== favicons ===============-->
        <link rel="shortcut icon" href="images/favicon.ico">
<!-- GLOBAL MANDATORY STYLES -->
<link href='https://fonts.googleapis.com/css?family=Roboto:100,400,700,500,300,300italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/et-line/et-line.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN THEME PLUGINS STYLE -->
<link href="assets/plugins/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"/>
<link href="assets/css/animate.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/rev-slider/css/settings.css" rel="stylesheet" type="text/css">
<link href="assets/plugins/rev-slider/css/layers.css" rel="stylesheet" type="text/css">
<link href="assets/plugins/rev-slider/css/navigation.css" rel="stylesheet" type="text/css">
<link href="assets/plugins/dzsparallaxer/dzsparallaxer.css" rel="stylesheet" type="text/css"/>
<link href="assets/plugins/owl-carousel/assets/owl.carousel.css" rel="stylesheet" type="text/css"/>
<!-- END THEME PLUGINS STYLE -->

<!-- THEME STYLES -->
<link href="assets/css/global.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->
    </head>
    <body>
	
	
	
	
	    <section class="breadcrumbs-v5 bg-position-fixed breadcrumbs-v5-bg-img-v4" style="visibility:hidden;">
        <div class="container">
           
        </div>
    </section>
        <!-- loader -->
        <div class="loader">
            <div id="movingBallG">
                <div class="movingBallLineG"></div>
                <div id="movingBallG_1" class="movingBallG"></div>
            </div>
        </div>
        <!-- loader end -->
        <!--================= main start ================-->
        <div id="main">
            <!--=============== header ===============-->	
 <?php include 'header.html'; ?>
             <!--=============== wrapper ===============-->	
            <div id="wrapper">
                <!-- content-holder  -->
                <div class="content-holder">
                   
			


            <section class="bg-color-sky-light" style="margin-top: 10px;">
        <div class="content-md container" style="margin-top:0;">
            <div class="row">
			
			

		  <div class="heading-v2" style="margin-bottom:30px;">
                <h2 class="heading-v2-title services">Services</h2>
                <p class="heading-v2-text">from Marrakech Date Palm Project</p>
            </div>

			
			
                <div class="col-md-4 md-margin-b-30" >
                    <!-- Icon Box v2 -->
                    <div class="icon-box-v2 text-center" style="">
                        <div class="icon-box-v2-overlay"></div>
                        <i class="icon-box-v2-icons icon-globe"></i>
                        <div class="margin-b-20">
                         
                            <h4 class="icon-box-v2-body-title" style="font-family:'Lato', sans-serif !important">WE SHIP INTERNATIONALLY</h4>
                        </div>
                        <p class="icon-box-v2-body-paragraph" style="font-family:'Lato', sans-serif !important">With a global grasp & network of leading recognition, we have established a worldwide network of distribution and delivery structure.</p>
                        <a class="icon-box-v2-link" href="#"></a>
                    </div>
                    <!-- End Icon Box v2 -->
                </div>
                <div class="col-md-4 md-margin-b-30">
                    <!-- Icon Box v2 -->
                    <div class="icon-box-v2 text-center" style="">
                        <div class="icon-box-v2-overlay"></div>
                        <i class="icon-box-v2-icons  icon-document"></i>
                        <div class="margin-b-20">
                    
                            <h4 class="icon-box-v2-body-title" style="font-family:'Lato', sans-serif !important">FORMS PAYMENT METHODS</h4>
                        </div>
                        <p class="icon-box-v2-body-paragraph" style="font-family:'Lato', sans-serif !important">We Accept Wire transfers Only for international customers and various forms of payment for local transactions that local banks recognise and approve.</p>
                        <a class="icon-box-v2-link" href="#"></a>
                    </div>
                    <!-- End Icon Box v2 -->
                </div>
                <div class="col-md-4">
                    <!-- Icon Box v2 -->
                    <div class="icon-box-v2 text-center" style="font-family:'Lato', sans-serif !important">
                        <div class="icon-box-v2-overlay"></div>
                        <i class="icon-box-v2-icons icon-wallet"></i>
                        <div class="margin-b-20">
                    
                            <h3 class="icon-box-v2-body-title" style="font-family:'Lato', sans-serif !important">SHIPPING CHARGES </h3>
                        </div>
                        <p class="icon-box-v2-body-paragraph" style="font-family:'Lato', sans-serif !important">Shipping Charges are calculated per carrier regulations and are verified by MDPP.</p><br>
                        <a class="icon-box-v2-link" href="#"></a>
                    </div>
                    <!-- End Icon Box v2 -->
                </div>
            </div>
            <!--// end row -->
        </div>




<div class="content-md container border-bottom-1">
        <div class="row">
            <div class="col-md-4 md-margin-b-30">
                <!-- Services v7 -->
                <div class="services-v7 services-v7-img-one">
                    <div class="services-v7-body">
                        <h2 class="services-v7-title">POST DISTRIBUTION FOLLOW UP</h2>
                        <div class="services-v7-collapsed margin-b-50" style="display: none;">
                            <p class="services-v7-text">A precise technical itinerary ensuring a sound follow - up of the sold date palms, highlighting all steps from vitro plant delivery to post field planting is made available for date growers.</p>
                        </div>
                      
                    </div>
                </div>
                <!-- End Services v7 -->
            </div>
            <div class="col-md-4 md-margin-b-30">
                <!-- Services v7 -->
                <div class="services-v7 services-v7-img-two">
                    <div class="services-v7-body">
                        <h2 class="services-v7-title">CONSULTATION</h2>
                        <div class="services-v7-collapsed margin-b-50" style="display: none;">
                            <p class="services-v7-text">Providing MOU's and Contracts affiliated with all levels of the DATE PALM Industry.</p>
                        </div>
                       
                    </div>
                </div>
                <!-- End Services v7 -->
            </div>
            <div class="col-md-4">
                <!-- Services v7 -->
                <div class="services-v7 services-v7-img-three" style="overflow: auto;">
                    <div class="services-v7-body" style="overflow: auto;">
                        <h2 class="services-v7-title">HARDENING OFF PROGRAM</h2>
                        <div class="services-v7-collapsed margin-b-50" style="overflow: auto; display: none;">
                            <p class="services-v7-text">Tissue culture - derived date palm plantlets produced at MDPP go through a well - planned hardening off program (fertigation, disease &amp; pest control), ensuring successful transition from a controlled micro - environment to natural field conditions with a high survival rate.</p>
                        </div>
                       
                    </div>
                </div>
                <!-- End Services v7 -->
            </div>
        </div>
        <!--// end row -->
    </div>


    </section>

		          
                         	<?php include 'footer.html'; ?>		
				   
				   
                </div>
                <!-- content-holder  end-->
				
				
				
            </div>
            <!-- wrapper end -->
			

 
        </div>
        <!-- Main end -->
        <!--=============== scripts  ===============-->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/plugins.js"></script>
        <script type="text/javascript" src="js/scripts.js"></script>
	<script type="text/javascript" src="js/jquery.smooth-scroll.js"></script>
	<script type="text/javascript">
	
	$(document).ready(function(){
	
		/*-------------------------------------------------------------------------------
	  Menu
	-------------------------------------------------------------------------------*/



	$('.navbar-toggle').on('click',function(){
		$('body').removeClass('menu-is-closed').addClass('menu-is-opened');
	});

	$('.close-menu, .click-capture').on('click', function(){
		$('body').removeClass('menu-is-opened').addClass('menu-is-closed');
		$('.menu-list ul').slideUp(300);
	});
	
	});
		
		var Menu = {
  
  el: {
    ham: $('.menu'),
    menuTop: $('.menu-top'),
    menuMiddle: $('.menu-middle'),
    menuBottom: $('.menu-bottom')
  },
  
  init: function() {
    Menu.bindUIactions();
  },
  
  bindUIactions: function() {
    Menu.el.ham
        .on(
          'click',
        function(event) {
        Menu.activateMenu(event);
        event.preventDefault();
      }
    );
  },
  
  activateMenu: function() {
    Menu.el.menuTop.toggleClass('menu-top-click');
    Menu.el.menuMiddle.toggleClass('menu-middle-click');
    Menu.el.menuBottom.toggleClass('menu-bottom-click'); 
  }
};

Menu.init();
	
	</script>
	
	
	
	
	
<script type="text/javascript" src="assets/plugins/jquery.migrate.min.js"></script>
<script type="text/javascript" src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!-- END CORE PLUGINS -->

<!-- PAGE LEVEL PLUGINS -->
<script type="text/javascript" src="assets/plugins/jquery.back-to-top.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.smooth-scroll.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.html5.video.vide.js"></script>
<script type="text/javascript" src="assets/plugins/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.wow.min.js"></script>
<script type="text/javascript" src="assets/plugins/counter/waypoints.min.js"></script>
<script type="text/javascript" src="assets/plugins/counter/jquery.counterup.min.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.equal-height.js"></script>
<script type="text/javascript" src="assets/plugins/jquery.appear.js"></script>
<script type="text/javascript" src="assets/plugins/dzsparallaxer/dzsparallaxer.js"></script>
<script type="text/javascript" src="assets/plugins/owl-carousel/owl.carousel.min.js"></script>
<!-- END PAGE LEVEL PLUGINS -->

<!-- PAGE LEVEL SCRIPTS -->
<script type="text/javascript" src="assets/scripts/app.js"></script>
<script type="text/javascript" src="assets/scripts/components/header-sticky.js"></script>

<script type="text/javascript" src="assets/scripts/components/scrollbar.js"></script>

<script type="text/javascript" src="assets/scripts/components/wow.js"></script>
<script type="text/javascript" src="assets/scripts/components/form-modal.js"></script>
<script type="text/javascript" src="assets/scripts/components/equal-height.js"></script>
<script type="text/javascript" src="assets/scripts/components/counters.js"></script>
<script type="text/javascript" src="assets/scripts/components/progress-bar.js"></script>
<script type="text/javascript" src="assets/scripts/components/owl-carousel.js"></script>	
	<script type="text/javascript">
					
					$(document).ready(function(){
					
					 var isMobile = window.matchMedia("only screen and (max-width: 760px)").matches;

    if (isMobile) {
		$('.logo-holder').css({"width":"60px","transition":"ease-in-out 0.3s"});			
							 $(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    // Do something
		
	if(scroll > 10){	
		
		
	
		$('.navbar-toggle').css({"margin-top":"30px","transition":"ease-in-out 0.3s"});
		
	}
			 
	if(scroll < 10){
		
	
	
		$('.navbar-toggle').css({"margin-top":"50px","transition":"ease-in-out 0.3s"});
	}
			 
		 
			 
});

}
					
					});
					
					</script>	
	
    </body>


</html>