  <!doctype html>
<html class="no-js" lang="en" prefix="og: http://ogp.me/ns#">
<head>
      <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-NF5L7B');</script>
    <!-- End Google Tag Manager -->
    <!--
    Developed by Hoppinger BV 2018
    http://www.hoppinger.com
  -->
  <meta charset="" />
  <title>Building with Nature - Ecoshape - Ecoshape</title>
  <meta name="description" content="a hydraulic engineering solution">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Favicon -->
  <link rel="apple-touch-icon" sizes="57x57" href="/assets/images/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="/assets/images/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="/assets/images/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="/assets/images/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="/assets/images/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="/assets/images/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="/assets/images/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="/assets/images/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192"  href="/assets/images/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/images/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="/assets/images/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/assets/images/favicon-16x16.png">
  <link rel="manifest" href="/assets/images/manifest.json">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-TileImage" content="/assets/images/ms-icon-144x144.png">
  <meta name="theme-color" content="#ffffff">

  
<!-- This site is optimized with the Yoast SEO plugin v5.8 - https://yoast.com/wordpress/plugins/seo/ -->
<link rel="canonical" href="https://www.ecoshape.org/en/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Building with Nature - Ecoshape" />
<meta property="og:url" content="https://www.ecoshape.org/en/" />
<meta property="og:site_name" content="Ecoshape" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Building with Nature - Ecoshape" />
<script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"WebSite","@id":"#website","url":"https:\/\/www.ecoshape.org\/en\/","name":"Ecoshape","potentialAction":{"@type":"SearchAction","target":"https:\/\/www.ecoshape.org\/en\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
<!-- / Yoast SEO plugin. -->

<link rel='dns-prefetch' href='//s.w.org' />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/www.ecoshape.org\/en\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.2"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56794,8205,9794,65039],[55358,56794,8203,9794,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='ecoshape-css'  href='https://www.ecoshape.org/assets/stylesheets/style.min.d4306986.css' type='text/css' media='all' />
<script type='text/javascript' src='https://www.ecoshape.org/assets/javascripts/scripts-vendor.min.913cb34e.js'></script>
<link rel='https://api.w.org/' href='https://www.ecoshape.org/en/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.ecoshape.org/en/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://www.ecoshape.org/en/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 4.9.2" />
<link rel='shortlink' href='https://www.ecoshape.org/en/' />
<link rel="alternate" type="application/json+oembed" href="https://www.ecoshape.org/en/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ecoshape.org%2Fen%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://www.ecoshape.org/en/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.ecoshape.org%2Fen%2F&#038;format=xml" />
<link rel="alternate" hreflang="nl" href="https://www.ecoshape.org/nl/" />

</head>
  <body class="home page-template-default page page-id-5">
          <!-- Google Tag Manager (noscript) -->
      <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NF5L7B"
      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
      <!-- End Google Tag Manager (noscript) -->
    
    <header class="header header--nederlands">
  
      <div class="header__actions">
      <a href="#" data-trigger="search:toggle" class="header__item header__item--search">
        <span class="icon-open"></span>
        <span class="icon-close"></span>
      </a>
              <a href="/nl/homepagina" class="header__item header__item--lang">
          <span data-view="lang">Nederlands</span>
          <span data-view="code">nl</span>
        </a>
            <a href="#" data-trigger="menu:toggle" class="header__item header__item--menu"><b>Menu</b><span></span></a>
    </div>
  
  <div class="header__curtain header__curtain--menu" data-menu>

    <div class="header__wrapper">

      <div class="header__inner">

        <div class="header__row  header__row--nav">
          <div class="header__cell">
                          <nav class="header-nav header-nav--primary">
                <h2 class="header-nav__title">Themes</h2>
                <ul class="header-nav__list">
                                      <li class="header-nav__item">
                      <a href="https://www.ecoshape.org/en/themes/nature-based-flood-defences/" class="header-nav__link">Nature based flood defences</a>
                    </li>
                                      <li class="header-nav__item">
                      <a href="https://www.ecoshape.org/en/themes/sustainable-harbour-development/" class="header-nav__link">Sustainable Port Development</a>
                    </li>
                                      <li class="header-nav__item">
                      <a href="https://www.ecoshape.org/en/themes/ecosystem-restoration/" class="header-nav__link">Ecosystem Restoration</a>
                    </li>
                                      <li class="header-nav__item">
                      <a href="https://www.ecoshape.org/en/themes/resilient-delta-cities/" class="header-nav__link">Resilient Delta Cities</a>
                    </li>
                                  </ul>
              </nav>
                      </div>

          <div class="header__cell">
            <nav class="header-nav header-nav--secondary">
              <!-- <h2 class="header-nav__title">Other pages</h2> -->
              <ul class="header-nav__list ">
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-125">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/news/">News</a>
                </li>
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-127">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/agenda/">Agenda</a>
                </li>
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-123">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/projects/">Projects</a>
                </li>
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-126">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/design-guidelines/">Design Guidelines</a>
                </li>
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-387">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/the-building-with-nature-philosophy/">Building with Nature philosophy</a>
                </li>
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-124">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/about-ecoshape/">About Ecoshape</a>
                </li>
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-392">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/community/">Our network</a>
                </li>
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-378">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/publications/">Library</a>
                </li>
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-128">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/contact/">Contact</a>
                </li>
                                <li class="header-nav__item  menu-item menu-item-type-post_type menu-item-object-page menu-item-706">
                  <a class="header-nav__link" href="https://www.ecoshape.org/en/newsletters/">Newsletters</a>
                </li>
                              </ul>

                <ul class="social social--header">
          <li class="social__item">
        <a href="https://twitter.com/ecoshapeBwn" target="_blank" class="social__link">twitter</a>
      </li>
              <li class="social__item">
        <a href="https://www.linkedin.com/company/5323457" target="_blank" class="social__link">linkedin</a>
      </li>
              <li class="social__item">
        <a href="https://www.facebook.com/groups/209018792453642" target="_blank" class="social__link">facebook</a>
      </li>
      </ul>

            </nav>



            </div>
        </div>
      </div>

    </div>

    <a href="/en/" class="header__logo header__logo--menu">
      <img src="/assets/images/logo.svg"  width="104" height="75" alt="" />
    </a>

  </div>

  <div class="header__curtain header__curtain--search" data-search>
    <div class="header__wrapper">
      <div class="header__inner">
        <div class="header__row  header__row--nav">
          <div class="header__cell">
            <form class="search-form" role="search" method="get" action="https://www.ecoshape.org/en/">
  <h2 class="header-nav__title">Search</h2>
  <div class="search-form__row">
    <div class="search-form__cell">
      <input class="search-form__input" type="text" value="" name="s" placeholder="Enter keywords">
    </div>
    <div class="search-form__cell search-form__cell--submit">
      <button type="submit" name="submit" class="btn-ghost-secondary btn--block">Search</button>
    </div>
  </div>
</form>
          </div>
        </div>
      </div>
    </div>
    <a href="/en/" class="header__logo header__logo--menu">
      <img src="/assets/images/logo.svg"  width="104" height="75" alt="" />
    </a>
  </div>

</header>
<a href="/en/" class="header__logo">
  <img src="/assets/images/logo.svg"  width="104" height="75" alt="" />
</a>

    <main class="main">
      
  <div class="home-wrapper">

    <div class="home-header" data-snap>

      <div class="home-header__wrapper">

        <div class="home-header__inner">
                      <div class="home-header__image">
              <div class="home-header__image-wrapper">
                <img src="https://www.ecoshape.org/uploads/sites/2/2016/06/building-with-nature-2-702x440.jpg" />
                <span data-inview="0.33"></span>
              </div>
            </div>
                    <div class="home-header__content home-header__content--with-image">
            <h1 class="page-title page-title--homepage">Building with Nature</h1>

            <div class="intro intro--homepage">
              <p>EcoShape develops and shares knowledge about Building with Nature: a new approach to hydraulic engineering that harnesses the forces of nature to benefit environment, economy and society</p>
            </div>

                          <a href="https://www.ecoshape.org/en/the-building-with-nature-philosophy/" class="link--arrow-small-right">Discover our philosophy</a>
            
          </div>
        </div>
      </div>
    </div>


          <div class="themes" data-inview="1">
        
          <article class="theme-item" data-snap>

            <a href="https://www.ecoshape.org/en/themes/nature-based-flood-defences/" class="theme-item__inner">

                                  <figure class="theme-item__visual">
                    <div class="theme-item__visual-inner">
                      <img src="https://www.ecoshape.org/uploads/sites/2/2016/08/people-9-1000x750-c-default.jpg" class="theme-item__image" />
                    </div>
                  </figure>
                

                <div class="theme-item__content">
                  <div class="theme-item__content-inner" data-parallax>

                    <div class="theme-item__content-wrapper" data-parallax-target>
                      <div class="parallax-fix">

                        <header class="theme-item__header">
                          <h2 class="theme-item__title">Nature based flood defences</h2>
                        </header>
                        <div class="theme-item__body">
                                                                              <p class="theme-item__intro">Climate change is causing sea level rise and coastal erosion. Innovative and sustainable solutions are needed.</p>
                                                    <span class="theme-item__link">Discover this theme</span>
                        </div>
                      </div>
                    </div>

                  </div>

                </div>

            </a>
          </article>

        
          <article class="theme-item" data-snap>

            <a href="https://www.ecoshape.org/en/themes/sustainable-harbour-development/" class="theme-item__inner">

                                  <figure class="theme-item__visual">
                    <div class="theme-item__visual-inner">
                      <img src="https://www.ecoshape.org/uploads/sites/2/2016/07/sustainable-harbour-development-1000x750-c-default.jpg" class="theme-item__image" />
                    </div>
                  </figure>
                

                <div class="theme-item__content">
                  <div class="theme-item__content-inner" data-parallax>

                    <div class="theme-item__content-wrapper" data-parallax-target>
                      <div class="parallax-fix">

                        <header class="theme-item__header">
                          <h2 class="theme-item__title">Sustainable Port Development</h2>
                        </header>
                        <div class="theme-item__body">
                                                                              <p class="theme-item__intro">Throughout the world, ports are facing the challenge of operating in or near valuable ecosystems. How can we develop these ports sustainably?</p>
                                                    <span class="theme-item__link">Discover this theme</span>
                        </div>
                      </div>
                    </div>

                  </div>

                </div>

            </a>
          </article>

        
          <article class="theme-item" data-snap>

            <a href="https://www.ecoshape.org/en/themes/ecosystem-restoration/" class="theme-item__inner">

                                  <figure class="theme-item__visual">
                    <div class="theme-item__visual-inner">
                      <img src="https://www.ecoshape.org/uploads/sites/2/2016/07/ecosystem-restoration-1000x750-c-default.jpg" class="theme-item__image" />
                    </div>
                  </figure>
                

                <div class="theme-item__content">
                  <div class="theme-item__content-inner" data-parallax>

                    <div class="theme-item__content-wrapper" data-parallax-target>
                      <div class="parallax-fix">

                        <header class="theme-item__header">
                          <h2 class="theme-item__title">Ecosystem Restoration</h2>
                        </header>
                        <div class="theme-item__body">
                                                                              <p class="theme-item__intro">Coastal and lake ecosystems are of great importance for flood protection, economy and the livelihood of communities. </p>
                                                    <span class="theme-item__link">Discover this theme</span>
                        </div>
                      </div>
                    </div>

                  </div>

                </div>

            </a>
          </article>

        
          <article class="theme-item" data-snap>

            <a href="https://www.ecoshape.org/en/themes/resilient-delta-cities/" class="theme-item__inner">

                                  <figure class="theme-item__visual">
                    <div class="theme-item__visual-inner">
                      <img src="https://www.ecoshape.org/uploads/sites/2/2016/07/auto-draft-3-1000x750-c-default.jpg" class="theme-item__image" />
                    </div>
                  </figure>
                

                <div class="theme-item__content">
                  <div class="theme-item__content-inner" data-parallax>

                    <div class="theme-item__content-wrapper" data-parallax-target>
                      <div class="parallax-fix">

                        <header class="theme-item__header">
                          <h2 class="theme-item__title">Resilient Delta Cities</h2>
                        </header>
                        <div class="theme-item__body">
                                                                              <p class="theme-item__intro">Pressure on deltas and coastal regions is rising worldwide. Around 70% of the world’s population will be living and working in these areas by 2050.</p>
                                                    <span class="theme-item__link">Discover this theme</span>
                        </div>
                      </div>
                    </div>

                  </div>

                </div>

            </a>
          </article>

              </div>
    
  </div>

    </main>

    <footer class="footer">
  <div class="footer__inner">
    <div class="footer__top">
      <div class="footer__top-left">
        <a href="https://www.ecoshape.org/en/newsletter-registration/" class="link--white link--medium link--arrow-small-right">Stay up to date, subscribe to our newsletter</a>
      </div>
      <div class="footer__top-right">
          <ul class="social social--footer">
          <li class="social__item">
        <a href="https://twitter.com/ecoshapeBwn" target="_blank" class="social__link">twitter</a>
      </li>
              <li class="social__item">
        <a href="https://www.linkedin.com/company/5323457" target="_blank" class="social__link">linkedin</a>
      </li>
              <li class="social__item">
        <a href="https://www.facebook.com/groups/209018792453642" target="_blank" class="social__link">facebook</a>
      </li>
      </ul>
      </div>

    </div>
    <div class="footer__bottom">

      <nav class="footer__nav">
        <ul class="nav">
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-118">
            <a class="nav-link" href="https://www.ecoshape.org/en/news/">News</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-116">
            <a class="nav-link" href="https://www.ecoshape.org/en/projects/">Projects</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-117">
            <a class="nav-link" href="https://www.ecoshape.org/en/about-ecoshape/">About Ecoshape</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-121">
            <a class="nav-link" href="https://www.ecoshape.org/en/contact/">Contact</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-120">
            <a class="nav-link" href="https://www.ecoshape.org/en/agenda/">Agenda</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-119">
            <a class="nav-link" href="https://www.ecoshape.org/en/design-guidelines/">Design Guidelines</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-233">
            <a class="nav-link" href="https://www.ecoshape.org/en/people/">People</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-232">
            <a class="nav-link" href="https://www.ecoshape.org/en/community/">Our network</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-345">
            <a class="nav-link" href="https://www.ecoshape.org/en/publications/">Library</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-383">
            <a class="nav-link" href="https://www.ecoshape.org/en/about-ecoshape/research-programme/">Research Objectives</a>
          </li>
                    <li class="nav-item  menu-item menu-item-type-post_type menu-item-object-page menu-item-707">
            <a class="nav-link" href="https://www.ecoshape.org/en/newsletters/">Newsletters</a>
          </li>
                  </ul>
      </nav><!-- #nav -->

      <div class="footer__copyright">
        &copy; Ecoshape 2018
      </div>
    </div>
  </div>
</footer>
    <div class="layer__backdrop" style="display:none;"></div>
    <div class="layer" data-layer style="display:none;">
      <a href="#" class="layer__close" data-trigger="layer:hide"></a>
      <div class="layer__content" data-layer-content></div>
    </div>
    <script type='text/javascript' src='https://www.ecoshape.org/assets/javascripts/scripts-plugins.min.2404908d.js'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var js_vars = {"ajaxUrl":"https:\/\/www.ecoshape.org\/en\/wp-admin\/admin-ajax.php","pageName":"Building with Nature","site_url":"https:\/\/www.ecoshape.org\/en"};
/* ]]> */
</script>
<script type='text/javascript' src='https://www.ecoshape.org/assets/javascripts/scripts.min.14397fe5.js'></script>
<script type='text/javascript' src='https://www.ecoshape.org/en/wp-includes/js/wp-embed.min.js?ver=4.9.2'></script>

  </body>
</html>
