CINXE.COM
Perspectives | Future World Vision
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# "> <head> <meta charset="utf-8" /> <meta name="description" content="From insightful reports to provocative opinions, industry leaders, researchers, and futurists share their views on the future of the built environment." /> <link rel="canonical" href="https://futureworldvision.org/perspectives" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="/themes/custom/vision/favicon.ico" type="image/vnd.microsoft.icon" /> <title>Perspectives | Future World Vision</title> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_RatwcS4VM79NWeAvWN59R__OQ4iqoSfv3l4nJcDIXok.css?delta=0&language=en&theme=vision&include=eJxdkF1uxDAIhC-Un5feZ4VtSlzZJgKcJrevV23s7r7xDcyA0EsN8-pAcTqiRi4rJXaQZrUrxUITMVPChwGtZPkVgd55gS8476RPZkOZdhAggX3TNUjdIS1DWWrZq0tRNwy3zVUzLnqjN-g1iPB3b4CEMRXFJ-wYS9us6K3BzE5RjnbJX9PwtDljiHArmqIfZjWWay5wOOgeJwjBS82uK1BKyzT3yEiQsdTfN_4Xnk8cuVuLGFd8nOcPW3OUyA" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_TEUyialnhn1zYFbK8FnyqPcteDdQd60amdkUsWuWxoA.css?delta=1&language=en&theme=vision&include=eJxdkF1uxDAIhC-Un5feZ4VtSlzZJgKcJrevV23s7r7xDcyA0EsN8-pAcTqiRi4rJXaQZrUrxUITMVPChwGtZPkVgd55gS8476RPZkOZdhAggX3TNUjdIS1DWWrZq0tRNwy3zVUzLnqjN-g1iPB3b4CEMRXFJ-wYS9us6K3BzE5RjnbJX9PwtDljiHArmqIfZjWWay5wOOgeJwjBS82uK1BKyzT3yEiQsdTfN_4Xnk8cuVuLGFd8nOcPW3OUyA" /> <link rel="stylesheet" media="all" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_aa7RHu4nRQxByZHZYQ9jYV1toc4wM2PHzAE0GuxZ0fI.css?delta=3&language=en&theme=vision&include=eJxdkF1uxDAIhC-Un5feZ4VtSlzZJgKcJrevV23s7r7xDcyA0EsN8-pAcTqiRi4rJXaQZrUrxUITMVPChwGtZPkVgd55gS8476RPZkOZdhAggX3TNUjdIS1DWWrZq0tRNwy3zVUzLnqjN-g1iPB3b4CEMRXFJ-wYS9us6K3BzE5RjnbJX9PwtDljiHArmqIfZjWWay5wOOgeJwjBS82uK1BKyzT3yEiQsdTfN_4Xnk8cuVuLGFd8nOcPW3OUyA" /> <link rel="stylesheet" media="all" href="//d1azc1qln24ryf.cloudfront.net/55136/ASCE/style-cf.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_5ifUXpif4I3SOdhtTyqzz9JX-FOa2Yhl4j3ZMHqUH6U.css?delta=5&language=en&theme=vision&include=eJxdkF1uxDAIhC-Un5feZ4VtSlzZJgKcJrevV23s7r7xDcyA0EsN8-pAcTqiRi4rJXaQZrUrxUITMVPChwGtZPkVgd55gS8476RPZkOZdhAggX3TNUjdIS1DWWrZq0tRNwy3zVUzLnqjN-g1iPB3b4CEMRXFJ-wYS9us6K3BzE5RjnbJX9PwtDljiHArmqIfZjWWay5wOOgeJwjBS82uK1BKyzT3yEiQsdTfN_4Xnk8cuVuLGFd8nOcPW3OUyA" /> </head> <body class="path-node page-node-type-landing-page"> <a href="#main-content" aria-label="Main content" class="visually-hidden focusable"> Skip to main content </a> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W3NJJS4" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <header class="header"> <div class="header__primary-nav"> <div class="header__logos"> <a href="https://futureworldvision.org/" class="header__fwv-logo-container" title=""> <div class="header__fwv-logo-container__img"> <span style="box-sizing:border-box;display:inline-block;overflow:hidden;width:initial;height:initial; background:none;opacity:1;border:0;margin:0;padding:0;position:relative;max-width:100%"> <span style="box-sizing:border-box;display:block;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0;max-width:100%"><img style="display:block;max-width:100%;width:initial;height:initial;background:none;opacity:1;border:0;margin:0;padding:0" alt="" aria-hidden="true" src="data:image/svg+xml,%3csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20version=%271.1%27%20width=%27184%27%20height=%2797%27/%3e"></span> <img src="/themes/custom/vision/src/images/asce-fwv-logo.svg" alt="ASCE Future World Vision Logo" style="position:absolute;top:0;left:0;bottom:0;right:0;box-sizing:border-box;padding:0;border:none;margin:auto;display:block;width:0;height:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%"/> </span> </div> <div class="header__asce-logo-container"> <span>Presented by</span> <div class="header__asce-logo-container__img"> <img src="/themes/custom/vision/src/images/asce-logo.svg" alt="American Society of Civil Engineers(ASCE) Logo"/> </div> </div> </a> </div> <ul class="header__links"> <nav class="utility-nav"> <div class="utility-nav__float-bar"> <nav role="navigation" aria-labelledby="block-secondarynavigation-menu" id="block-secondarynavigation" class="d-none d-xxl-flex"> <ul class="utility-nav__links"> <li class="utility-nav__item"> <a href="/contact-us" class="utility-nav__item utility-nav__link" data-drupal-link-system-path="node/23">Contact Us</a> </li> <li class="utility-nav__item"> <a href="https://www.ascefoundation.org/future-world-vision-support" class="external utility-nav__item utility-nav__link" target="_blank">Donate</a> </li> <li class="utility-nav__item"> <a href="https://www.asce.org/" class="external utility-nav__item utility-nav__link" target="_blank">ASCE.org</a> </li> </ul> </nav> <ul class="utility-nav__actions"> <li class="utility-nav__action"> <div class="header-search"> <form action="/search/fwv" method="get" id="search-block-form" accept-charset="UTF-8" class="search"> <div class="search__mglass" onclick="Drupal.behaviors.customSearch.toggleSearch()"> <img class="img-fluid icon" src="/themes/custom/vision/src/images/magnifying-glass-sm.svg" alt="Magnifying glass search icon" width="14" height="14"> </div> <div class="search__input-wrapper"> <div class="form-item mb-4 js-form-item js-form-type-search form-item-keys js-form-item-keys form-no-label"> <label for="edit-keys" class="visually-hidden text-white">Search</label> <input title="Enter the terms you wish to search for." class="search__input form-search form-control" placeholder="Search..." data-drupal-selector="edit-keys" type="search" id="edit-keys" name="keys" value="" size="15" maxlength="128" /> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"> <input style="display: none;" data-drupal-selector="edit-submit" type="submit" id="edit-submit" value="Search" class="button js-form-submit form-submit btn" /> </div> </div> <div class="search__close-icon" onclick="Drupal.behaviors.customSearch.closeSearch()"> <img class="img-fluid" src="/themes/custom/vision/src/images/x-icon.svg" alt="Close desktop search icon" width="14" height="14"> </div> <style> .search__input-wrapper {position: relative;} .search__form-submit { position: absolute; right: 0; top: 0; border: none; background: url('/themes/custom/vision/src/images/magnifying-glass-sm.svg') no-repeat; width: 14px; height: 14px; cursor: pointer; } </style> </form> </div> </li> </ul> </div> </nav> <nav class="tbm tbm-main tbm-arrows" id="tbm-main" data-breakpoint="1399" aria-label="main navigation"> <button class="tbm-button" type="button" id="menu-button" aria-label="menu-button"> <span class="tbm-button-container"> <span></span> <span></span> <span></span> <span></span> </span> </button> <div class="tbm-collapse always-show"> <ul class="tbm-nav level-0 items-7" role="list" > <li class="tbm-item level-1 tbm-left" aria-level="1" > <div class="tbm-link-container"> <a href="/why-future-world-vision" class="tbm-link level-1" title="Why Future World Vision"> Why FWV </a> </div> </li> <li class="tbm-item level-1" aria-level="1" > <div class="tbm-link-container"> <a href="/cities-future" class="tbm-link level-1"> Cities of the Future Movie </a> </div> </li> <li class="tbm-item level-1 tbm-item--has-dropdown" aria-level="1" > <div class="tbm-link-container"> <a href="/news-events" class="tbm-link level-1 tbm-toggle" title="News and Events" aria-expanded="false"> News & Events </a> <button class="tbm-submenu-toggle always-show"><span class="visually-hidden">Toggle submenu</span></button> </div> <div class="tbm-submenu tbm-item-child" role="list"> <div class="tbm-row"> <div class="tbm-column span12"> <div class="tbm-column-inner"> <ul class="tbm-subnav level-1 items-1" role="list"> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/news-events/event-calendar" class="tbm-link level-2"> Event Calendar </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="tbm-item level-1 active active-trail" aria-level="1" > <div class="tbm-link-container"> <a href="/perspectives" class="tbm-link level-1 active-trail" title="Perspectives"> Perspectives </a> </div> </li> <li class="tbm-item level-1 tbm-item--has-dropdown" aria-level="1" > <div class="tbm-link-container"> <a href="/resources" class="tbm-link level-1 tbm-toggle" title="Resources" aria-expanded="false"> Resources </a> <button class="tbm-submenu-toggle always-show"><span class="visually-hidden">Toggle submenu</span></button> </div> <div class="tbm-submenu tbm-item-child" role="list"> <div class="tbm-row"> <div class="tbm-column span12"> <div class="tbm-column-inner"> <ul class="tbm-subnav level-1 items-5" role="list"> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/cities-future-resources" class="tbm-link level-2"> Cities of the Future Resources </a> </div> </li> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/resources/future-world-vision-toolkit" class="tbm-link level-2"> Future World Vision Toolkit </a> </div> </li> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/mega-city-2070-videos" class="tbm-link level-2"> Mega City 2070 Videos </a> </div> </li> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/sector-specific-videos" class="tbm-link level-2"> Sector-Specific Videos </a> </div> </li> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/wallpapers-backgrounds" class="tbm-link level-2"> Wallpapers & Backgrounds </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="tbm-item level-1 tbm-item--has-dropdown" aria-level="1" > <div class="tbm-link-container"> <a href="/products-experiences" class="tbm-link level-1 tbm-toggle" aria-expanded="false"> Products & Experiences </a> <button class="tbm-submenu-toggle always-show"><span class="visually-hidden">Toggle submenu</span></button> </div> <div class="tbm-submenu tbm-item-child" role="list"> <div class="tbm-row"> <div class="tbm-column span12"> <div class="tbm-column-inner"> <ul class="tbm-subnav level-1 items-4" role="list"> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/download-desktop-app" class="tbm-link level-2"> Download Desktop App </a> </div> </li> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/why-future-world-vision/frequently-asked-questions" class="tbm-link level-2"> Frequently Asked Questions </a> </div> </li> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/user-guide" class="tbm-link level-2"> User Guide </a> </div> </li> <li class="tbm-item level-2" aria-level="2" > <div class="tbm-link-container"> <a href="/virtual-reality-experiences" class="tbm-link level-2"> Virtual Reality Experiences </a> </div> </li> </ul> </div> </div> </div> </div> </li> <li class="tbm-item level-1 tbm-item--has-dropdown" aria-level="1" > <div class="tbm-link-container"> <span class="tbm-link level-1 no-link tbm-toggle" tabindex="0" aria-expanded="false"> Utility nav (mobile) </span> <button class="tbm-submenu-toggle always-show"><span class="visually-hidden">Toggle submenu</span></button> </div> <div class="tbm-submenu tbm-item-child" role="list"> <div class="tbm-row"> <div class="tbm-column span12"> <div class="tbm-column-inner"> <div class="tbm-block"> <div class="block-inner"> <nav role="navigation" aria-labelledby="block-system-menu-blocksecondary-navigation-menu" id="block-system-menu-blocksecondary-navigation"> <h2 class="visually-hidden" id="block-system-menu-blocksecondary-navigation-menu">Secondary Navigation Mobile</h2> <ul class="utility-nav__links"> <li class="utility-nav__item"> <a href="/contact-us" class="utility-nav__item utility-nav__link" data-drupal-link-system-path="node/23">Contact Us</a> </li> <li class="utility-nav__item"> <a href="https://www.ascefoundation.org/future-world-vision-support" class="external utility-nav__item utility-nav__link" target="_blank">Donate</a> </li> <li class="utility-nav__item"> <a href="https://www.asce.org/" class="external utility-nav__item utility-nav__link" target="_blank">ASCE.org</a> </li> </ul> </nav> </div> </div> </div> </div> </div> </div> </li> </ul> </div> </nav> <script> if (window.matchMedia("(max-width: 1399px)").matches) { document.getElementById("tbm-main").classList.add('tbm--mobile') } </script> </ul> <div class="header__tinted-blur"></div> </div> </header><main role="main" class="main-content home_home overflow-hidden"> <a href="#main-content" aria-label="Main content" id="main-content" tabindex="-1"></a> <div class="row node-view landing_page"> <section style="background-image: linear-gradient(to bottom, transparent, #151949), url('/sites/default/files/2022-02/Perspective_Article_Header.jpg'); background-repeat: no-repeat; background-size: cover;" class="mx-auto position-relative"> <div class="Banner_container text-white pt-3 pb-3 d-flex container"> <div class="d-flex flex-column justify-content-center w-100"> <h1> <div class="Banner_container__h3 text-center mb-3 me-5 mx-auto w-100">Perspectives</div> </h1> <div class="Banner_container__text text-center mb-5 mx-auto me-5 pe-3 me-5 w-100">From insightful reports to provocative opinions, industry leaders, researchers, and futurists share their views on the future of the built environment.</div> </div> </div> </section> <div class="container"> <div class="d-flex justify-content-center"> <nav role="navigation" aria-labelledby="system-breadcrumb" aria-label="breadcrumb"> <h2 id="system-breadcrumb" class="visually-hidden">Breadcrumb</h2> <ol class="breadcrumb justify-content-center"> <li class="breadcrumb-item" aria-current="page"> <a href="/" class="icon-home home"> <span class="visually-hidden">Home</span> </a> </li> <li class="breadcrumb-item current-page active" aria-current="page"> Perspectives </li> </ol> </nav> </div> </div> <div class="container Search__container"> <div data-drupal-messages-fallback class="hidden"></div> <div class="wrapper"> <div class="Slices__paragraphs"> <section class="mx-auto position-relative text-white max-width"> <div class="container py-5"> <div class="row flex-row-reverse"> <div class="col-xl-6"> <div class="pt-0 ps-4 position-relative"> <div> <div class="d-block"> <div style="width: 175px; height: 175px; top: 64%; left: 20%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> <div class="d-block"> <div style="width: 175px; height: 175px; top: -20%; left: 71%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> </div> <div data-visibility-class="fade-in-image" data-visibility-sensor> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2023-01/Perspectives%20Pennetti%20WEB%20HORIZ.jpg?itok=R0jW710K" alt="photo of transportation grid" style="object-fit: cover; width: 600px; height: 337.5px;"/> </div> </div> </div> <div class="col-xl-6"> <h2 class="mb-4">More than just vehicles</h2> <p class="mb-5 pe-3">How AI is revolutionizing our transportation systems</p> <div class="d-flex flex-column flex-lg-row justify-content-lg-evenly mb-5"> <a href='/perspectives/more-just-vehicles' class='btn-turqoise-transparent mb-3' title="Read more" > <span class="btn-text">Read more</span> </a> </div> </div> </div> </div> </section> <section class="mx-auto position-relative text-white max-width"> <div class="container py-5"> <div class="row flex-row-reverse"> <div class="col-xl-6"> <div class="pt-0 ps-4 position-relative"> <div> <div class="d-block"> <div style="width: 175px; height: 175px; top: 64%; left: 20%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> <div class="d-block"> <div style="width: 175px; height: 175px; top: -20%; left: 71%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> </div> <div data-visibility-class="fade-in-image" data-visibility-sensor> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-09/Standard%20VR%20Mega%20City%20Community.jpg?itok=S6MKpenh" alt="VR image of Mega City" style="object-fit: cover; width: 600px; height: 337.5px;"/> </div> </div> </div> <div class="col-xl-6"> <h2 class="mb-4">How civil engineering firms can grow sustainably through the Great Resignation</h2> <p class="mb-5 pe-3">What are the keys to recruiting and retaining talented engineers?</p> <div class="d-flex flex-column flex-lg-row justify-content-lg-evenly mb-5"> <a href='/perspectives/how-civil-engineering-firms-can-grow-sustainably-through-great-resignation' class='btn-turqoise-transparent mb-3' title="Read more" > <span class="btn-text">Read more</span> </a> </div> </div> </div> </div> </section> <section class="mx-auto position-relative text-white max-width"> <div class="container py-5"> <div class="row flex-row-reverse"> <div class="col-xl-6"> <div class="pt-0 ps-4 position-relative"> <div> <div class="d-block"> <div style="width: 175px; height: 175px; top: 64%; left: 20%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> <div class="d-block"> <div style="width: 175px; height: 175px; top: -20%; left: 71%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> </div> <div data-visibility-class="fade-in-image" data-visibility-sensor> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-02/Why_FWV_Background_Texture_Mega_City.jpg?itok=4OdUmAPI" alt="Why FWV Background Texture Mega City" style="object-fit: cover; width: 600px; height: 337.5px;"/> </div> </div> </div> <div class="col-xl-6"> <h2 class="mb-4">Off-planet possibilities more possible than you may think</h2> <p class="mb-5 pe-3">New materials. New systems. New horizons.</p> <div class="d-flex flex-column flex-lg-row justify-content-lg-evenly mb-5"> <a href='/perspectives/planet-possibilities-more-possible-you-may-think' class='btn-turqoise-transparent mb-3' title="Read more" > <span class="btn-text">Read more</span> </a> </div> </div> </div> </div> </section> <section class="mx-auto position-relative text-white max-width"> <div class="container py-5"> <div class="row flex-row-reverse"> <div class="col-xl-6"> <div class="pt-0 ps-4 position-relative"> <div> <div class="d-block"> <div style="width: 175px; height: 175px; top: 64%; left: 20%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> <div class="d-block"> <div style="width: 175px; height: 175px; top: -20%; left: 71%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> </div> <div data-visibility-class="fade-in-image" data-visibility-sensor> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-05/Perspectives%20Space%20Age%20WEB%20HORIZ1.jpg?itok=y0stLYuO" alt="graphic of woman walking through an office" style="object-fit: cover; width: 600px; height: 337.5px;"/> </div> </div> </div> <div class="col-xl-6"> <h2 class="mb-4">Twin futures and a new space race</h2> <p class="mb-5 pe-3">Better prediction can do much more than warn us. It will also be crucial in managing and enabling energy transition.</p> <div class="d-flex flex-column flex-lg-row justify-content-lg-evenly mb-5"> <a href='/perspectives/twin-futures-and-new-space-race' class='btn-turqoise-transparent mb-3' title="Read more" > <span class="btn-text">Read more</span> </a> </div> </div> </div> </div> </section> <section class="mx-auto position-relative text-white max-width"> <div class="container py-5"> <div class="row flex-row-reverse"> <div class="col-xl-6"> <div class="pt-0 ps-4 position-relative"> <div> <div class="d-block"> <div style="width: 175px; height: 175px; top: 64%; left: 20%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> <div class="d-block"> <div style="width: 175px; height: 175px; top: -20%; left: 71%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> </div> <div data-visibility-class="fade-in-image" data-visibility-sensor> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-04/Perspectives%20ICSI%20Report%20Feature.jpg?itok=JweLP-ZK" alt="image of futuristic sustainabile city" style="object-fit: cover; width: 600px; height: 337.5px;"/> </div> </div> </div> <div class="col-xl-6"> <h2 class="mb-4">New report outlines framework for innovation</h2> <p class="mb-5 pe-3">What are the characteristics common to resilient, sustainable infrastructure projects? New research seeks to find out.</p> <div class="d-flex flex-column flex-lg-row justify-content-lg-evenly mb-5"> <a href='/perspectives/new-report-outlines-infrastructure-innovation-framework' class='btn-turqoise-transparent mb-3' title="Read more" > <span class="btn-text">Read more</span> </a> </div> </div> </div> </div> </section> <section class="mx-auto position-relative text-white max-width"> <div class="container py-5"> <div class="row flex-row-reverse"> <div class="col-xl-6"> <div class="pt-0 ps-4 position-relative"> <div> <div class="d-block"> <div style="width: 175px; height: 175px; top: 64%; left: 20%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> <div class="d-block"> <div style="width: 175px; height: 175px; top: -20%; left: 71%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> </div> <div data-visibility-class="fade-in-image" data-visibility-sensor> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-02/Perspectives_Additional_H.jpg?itok=G3VrM1FT" alt="Perspective Additional H" style="object-fit: cover; width: 600px; height: 337.5px;"/> </div> </div> </div> <div class="col-xl-6"> <h2 class="mb-4">The power of collective storytelling</h2> <p class="mb-5 pe-3">Building the future will incorporate the talent and expertise of people from many different backgrounds and professions. And the secret ingredient? Storytelling.</p> <div class="d-flex flex-column flex-lg-row justify-content-lg-evenly mb-5"> <a href='/perspectives/world-building-and-power-collective-storytelling' class='btn-turqoise-transparent mb-3' title="Read More" > <span class="btn-text">Read More</span> </a> </div> </div> </div> </div> </section> <section class="mx-auto position-relative text-white max-width"> <div class="container py-5"> <div class="row flex-row-reverse"> <div class="col-xl-6"> <div class="pt-0 ps-4 position-relative"> <div> <div class="d-block"> <div style="width: 175px; height: 175px; top: 64%; left: 20%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> <div class="d-block"> <div style="width: 175px; height: 175px; top: -20%; left: 71%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> </div> <div data-visibility-class="fade-in-image" data-visibility-sensor> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-02/Perspectives_Additional_B.jpg?itok=ueQx2pJe" alt="Perspective Additional B" style="object-fit: cover; width: 600px; height: 337.5px;"/> </div> </div> </div> <div class="col-xl-6"> <h2 class="mb-4">Today鈥檚 research, tomorrow鈥檚 Mega City</h2> <p class="mb-5 pe-3">Engineers are working right now on the research innovations and applications that will make the future built environment possible.</p> <div class="d-flex flex-column flex-lg-row justify-content-lg-evenly mb-5"> <a href='/perspectives/todays-research-build-tomorrows-mega-city' class='btn-turqoise-transparent mb-3' title="Read More" > <span class="btn-text">Read More</span> </a> </div> </div> </div> </div> </section> <section class="my-5 py-5 mx-auto max-width text-white"> <div class="px-lg-0 container"> <div class="ms-2 me-2 position-relative row"> <div class="d-block"> <div style="width: 225px; height: 225px; top: 4%; left: 86%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> </div> <h2 class="text-lg-center py-lg-5 pb-4"> Become a Future World Visionary </h2> <div class="col-lg-4"> <article class="fwv_card px-0 pb-5"> <div class="fwv_card__img w-100 mb-4 overflow-hidden d-flex"> <div class="card__scale_image" data-scale-up="scale-image-up" data-scale-down="scale-image-down"> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-09/Standard%20VR%20Mega%20City%20Park.jpg?itok=GwiH-l5-" alt="VR image of Mega City"/> </div> </div> <h4 class="py-lg-3 pb-4">Explore</h4> <p class="pb-1"> See how Future World Vision comes to life through an immersive VR experience. </p> <div class="d-flex flex-row"> <a href="/virtual-reality-experiences" class="fwv_card__link category-font text-uppercase pe-2">Learn more</a> <div class="d-flex"> <div class="arrowsunglow"> <div class="arrow_sunglow__line position-relative"></div> <div class="arrow_sunglow__chevron position-relative"></div> </div> </div> </div> </article> </div> <div class="col-lg-4"> <article class="fwv_card px-0 pb-5"> <div class="fwv_card__img w-100 mb-4 overflow-hidden d-flex"> <div class="card__scale_image" data-scale-up="scale-image-up" data-scale-down="scale-image-down"> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-10/Become%20a%20Future%20World%20Visionary%20-%20Prepare%202.jpg?itok=ej2-dsZ_" alt="Cities of the Future film, Singapore"/> </div> </div> <h4 class="py-lg-3 pb-4">Prepare</h4> <p class="pb-1"> Stay updated on the upcoming Future World Vision giant-screen film, Cities of the Future. </p> <div class="d-flex flex-row"> <a href="/cities-future" class="fwv_card__link category-font text-uppercase pe-2">Learn more</a> <div class="d-flex"> <div class="arrowsunglow"> <div class="arrow_sunglow__line position-relative"></div> <div class="arrow_sunglow__chevron position-relative"></div> </div> </div> </div> </article> </div> <div class="col-lg-4"> <article class="fwv_card px-0 pb-5"> <div class="fwv_card__img w-100 mb-4 overflow-hidden d-flex"> <div class="card__scale_image" data-scale-up="scale-image-up" data-scale-down="scale-image-down"> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-10/Become%20a%20Future%20World%20Visionary%20-%20Create.jpg?itok=YdZFvinf" alt="Mega City 2070 platform"/> </div> </div> <h4 class="py-lg-3 pb-4">Create</h4> <p class="pb-1"> Create and share your own custom tour of Mega City 2070. </p> <div class="d-flex flex-row"> <a href="/user-guide" class="fwv_card__link category-font text-uppercase pe-2">Learn more</a> <div class="d-flex"> <div class="arrowsunglow"> <div class="arrow_sunglow__line position-relative"></div> <div class="arrow_sunglow__chevron position-relative"></div> </div> </div> </div> </article> </div> </div> </div> </section> <section class="paragraph paragraph--type--cta paragraph--view-mode--default"> <section class="cta mx-auto max-width position-relative" style="background-image: linear-gradient(transparent, rgb(21, 25, 73)), url('https://futureworldvision.org/sites/default/files/styles/original/public/2022-02/Homepage_Background_Texture_CTA.jpg?itok=4ZjvcHR_'); background-size: cover;"> <div class="p-4 container"> <div class="cta row"> <div class="cta__container col-xl-10 col-12 offset-xl-1"> <h3 class="text-center lh-base my-5 mx-md-5 text-white">Reimagine the world and shape the future.</h3> <div class="d-flex flex-column flex-md-row justify-content-md-evenly mb-5"> <a href='/download-desktop-app' class='btn-sunglow mb-3' title="Download Desktop App" > <span class="btn-text">Download Desktop App</span> </a> <a href='https://www.ascefoundation.org/future-world-vision-support' class='btn-sunglow mb-3' title="Donate" target='_blank' rel='noopener' > <span class="btn-text">Donate</span> </a> </div> </div> </div> </div> </section> </section> </div> </div> </div> </div> </main> <footer class="footer mx-auto max-width pt-5"> <div class="container"> <div class="row"> <div class="col-md-3 pt-2 mb-5"> <a href="https://www.asce.org" target="_blank" rel="noreferrer"> <img src="/themes/custom/vision/src/images/asce-logo-long.svg" alt="ASCE Future World Vision Logo" height="76" width="130"> </a> </div> <div class="col position-relative mb-5"> <div class="footer__quickLinks category-font color-secondary"> Quick Links </div> <nav role="navigation" aria-labelledby="block-quicklinks-menu" id="block-quicklinks"> <h2 class="visually-hidden" id="block-quicklinks-menu">Quick Links</h2> <ul class="footer__links-show"> <li class="mb-3"> <a href="https://www.ascefoundation.org/future-world-vision-support" class="external mb-3 footer__link text-white" target="_blank" title="Donate">Donate</a> </li> <li class="mb-3"> <a href="https://www.asce.org/membership/join" class="external mb-3 footer__link text-white" target="_blank" title="Join ASCE">Join ASCE</a> </li> <li class="mb-3"> <a href="/privacy-policy" class="mb-3 footer__link text-white" data-drupal-link-system-path="node/26">Privacy Policy</a> </li> </ul> </nav> <hr class="footer__divider"> </div> <div class="col-md-6 footer__button-icon-wrapper"> <div class="mb-5 d-flex category-font color-secondary"> FOLLOW US <a class="footer__socialicons" title="facebook" href="https://www.facebook.com/ASCE.org/" target="_blank" rel="noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" data-name="Ebene 1" viewBox="0 0 1024 1024" width="32" height="32"> <style type="text/css"> .si-fb1 {fill: #fff;} .si-fb2 {fill: transparent;} </style> <path class="si-fb1" d="M1024,512C1024,229.23016,794.76978,0,512,0S0,229.23016,0,512c0,255.554,187.231,467.37012,432,505.77777V660H302V512H432V399.2C432,270.87982,508.43854,200,625.38922,200,681.40765,200,740,210,740,210V336H675.43713C611.83508,336,592,375.46667,592,415.95728V512H734L711.3,660H592v357.77777C836.769,979.37012,1024,767.554,1024,512Z"> </path> <path class="si-fb2" d="M711.3,660,734,512H592V415.95728C592,375.46667,611.83508,336,675.43713,336H740V210s-58.59235-10-114.61078-10C508.43854,200,432,270.87982,432,399.2V512H302V660H432v357.77777a517.39619,517.39619,0,0,0,160,0V660Z"> </path> </svg> </a> <a class="footer__socialicons" title="instagram" href="https://www.instagram.com/asce_hq/?hl=en" target="_blank" rel="noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2476 2476" width="32" height="32"> <style>.si-insta { fill: #fff;}</style> <path class="si-insta" d="M825.4 1238c0-227.9 184.7-412.7 412.6-412.7 227.9 0 412.7 184.8 412.7 412.7 0 227.9-184.8 412.7-412.7 412.7-227.9 0-412.6-184.8-412.6-412.7m-223.1 0c0 351.1 284.6 635.7 635.7 635.7s635.7-284.6 635.7-635.7-284.6-635.7-635.7-635.7S602.3 886.9 602.3 1238m1148-660.9c0 82 66.5 148.6 148.6 148.6 82 0 148.6-66.6 148.6-148.6s-66.5-148.5-148.6-148.5-148.6 66.5-148.6 148.5M737.8 2245.7c-120.7-5.5-186.3-25.6-229.9-42.6-57.8-22.5-99-49.3-142.4-92.6-43.3-43.3-70.2-84.5-92.6-142.3-17-43.6-37.1-109.2-42.6-229.9-6-130.5-7.2-169.7-7.2-500.3s1.3-369.7 7.2-500.3c5.5-120.7 25.7-186.2 42.6-229.9 22.5-57.8 49.3-99 92.6-142.4 43.3-43.3 84.5-70.2 142.4-92.6 43.6-17 109.2-37.1 229.9-42.6 130.5-6 169.7-7.2 500.2-7.2 330.6 0 369.7 1.3 500.3 7.2 120.7 5.5 186.2 25.7 229.9 42.6 57.8 22.4 99 49.3 142.4 92.6 43.3 43.3 70.1 84.6 92.6 142.4 17 43.6 37.1 109.2 42.6 229.9 6 130.6 7.2 169.7 7.2 500.3 0 330.5-1.2 369.7-7.2 500.3-5.5 120.7-25.7 186.3-42.6 229.9-22.5 57.8-49.3 99-92.6 142.3-43.3 43.3-84.6 70.1-142.4 92.6-43.6 17-109.2 37.1-229.9 42.6-130.5 6-169.7 7.2-500.3 7.2-330.5 0-369.7-1.2-500.2-7.2M727.6 7.5c-131.8 6-221.8 26.9-300.5 57.5-81.4 31.6-150.4 74-219.3 142.8C139 276.6 96.6 345.6 65 427.1 34.4 505.8 13.5 595.8 7.5 727.6 1.4 859.6 0 901.8 0 1238s1.4 378.4 7.5 510.4c6 131.8 26.9 221.8 57.5 300.5 31.6 81.4 73.9 150.5 142.8 219.3 68.8 68.8 137.8 111.1 219.3 142.8 78.8 30.6 168.7 51.5 300.5 57.5 132.1 6 174.2 7.5 510.4 7.5 336.3 0 378.4-1.4 510.4-7.5 131.8-6 221.8-26.9 300.5-57.5 81.4-31.7 150.4-74 219.3-142.8 68.8-68.8 111.1-137.9 142.8-219.3 30.6-78.7 51.6-168.7 57.5-300.5 6-132.1 7.4-174.2 7.4-510.4s-1.4-378.4-7.4-510.4c-6-131.8-26.9-221.8-57.5-300.5-31.7-81.4-74-150.4-142.8-219.3C2199.4 139 2130.3 96.6 2049 65c-78.8-30.6-168.8-51.6-300.5-57.5-132-6-174.2-7.5-510.4-7.5-336.3 0-378.4 1.4-510.5 7.5"> </path> </svg> </a> <a class="footer__socialicons" title="twitter" href="https://twitter.com/ASCETweets" target="_blank" rel="noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <style>.si-twitter {fill: #fff;}</style> <path class="si-twitter" d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6.066 9.645c.183 4.04-2.83 8.544-8.164 8.544-1.622 0-3.131-.476-4.402-1.291 1.524.18 3.045-.244 4.252-1.189-1.256-.023-2.317-.854-2.684-1.995.451.086.895.061 1.298-.049-1.381-.278-2.335-1.522-2.304-2.853.388.215.83.344 1.301.359-1.279-.855-1.641-2.544-.889-3.835 1.416 1.738 3.533 2.881 5.92 3.001-.419-1.796.944-3.527 2.799-3.527.825 0 1.572.349 2.096.907.654-.128 1.27-.368 1.824-.697-.215.671-.67 1.233-1.263 1.589.581-.07 1.135-.224 1.649-.453-.384.578-.87 1.084-1.433 1.489z"> </path> </svg> </a> <a class="footer__socialicons" title="youtube" href="https://www.youtube.com/c/AmerSocCivilEng" target="_blank" rel="noreferrer"> <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"> <style>.si-yt {fill: #fff}</style> <path class="si-yt" d="M19.615 3.184c-3.604-.246-11.631-.245-15.23 0-3.897.266-4.356 2.62-4.385 8.816.029 6.185.484 8.549 4.385 8.816 3.6.245 11.626.246 15.23 0 3.897-.266 4.356-2.62 4.385-8.816-.029-6.185-.484-8.549-4.385-8.816zm-10.615 12.816v-8l8 3.993-8 4.007z"> </path> </svg> </a> </div> <div class="footer__subscribe-button"> <a href="/subscribe" class="ButtonPill btn-turqoise-transparent mb-1"> <span>Subscribe To Updates</span> </a> </div> </div> <div class="d-flex mt-5 mb-3 align-middle px-0"> <hr class="footer__button-divider mt-4"> <a href="#main-content" class="footer__up-button"> <img src="/themes/custom/vision/src/images/up-arrow.svg" alt="arrow pointing up" width="16" height="32"> </a> <hr class="footer__button-divider mt-4"> </div> <div class="footer__address-wrapper pb-5 text-white px-0"> <div> <p>1801 Alexander Bell Drive, Reston, VA 20191</p> </div> <div class="position-absolute top-0 end-0"> <p>漏 2024</p> </div> </div> </div> </div> </footer> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/16","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","gtm":{"tagId":null,"settings":{"GTM-W3NJJS4":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"","blocklist_classes":"","include_environment":false,"environment_id":"","environment_token":""}},"tagIds":["GTM-W3NJJS4"]},"gtag":{"tagId":"","otherIds":[],"events":[],"additionalConfigInfo":[]},"suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJxljkGSxCAIRS9kks3cpwuVIXappADTye07vYhO12wo3hP4EjNlfBjQQldx9M0zPOH4lsVtIEAC26pLlLZBnoeZW92az0lXjE5PNSyLB0Vn_lGQoGBt_4XamVHdnjRxXX6O425BhF83eKgVpZMgxCCt-G6aGdd-JoDEAUnCn4hg0PtfZhtnKbOHPH1-lCrddr2yxkyq14JisAsm9oqyj0fNKYwgNZZzqrB76BOGh00FY4I38d6UyA","theme":"vision","theme_token":null},"ajaxTrustedUrl":{"\/search\/fwv":true},"TBMegaMenu":{"TBElementsCounter":{"column":null},"theme":"vision","tbm-main":{"arrows":"1"}},"user":{"uid":0,"permissionsHash":"b526cace3cd4bc61f2cc6fcb9d3513ec9057c5aa72b22939a21bb9f2dfc6e47d"}}</script> <script src="/sites/default/files/js/js_jMv5xw-L2iXJS-4TwhJJb45KbEq0MWEGb5YTtOhERf0.js?scope=footer&delta=0&language=en&theme=vision&include=eJxdkF1uxDAIhC-Un5feZ4VtSlzZJgKcJrevV23s7r7xDcyA0EsN8-pAcTqiRi4rJXaQZrUrxUITMVPChwGtZPkVgd55gS8476RPZkOZdhAggX3TNUjdIS1DWWrZq0tRNwy3zVUzLnqjN-g1iPB3b4CEMRXFJ-wYS9us6K3BzE5RjnbJX9PwtDljiHArmqIfZjWWay5wOOgeJwjBS82uK1BKyzT3yEiQsdTfN_4Xnk8cuVuLGFd8nOcPW3OUyA"></script> <script src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script> <script src="/sites/default/files/js/js_yi9EaPfjvbd6KrPf8QBCHVJlCA1ETw02OHV_9Jbl2VQ.js?scope=footer&delta=2&language=en&theme=vision&include=eJxdkF1uxDAIhC-Un5feZ4VtSlzZJgKcJrevV23s7r7xDcyA0EsN8-pAcTqiRi4rJXaQZrUrxUITMVPChwGtZPkVgd55gS8476RPZkOZdhAggX3TNUjdIS1DWWrZq0tRNwy3zVUzLnqjN-g1iPB3b4CEMRXFJ-wYS9us6K3BzE5RjnbJX9PwtDljiHArmqIfZjWWay5wOOgeJwjBS82uK1BKyzT3yEiQsdTfN_4Xnk8cuVuLGFd8nOcPW3OUyA"></script> <script src="/modules/custom/google_tag/js/gtm.js?sbqk6r"></script> <script src="/modules/custom/google_tag/js/gtag.js?sbqk6r"></script> <script src="/sites/default/files/js/js_ccYms0NG-z9LVvzHdKka4iJ-2E2kisYhSyGcblN9lss.js?scope=footer&delta=5&language=en&theme=vision&include=eJxdkF1uxDAIhC-Un5feZ4VtSlzZJgKcJrevV23s7r7xDcyA0EsN8-pAcTqiRi4rJXaQZrUrxUITMVPChwGtZPkVgd55gS8476RPZkOZdhAggX3TNUjdIS1DWWrZq0tRNwy3zVUzLnqjN-g1iPB3b4CEMRXFJ-wYS9us6K3BzE5RjnbJX9PwtDljiHArmqIfZjWWay5wOOgeJwjBS82uK1BKyzT3yEiQsdTfN_4Xnk8cuVuLGFd8nOcPW3OUyA"></script> <script src="https://cdn.jsdelivr.net/npm/intersection-observer@0.7.0/intersection-observer.js"></script> <script src="/sites/default/files/js/js_al6SELvrQ0QaYJMSoAjzQjoU22_I_8JbfrdEwWlZxMY.js?scope=footer&delta=7&language=en&theme=vision&include=eJxdkF1uxDAIhC-Un5feZ4VtSlzZJgKcJrevV23s7r7xDcyA0EsN8-pAcTqiRi4rJXaQZrUrxUITMVPChwGtZPkVgd55gS8476RPZkOZdhAggX3TNUjdIS1DWWrZq0tRNwy3zVUzLnqjN-g1iPB3b4CEMRXFJ-wYS9us6K3BzE5RjnbJX9PwtDljiHArmqIfZjWWay5wOOgeJwjBS82uK1BKyzT3yEiQsdTfN_4Xnk8cuVuLGFd8nOcPW3OUyA"></script> </body> </html>