CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="pingback" href="xmlrpc.php"> <title> HabitatSeven | The Technology | Data driven Web Applications for a Sustainable Planet </title> <link rel="apple-touch-icon" sizes="180x180" href="/resources/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="../resources/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="../resources/favicon/favicon-16x16.png"> <link rel="manifest" href="../resources/favicon/site.webmanifest.txt"> <link rel="mask-icon" href="../resources/favicon/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff">  <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-TJWFSJX');</script>  <meta name="description" content="HabitatSeven is the digital pioneering company that creates progress by designing and developing data driven web applications for a sustainable planet." /> <link rel="canonical" href="" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="HabitatSeven | Data driven Web Applications for a Sustainable Planet." /> <meta property="og:description" content="HabitatSeven is the digital pioneering company that promotes change." /> <meta property="og:url" content="" /> <meta property="og:site_name" content="HabitatSeven" /> <meta property="og:image" content="../resources/images/share-1024x538.png" /> <meta property="og:image:secure_url" content="../resources/images/share-1024x538.png" /> <meta property="og:image:width" content="1024" /> <meta property="og:image:height" content="538" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="HabitatSeven is the digital pioneering company that promotes change." /> <meta name="twitter:title" content="HabitatSeven | Data driven Web Applications for a Sustainable Planet" /> <meta name="twitter:site" content="@HabitatSeven_" /> <meta name="twitter:image" content="../resources/images/share-1024x538.png" /> <meta name="twitter:creator" content="@HabitatSeven_" /> <link rel='dns-prefetch' href='https://www.google.com' /> <link rel='dns-prefetch' href='https://s.w.org' /> <link rel="stylesheet" href="../resources/css/screen.css" media="all" />   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="../resources/js/resize.js"></script> <link rel='https://api.w.org/' href='wp-json/index.json' /> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="../xmlrpc.php-rsd.xml" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="../wp-includes/wlwmanifest.xml" /> <link rel='shortlink' href='' /> </head> <body data-rsssl=1 class="page-template page-template-page-templates page-template-services page-template-page-templatesservices-php page page-id-8 is-desktop"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TJWFSJX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="c-main-loader js-main-loader" style="background-color: #010e1b;"> <div class="c-main-loader__logo js-main-loader-logo"> <span class="js-main-loader-logo"> <img src="../resources/images/h7-logo-light.svg" alt="HabitatSeven"> </span> </div> <div class="c-main-loader__container js-main-loader-container"> <i class="c-main-loader__image js-main-loader-image" style="background-image: url('/resources/images/theprocess-01.jpg');"></i> <i class="c-main-loader__image js-main-loader-image" style="background-image: url('/resources/images/theprocess-02.jpg');"></i> <i class="c-main-loader__image js-main-loader-image" style="background-image: url('/resources/images/theprocess-03.jpg');"></i> <i class="c-main-loader__image js-main-loader-image" style="background-image: url('/resources/images/theprocess-04.jpg');"></i> <i class="c-main-loader__image js-main-loader-image" style="background-image: url('/resources/images/theprocess-05.jpg');"></i> <i class="c-main-loader__image js-main-loader-image" style="background-image: url('/resources/images/theprocess-06.jpg');"></i> <i class="c-main-loader__image js-main-loader-image" style="background-image: url('/resources/images/thetechnology-01.jpg');"></i> <i class="c-main-loader__image js-main-loader-image" style="background-image: url('/resources/images/thetechnology-02.jpg');"></i> </div> <i class="c-main-loader__curtain js-main-loader-curtain"></i> </div> <div class="c-page-transitions js-page-transitions"></div> <div class="c-work-transitions js-work-transition-layer"></div> <div class="c-navigation js-navigation"> <div class="c-navigation__menu js-menu"> <div class="c-navigation__logo js-navigation-logo"> <a href="/index.php" class="js-navigation-link" data-item="2"> <img src="/resources/images/h7-logo-dark.svg" alt="HabitatSeven"> </a> </div> <div class="c-navigation__menu-left"> <div class="navigation-links-wrapper"> <div class="navigation-links-wrapper__inner"> <ul class="navigation-links navigation-links--top"> <li class="navigation-links__item js-navigation-item"> <a data-item="homepage" href="/index.php" class="c-button c-button--text c-button--large js-navigation-link "> <span> Home </span> </a> </li> <li class="navigation-links__item js-navigation-item"> <a data-item="theprocess" href="/theprocess/" class="c-button c-button--text c-button--large js-navigation-link"> <span> Our Process </span> </a> </li> <li class="navigation-links__item js-navigation-item"> <a data-item="thework" href="/thework/" class="c-button c-button--text c-button--large js-navigation-link"> <span> Our Work </span> </a> </li> <li class="navigation-links__item js-navigation-item"> <a data-item="thetechnology" href="/thetechnology/" class="c-button c-button--text c-button--large js-navigation-link"> <span> Emerging Technology </span> </a> </li> </ul>  </div> </div> <ul class="c-contact-info c-contact-info--small">  <li class="c-contact-info__item js-navigation-contact-info"> <span class="u-b6"> m: </span> <a class="c-button c-button--text c-button--bordered c-button--small" href="mailto:hello@HabitatSeven.com"> <span>hello@HabitatSeven.com</span> </a> </li> </ul> </div> <i class="c-menu-bg__cover js-menu-bg-cover"></i> </div> </div> <div id="barba-wrapper"> <div class="barba-container js-init-color" data-menu-item="thetechnology" data-init-color="#e2e9ec" data-namespace="thetechnology"> <div class="c-clip-element c-clip-element--logo js-clip-element "> <div class="c-logo c-logo--navigation js-menu-stage"> <a href="../index.php" class="js-home js-exit-enter-el" data-item="2"> <i class="habitatseven habitatseven--dark"> <img src="../resources/images/h7-sign-dark.svg" alt="HabitatSeven"> </i> <i class="habitatseven habitatseven--light"> <img src="../resources/images/h7-sign-light.svg" alt="HabitatSeven"> </i> </a> </div> </div> <div class="c-clip-element c-clip-element--menu-trigger js-clip-element"> <div class="c-menu-trigger js-menu-trigger js-exit-enter-el"> <i class="c-menu-trigger__bar c-menu-trigger__bar--top"></i> <i class="c-menu-trigger__bar c-menu-trigger__bar--middle"></i> <i class="c-menu-trigger__bar c-menu-trigger__bar--bottom"></i> </div> </div> <div class="c-clip-element c-clip-element--email js-clip-element"> <div class="c-navigation-email js-menu-stage"> <a class="u-b6 js-exit-enter-el" href="mailto:hello@HabitatSeven.com">hello@HabitatSeven.com</a> </div> </div> <div class="c-secondary-navigation js-clip-element"> <div class="c-secondary-navigation__left js-exit-enter-el">  </div> <div class="c-secondary-navigation__right js-exit-enter-el"> <a href="../contact/" class="c-button c-button--primary js-secondary-nav-cta"> <span>  <svg class="icon icon-mail"> <use xlink:href="../resources/images/symbol-defs.svg?#icon-mail"></use> </svg> </span> </a> </div> </div>  <div class="o-page-wrapper o-page-wrapper--services js-page-wrapper" id="page-wrapper"> <header class="c-header c-header--services u-clearfix"> <div class="o-container"> <h1 class="u-a7 u-a7--fluid js-animation-stage-title"> We apply emerging technology to create a better planet </h1> <p class="u-a3 js-animation-stage-element"> Solving real world challenges requires innovative applications of emerging technologies to help drive better decision making and actions. </p> </div> <span class="c-header__home-arrow js-animation-stage-element" data-scroll-to="on" data-scroll-to-target=".o-section--services"> <svg class="icon icon-arrow-right"> <use xlink:href="/resources/images/symbol-defs.svg?#icon-arrow-right"></use> </svg> </span> </header> <section class="o-section o-section--services u-clearfix"> <div class="o-container"> <div class="c-article-list c-article-list--3"> <div class="c-article c-article--services js-inpage-link js-animation-stage-element" data-scroll-to="on" data-scroll-to-target=".satellite-data"> <div class="c-article__image"> <figure class="o-media-wrapper o-media-wrapper--4-3"> <img src="../resources/images/thetechnology-01.jpg" alt=""> </figure> </div> <div class="c-article__caption"> <div class="caption"> <div class="caption__content"> <h4 class="u-b0"> Satellite Data </h4> <p class="u-b4"> Orbiting instruments that point toward Earth to gather information about its’ land, air and water provides new understandings of the impacts of our decisions. </p> </div> </div> </div> </div> <div class="c-article c-article--services js-animation-stage-element" data-scroll-to="on" data-scroll-to-target=".data-science"> <div class="c-article__image"> <figure class="o-media-wrapper o-media-wrapper--4-3"> <img src="../resources/images/thetechnology-02.jpg" alt=""> </figure> </div> <div class="c-article__caption"> <div class="caption"> <div class="caption__content"> <h4 class="u-b0"> Data Science </h4> <p class="u-b4"> Utilizing methods, processes, algorithms and systems to extract knowledge and insights from structured and unstructured data. </p> </div> </div> </div> </div> <div class="c-article c-article--services js-animation-stage-element" data-scroll-to="on" data-scroll-to-target=".geospatial"> <div class="c-article__image"> <figure class="o-media-wrapper o-media-wrapper--4-3"> <img src="../resources/images/thetechnology-03.jpg" alt=""> </figure> </div> <div class="c-article__caption"> <div class="caption"> <div class="caption__content"> <h4 class="u-b0"> Geospatial </h4> <p class="u-b4"> Everything happens somewhere. Mapping and data applications that leverage geospatial technologies provide valuable insights at scale. </p> </div> </div> </div> </div> <div class="c-article c-article--services js-animation-stage-element" data-scroll-to="on" data-scroll-to-target=".machine-learning"> <div class="c-article__image"> <figure class="o-media-wrapper o-media-wrapper--4-3"> <img src="../resources/images/thetechnology-04.jpg" alt=""> </figure> </div> <div class="c-article__caption"> <div class="caption"> <div class="caption__content"> <h4 class="u-b0"> AI/Machine Learning </h4> <p class="u-b4"> Systems can learn from data, identify patterns and make decisions with minimal human intervention. </p> </div> </div> </div> </div> <div class="c-article c-article--services js-animation-stage-element" data-scroll-to="on" data-scroll-to-target=".big-data"> <div class="c-article__image"> <figure class="o-media-wrapper o-media-wrapper--4-3"> <img src="../resources/images/thetechnology-05.jpg" alt=""> </figure> </div> <div class="c-article__caption"> <div class="caption"> <div class="caption__content"> <h4 class="u-b0"> Big Data </h4> <p class="u-b4"> Extremely large data sets can be analyzed computationally to reveal patterns, trends, and associations that can lead to valuable insights and better decisions. </p> </div> </div> </div> </div> </div> </div> </section> <div class="js-inpage-navigation-visible"> <div class="satellite-data" data-scroll-index="0">  <section class="o-section o-section--full-width-image u-clearfix" > <div class="c-full-width-image js-animation-stage-element"> <img src="../resources/images/thetechnology-item-01.jpg" data-navigation-color="is-white"> </div> </section>  <section class="o-section o-section--our-approach o-section--our-approach-0 u-clearfix" > <div class="o-container"> <div class="our-approach"> <div class="our-approach__item"> <div class="our-approach__text"> <article class="c-article approach-text"> <span class="u-b6 approach-text__number" data-animation-set='{"opacity":"0"}' data-animation='{"opacity":"1", "delay":"0.2", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> 01 </span> <h3 class="u-a4" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-1.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Satellite Data </h3> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> The bird's-eye view that satellites have allows them to see large areas of Earth at one time. This ability means satellites can collect more data at a faster rate than instruments on the ground.</p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Satellites are launching now at a rate of 100 per year, and this is expected to grow. New systems such as micro-satellites and open-data systems such as Sentinel and Landsat mean that new insights about both planetary systems and local level changes can now be achieved. </p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> At HabitatSeven, we leverage satellite data in the production of data driven applications. This includes using observations to better understand water balance cycles and the impacts of extractive resources on surrounding environments, to help create predictive models for drought and forest fires. </p> </article> </div> </div> </div> </div> </section> </div> <div class="data-science" data-scroll-index="1">  <section class="o-section o-section--full-width-image u-clearfix" > <div class="c-full-width-image js-animation-stage-element"> <img src="../resources/images/thetechnology-item-02.jpg" data-navigation-color="is-white"> </div> </section>  <section class="o-section o-section--our-approach o-section--our-approach-1 u-clearfix"> <div class="o-container"> <div class="our-approach"> <div class="our-approach__item"> <div class="our-approach__text"> <article class="c-article approach-text"> <span class="u-b6 approach-text__number" data-animation-set='{"opacity":"0"}' data-animation='{"opacity":"1", "delay":"0.2", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> 02 </span> <h3 class="u-a4" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-1.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Data Science </h3> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Data Science is the study of data. It utilizes methods, processes, algorithms and systems to extract knowledge and insights from structured and unstructured data. </p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> While ‘data science’ encompasses many things, our approach is focused on statistical analysis of large data sets to extract decision ready insights coupled with a distinct practice to ensure that algorithms are efficiently run to save on computation costs. </p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> At HabitatSeven, our data science team has focused on developing algorithms to process data related to water delivery systems, evapotranspiration models, and climactic systems analysis. </p> </article> </div> </div> </div> </div> </section> </div> <div class="geospatial" data-scroll-index="2">  <section class="o-section o-section--full-width-image u-clearfix" > <div class="c-full-width-image js-animation-stage-element"> <img src="../resources/images/thetechnology-item-03.jpg" data-navigation-color="is-white"> </div> </section>  <section class="o-section o-section--our-approach o-section--our-approach-2 u-clearfix" > <div class="o-container"> <div class="our-approach"> <div class="our-approach__item"> <div class="our-approach__text"> <article class="c-article approach-text"> <span class="u-b6 approach-text__number" data-animation-set='{"opacity":"0"}' data-animation='{"opacity":"1", "delay":"0.2", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> 03 </span> <h3 class="u-a4" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-1.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Geospatial </h3> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Everything happens somewhere. Mapping and data applications that leverage geospatial technologies provide valuable insights at many scales, from local to global. </p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Geospatial data can come in many forms, from point based real-time data to gridded historical data products. Regardless of the form of the data, the application and development of geospatial systems depends on the size and scale of the data and must be implemented to maintain consistency and uptime. </p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> At HabitatSeven, we use geospatial technologies to build mapping and graphing applications to help serve data for relevant geographies. This including delivering high resolution gridded climate data products, the visualization of data feeds using point based data, and using geospatial web systems as interface elements to access contextual information for specific geographic areas.</p> </article> </div> </div> </div> </div> </section> </div> <div class="machine-learning" data-scroll-index="3">  <section class="o-section o-section--full-width-image u-clearfix" > <div class="c-full-width-image js-animation-stage-element"> <img src="../resources/images/thetechnology-item-04.jpg" data-navigation-color="is-white"> </div> </section>  <section class="o-section o-section--our-approach o-section--our-approach-3 u-clearfix"> <div class="o-container"> <div class="our-approach"> <div class="our-approach__item"> <div class="our-approach__text"> <article class="c-article approach-text"> <span class="u-b6 approach-text__number" data-animation-set='{"opacity":"0"}' data-animation='{"opacity":"1", "delay":"0.2", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> 04 </span> <h3 class="u-a4" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-1.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> AI/Machine Learning </h3> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Machine learning is an application of artificial intelligence (AI) that provides systems the ability to automatically learn and improve from experience without being explicitly programmed. Machine learning focuses on the development of computer programs that can access data and use it to learn for themselves.</p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Machine learning can be applied to large scale environmental data sets to extract new knowledge about earth processes and the impacts that human are having on biodiversity, soil, and climate systems. This can also be applied specifically to identify changes in state. Coupled with earth observation data, machine learning holds the promise to provide better resource management guidance and more reliable mechanisms to understand human impacts on both the natural and built environment. </p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> At HabitatSeven, our machine learning practice has been applied to better understanding field level agriculture systems, change states for resource management, and safety related threats connected to wildfire.</p> </article> </div> </div> </div> </div> </section> </div> <div class="big-data" data-scroll-index="4">  <section class="o-section o-section--full-width-image u-clearfix" > <div class="c-full-width-image"> <img src="../resources/images/thetechnology-item-05.jpg" data-navigation-color="is-white"> </div> </section>  <section class="o-section o-section--our-approach o-section--our-approach-4 u-clearfix"> <div class="o-container"> <div class="our-approach"> <div class="our-approach__item"> <div class="our-approach__text"> <article class="c-article approach-text"> <span class="u-b6 approach-text__number" data-animation-set='{"opacity":"0"}' data-animation='{"opacity":"1", "delay":"0.2", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> 05 </span> <h3 class="u-a4" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-1.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Big Data </h3> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Over 2.5 quintillion bytes of data are created every single day, and this number will only continue to grow. By 2020, it's estimated that 1.7MB of data will be created every second for every person on earth. Furthermore, new earth observation data systems are producing global scale data sets at unprecedented rates in terms of resolution, scope, and size. </p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> As data generation is expected to continue to grow at exponential rates, extremely large data sets can be analyzed computationally to reveal patterns, trends, and associations that can lead to valuable insights and better decisions. It is the next logical step in computing as data is being generated and captured at exponentially higher rates every year. </p> <p class="u-b2" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> At HabitatSeven, we build systems to process big data and deliver insights through intuitive, web-based interfaces. In this capacity, we have built systems to deliver earth observation data, global safety and health data, and data relevant to poverty alleviation.</p> </article> </div> </div> </div> </div> </section> </div> </div> <section class="o-section o-section--cta u-clearfix"> <div class="o-container"> <div class="c-cta"> <div class="c-cta__left"> <div class="c-cta__images-container js-cta-image-container" data-parallax data-parallax-speed="1"> <i class="c-cta__images-container-mask" data-animation-set='{"x":"0"}' data-animation='{"x":"100%", "ease":"Expo.easeInOut"}' data-animation-duration="0.8" data-animation-trigger="0.75" data-animation-reverse="true"></i> <figure class="o-media-wrapper o-media-wrapper--1-1 "> <img src="../resources/images/h7-contact-03.jpg" alt=""> </figure> <figure class="o-media-wrapper o-media-wrapper--1-1 js-cta-image"> <img src="../resources/images/h7-contact-04.jpg" alt=""> </figure> <figure class="o-media-wrapper o-media-wrapper--1-1 js-cta-image"> <img src="../resources/images/h7-contact-05.jpg" alt=""> </figure> <figure class="o-media-wrapper o-media-wrapper--1-1 js-cta-image"> <img src="../resources/images/h7-contact-01.jpg" alt=""> </figure> <figure class="o-media-wrapper o-media-wrapper--1-1 js-cta-image"> <img src="../resources/images/h7-contact-02.jpg" alt=""> </figure> </div> </div> <div class="c-cta__right"> <h3 class="u-a6" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-1.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> Interested <span>in digging</span> deeper? </h3> <div data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> <a href="../contact/" class="c-button c-button--text c-button--bordered js-cta-trigger"> <span> Discuss your project with us </span> </a> </div> </div> </div> </div> </section> <div class="c-footer-wrapper js-footer" data-navigation-color="is-white"> <div class="c-footer-wrapper js-footer" data-navigation-color="is-white"> <footer class="c-footer c-footer--bottom u-clearfix"> <div class="o-container"> <div class="c-footer__bottom"> <div class="footer-column footer-column--left"> <ul class="c-footer-links u-clearfix" data-animation-set='{"opacity":"0", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="0.85"> <li class="c-footer-links__item"> <a href="/index.php" class="c-button c-button--text c-button--small c-button--bordered"> <span> Home </span> </a> </li> <li class="c-footer-links__item"> <a href="/theprocess/" class="c-button c-button--text c-button--small c-button--bordered"> <span> Our Process </span> </a> </li> <li class="c-footer-links__item"> <a href="/thework/" class="c-button c-button--text c-button--small c-button--bordered"> <span> Our Work </span> </a> </li> <li class="c-footer-links__item"> <a href="/thetechnology/" class="c-button c-button--text c-button--small c-button--bordered"> <span> Emerging Technology </span> </a> </li> <li class="c-footer-links__item"> <a href="/careers/" class="c-button c-button--text c-button--small c-button--bordered"> <span> Careers</span> </a> </li> <li class="c-footer-links__item"> <a href="/contact/" class="c-button c-button--text c-button--small c-button--bordered"> <span> Contact</span> </a> </li> </ul> </div> <div class="footer-column footer-column--right"> <article class="c-footer__article"> <div class="c-main-loader__logo js-main-loader-logo"> <span class="js-main-loader-logo"> <img src="/resources/images/h7-logo-dark.svg" alt="HabitatSeven"> </span> </div> <ul class="c-contact-info">  <li class="c-contact-info__item">  <a class="c-button c-button--text c-button--bordered c-button--small" href="mailto:hello@HabitatSeven.com"> <span><span class="green">hello</span>@HabitatSeven.com</span> </a> </li> </ul> </article> </div> </div> <div class="c-footer__bar"> <div class="footer-column footer-column--left"", "y":"50%", "skewY":"-2.5deg"}' data-animation='{"opacity":"1", "y":"0%", "skewY":"0deg", "ease":"Expo.easeOut"}' data-animation-duration="1.2" data-animation-trigger="1"> <p class="u-b4">© HabitatSeven. All rights reserved 2024</p> </div> <div class="footer-column"> <a href="/privacy-policy/" class="c-button c-button--text c-button--small c-button--bordered"> <span>Privacy Policy</span> </a> </div> </div> </div> </footer> </div> </div> </div> </div> <script src="/resources/js/kitchensink.js"></script> <script src="/resources/js/functionsahoy.js"></script> <script src="/resources/js/jqueryrules.js"></script> </body> </html>