<!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-md container" style="padding-top: 140px;">
	
	
	
            <div class="row margin-b-30">
			<div class="heading-v2">
                <h2 class="heading-v2-title pressmedia">Press Media</h2>
                <p class="heading-v2-text">from Marrakech Date Palm Project</p>
            </div>
			
                <div class="col-md-4 md-margin-b-30">
                    <!-- Blog Classic -->
                    <article class="blog-classic">
                        <img class="img-responsive" src="images/b1.jpg" alt="">
                        <div class="blog-classic-body">
                            <h2 class="blog-classic-title">Investments in a Holistic Vision</h2>
                            <span class="blog-classic-subtitle">Admin</span>
                            <p class="blog-classic-paragraph" style="text-transform: capitalize !important;text-align: justify">Investments in a Holistic Vision of the New Oasis City are Critical for Improved Livelihoods in Drylands in the Face of Climate Change...</p>
                        </div>
                        <div class="blog-classic-overlay">
                            <div class="blog-classic-hover">
                                <img class="blog-classic-hover-img" src="images/b1.jpg" alt="">
                            </div>
                            <div class="blog-classic-overlay-body">
                                <h2 class="blog-classic-title">Investments in a Holistic Vision</h2>
                                <span class="blog-classic-subtitle">Investments in a Holistic Vision of the New Oasis City are Critical for Improved Livelihoods in Drylands in the Face of Climate Change...</span>
                                <a class="blog-classic-paragraph" href="#">Admin</a>
                            </div>
                        </div>
                        <a href="Investments-in-a-Holistic-Vision.php" class="blog-classic-link"></a>
                    </article>
                    <!-- End Blog Classic -->
                </div>

                <div class="col-md-4 md-margin-b-30">
                    <!-- Blog Classic -->
                    <article class="blog-classic">
                        <img class="img-responsive" src="images/b2.png" alt="">
                        <div class="blog-classic-body">
                            <span class="blog-classic-label">New</span>
                            <h2 class="blog-classic-title">Resilience Programme</h2>
                            <span class="blog-classic-subtitle">Admin</span>
                            <p class="blog-classic-paragraph" style="text-transform: capitalize !important;text-align: justify">Foster + Partners &amp; MDPP hosted the Urban and Rural Areas Resilience Programme, Oasis Cities at COP22 Side Event – UN Climate Change Conference The Urban and Rural Areas Resilience Programme, Oasis Cities...</p>
                        </div>
                        <div class="blog-classic-overlay">
                            <div class="blog-classic-hover">
                                <img class="blog-classic-hover-img" src="images/b2.png" alt="">
                            </div>
                            <div class="blog-classic-overlay-body">
                                <h2 class="blog-classic-title">Resilience Programme</h2>
                                <span class="blog-classic-subtitle">Foster + Partners &amp; MDPP hosted the Urban and Rural Areas Resilience Programme, Oasis Cities at COP22 Side Event – UN Climate Change Conference The Urban and Rural Areas Resilience Programme, Oasis Cities...</span>
                                <a class="blog-classic-paragraph" href="#">Admin</a>
                            </div>
                        </div>
                        <a href="Resilience-Programme.php" class="blog-classic-link"></a>
                    </article>
                    <!-- End Blog Classic -->
                </div>

                <div class="col-md-4">
                    <!-- Blog Classic -->
                    <article class="blog-classic">
                        <img class="img-responsive" src="images/b3.jpg" alt="">
                        <div class="blog-classic-body">
                            <span class="blog-classic-label">New</span>
                            <h2 class="blog-classic-title">Urban and Rural Resilience</h2>
                            <span class="blog-classic-subtitle">Admin</span>
                            <p class="blog-classic-paragraph" style="text-transform: capitalize !important;text-align: justify">This programme aims to evaluate existing oasis cities and their symbiosis with rural areas in order to propose solutions for economic growth, jobs capacity and resilience building...</p>
                        </div>
                        <div class="blog-classic-overlay">
                            <div class="blog-classic-hover">
                                <img class="blog-classic-hover-img" src="images/b3.jpg" alt="">
                            </div>
                            <div class="blog-classic-overlay-body">
                                <h2 class="blog-classic-title">Urban and Rural Resilience</h2>
                                <span class="blog-classic-subtitle">This programme aims to evaluate existing oasis cities and their symbiosis with rural areas in order to propose solutions for economic growth, jobs capacity and resilience building...</span>
                                <a class="blog-classic-paragraph" href="#">Admin</a>
                            </div>
                        </div>
                        <a href="Urban-and-Rural-Resilience.php" class="blog-classic-link"></a>
                    </article>
                    <!-- End Blog Classic -->
                </div>
            </div>
            <!--// end row -->

           

           
            <!--// end row -->
        </div>




			
				
				
				
				
				

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