<!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  -->
                




	
	
	    <!--========== PAGE CONTENT ==========-->
    <!-- Contacts -->
    <div class="content-md container" style="margin-top:140px;">
        <div class="row">
            <div class="col-md-3 col-sm-6 md-margin-b-50">
                <!-- Contacts -->
                <div class="text-center">
                    <i class="font-size-36 color-base margin-b-20 icon-phone"></i>
                    <h3 class="font-size-20">Telephone 1</h3>
                    <p style="text-align:center"> <a href="tel:+212 660 203 604">+212 660 203 604</a></p>
			
                </div>
                <!-- End Contacts -->
            </div>
            <div class="col-md-3 col-sm-6 md-margin-b-50">
                <!-- Contacts -->
                <div class="text-center">
                    <i class="font-size-36 color-base margin-b-20 icon-phone"></i>
                    <h3 class="font-size-20">Telephone 2</h3>
                    <p style="text-align:center"><a href="tel:+1 970 581 6890">+1 970 581 6890</a></p>
                </div>
                <!-- End Contacts -->
            </div>
            <div class="col-md-3 col-sm-6 sm-margin-b-50">
                <!-- Contacts -->
                <div class="text-center">
                    <i class="font-size-36 color-base margin-b-20 icon-map-pin"></i>
                    <h3 class="font-size-20">Address</h3>
                    <p style="text-align:center">Résidence Marrakech Plaza
Immeuble B5, Apt. No. B
Marrakech, Morocco</p>
                </div>
                <!-- End Contacts -->
            </div>
            <div class="col-md-3 col-sm-6">
                <!-- Contacts -->
                <div class="text-center">
                    <i class="font-size-36 color-base margin-b-20 icon-envelope"></i>
                    <h3 class="font-size-20">E-mail</h3>
					<p style="text-align:center"><a href="mailto:info@mddp.com">info@mddp.com</a></p>
                </div>
                <!-- End Contacts -->
            </div>
        </div>
        <!-- // end row -->
    </div>
    <!-- End Contacts -->

    <!-- Contact v2 -->
    <div class="bg-color-sky-light">
        <div class="content-md container">
            <div class="row">
                <div class="col-md-6 md-margin-b-30">
                    <!-- Comment Form v1 -->
                    <form id="comment-form" class="comment-form-v1 comment-form-error contact-us-equal-height bg-color-white padding-40" action="" method="get">
                        <h2 class="font-size-28 margin-b-40">Leave a Message</h2>
                        <div class="row space-row-10">
                            <div class="col-md-4 margin-b-20">
                                <input type="text" class="form-control comment-form-v1-input" placeholder="First Name *" name="firstname" required>
                            </div>
                            <div class="col-md-4 margin-b-20">
                                <input type="text" class="form-control comment-form-v1-input" placeholder="Last Name">
                            </div>
                            <div class="col-md-4 margin-b-20">
                                <input type="email" class="form-control comment-form-v1-input" placeholder="Email *" name="email" required>
                            </div>
                        </div>
                        <!--// end row -->
                        
                        <div class="margin-b-20">
                            <textarea class="form-control comment-form-v1-input" rows="5" placeholder="Your message *" name="textarea" required></textarea>
                        </div>
                        <div class="margin-b-20">
                            <button type="submit" class="btn-base-bg btn-base-sm radius-3">Submit</button>
                        </div>
                        <p class="font-size-12"><i>* required field</i></p>
                    </form>
                    <!-- End Comment Form v1 -->
                </div>
                
                <!-- Contact Timeline -->
                <div class="col-md-6">
                    <div class="contact-us contact-us-equal-height bg-color-white">
                        <h2 class="font-size-28 margin-b-40">We are Open</h2>
                        <p class="font-style-italic margin-b-40">You can talk to our online representative at any time. Please use our Live Chat System on our website or Fill up instant messaging programs. Please be patient, We will get back to you. Our 24/7 Support, General Inquireies Phone: <a href="tel:+212 6 60 20 36 04">+212 6 60 20 36 04</a></p>
                        <div class="row margin-b-30 md-margin-b-20">
                            <div class="col-md-3 md-margin-b-20">
                                <span class="contact-us-timeline-day">Monday</span>
                                <span class="contact-us-timeline-time">08am - 05pm</span>
                            </div>
                            <div class="col-md-3 md-margin-b-20">
                                <span class="contact-us-timeline-day">Tuesday</span>
                                <span class="contact-us-timeline-time">08am - 05pm</span>
                            </div>
                            <div class="col-md-3 md-margin-b-20">
                                <span class="contact-us-timeline-day">Wednesday</span>
                                <span class="contact-us-timeline-time">08am - 05pm</span>
                            </div>
                            <div class="col-md-3">
                                <span class="contact-us-timeline-day">Thursday</span>
                                <span class="contact-us-timeline-time">08am - 05pm</span>
                            </div>
                        </div>
                        <!--// end row -->
                        
                        <div class="row">
                            <div class="col-md-3 md-margin-b-20">
                                <span class="contact-us-timeline-day">Friday</span>
                                <span class="contact-us-timeline-time">08am - 05pm</span>
                            </div>
                            <div class="col-md-3 md-margin-b-20">
                                <span class="contact-us-timeline-day">Saturday</span>
                                <span class="contact-us-timeline-time">08am - 05pm</span>
                            </div>
                            <div class="col-md-3 md-margin-b-20">
                                <span class="contact-us-timeline-day bg-color-red">Sunday</span>
                                <span class="contact-us-timeline-time">Closed</span>
                            </div>
                            <div class="col-md-3">
                                <span class="contact-us-timeline-day bg-color-red">Holiday</span>
                                <span class="contact-us-timeline-time">Closed</span>
                            </div>
                        </div>
                        <!--// end row -->
                    </div>
                </div>
                <!-- End Contact Timeline -->
            </div>
            <!--// end row -->
        </div>
    </div>
    <!-- End Contact v2 -->

    <!-- Google Map -->
    <div class="container-fluit" id="map">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d108647.6276260689!2d-8.208323970745134!3d31.682051049630655!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xdafc1da3e06b4bb%3A0x3f25c29b7c198aa1!2sMDPP+%7CMarrakech+Date+Palm+Project!5e0!3m2!1sen!2sae!4v1547904844291" width="100%" height="450" frameborder="0" style="border: 0px; pointer-events: none;" allowfullscreen=""></iframe>
    </div>
    <!-- End Google Map -->
    <!--========== END PAGE CONTENT ==========-->


				
				
				

		 	<?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/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>