CINXE.COM
Home | 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" /> <link rel="shortlink" href="https://futureworldvision.org/" /> <link rel="canonical" href="https://futureworldvision.org/" /> <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>Home | 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=eJxdkFFyxCAMQy8Ukp_eZ8cE12EHcGqbNLl92WkJbf94khHCeqlhXjwoTkfUyGWhxB6SU7tSLDQRMyV8GNBClv8i0H-e4QlnT3pnNpRpBwES2DddgtQd0jyUuZa9-hR1w9Cv-WrGRTuuBvcZRPjzNkDCmIqyJrwxcEtFFzMQOsPTuhFLq6S4WgPHXlGOVvHHbB--1_BRW_kOrwSXMURwLXZUHXpXNMV11FBjuVyBw8P9yIbCbcL8IyNBxlK_1_9beC1_pGwIYZR8O88vFJmqKA" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_TEUyialnhn1zYFbK8FnyqPcteDdQd60amdkUsWuWxoA.css?delta=1&language=en&theme=vision&include=eJxdkFFyxCAMQy8Ukp_eZ8cE12EHcGqbNLl92WkJbf94khHCeqlhXjwoTkfUyGWhxB6SU7tSLDQRMyV8GNBClv8i0H-e4QlnT3pnNpRpBwES2DddgtQd0jyUuZa9-hR1w9Cv-WrGRTuuBvcZRPjzNkDCmIqyJrwxcEtFFzMQOsPTuhFLq6S4WgPHXlGOVvHHbB--1_BRW_kOrwSXMURwLXZUHXpXNMV11FBjuVyBw8P9yIbCbcL8IyNBxlK_1_9beC1_pGwIYZR8O88vFJmqKA" /> <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=eJxdkFFyxCAMQy8Ukp_eZ8cE12EHcGqbNLl92WkJbf94khHCeqlhXjwoTkfUyGWhxB6SU7tSLDQRMyV8GNBClv8i0H-e4QlnT3pnNpRpBwES2DddgtQd0jyUuZa9-hR1w9Cv-WrGRTuuBvcZRPjzNkDCmIqyJrwxcEtFFzMQOsPTuhFLq6S4WgPHXlGOVvHHbB--1_BRW_kOrwSXMURwLXZUHXpXNMV11FBjuVyBw8P9yIbCbcL8IyNBxlK_1_9beC1_pGwIYZR8O88vFJmqKA" /> <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_aF_5XQw5w3kp06WyqpKxlrXfIaxke_HJJ0Vk3ySAh1I.css?delta=5&language=en&theme=vision&include=eJxdkFFyxCAMQy8Ukp_eZ8cE12EHcGqbNLl92WkJbf94khHCeqlhXjwoTkfUyGWhxB6SU7tSLDQRMyV8GNBClv8i0H-e4QlnT3pnNpRpBwES2DddgtQd0jyUuZa9-hR1w9Cv-WrGRTuuBvcZRPjzNkDCmIqyJrwxcEtFFzMQOsPTuhFLq6S4WgPHXlGOVvHHbB--1_BRW_kOrwSXMURwLXZUHXpXNMV11FBjuVyBw8P9yIbCbcL8IyNBxlK_1_9beC1_pGwIYZR8O88vFJmqKA" /> </head> <body class="path-frontpage page-node-type-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" aria-level="1" > <div class="tbm-link-container"> <a href="/perspectives" class="tbm-link level-1" 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="home_home"> <section class="hero max-width mx-auto position-relative flex-column text-white justify-content-center d-flex"> <div class="hero__overlay"></div> <div> <video id="hero__video" class="hero__video w-100 position-absolute top-0 start-0" poster="themes/custom/vision/src/images/asce_video_poster.png" width="320" height="240" autoplay muted="1" loop playsinline> <source src="themes/custom/vision/src/videos/asce_intro.webm" type="video/webm"> </video> <div class="hero__container mx-auto d-flex h-100 flex-column position-relative justify-content-center"> <h1 class="hero__container__h1 text-center mb-3 text-uppercase mx-auto text-white"> Future World Vision </h1> <div class="hero__container__text text-center mb-3 mx-auto"> Infrastructure <div style="animation-delay: 0s" class="hero__container__text__sub highlight position-relative d-flex justify-content-center"> <div class='position-absolute'> <div>Reinvented</div> </div> </div> <div style="animation-delay: 3s" class="hero__container__text__sub highlight position-relative d-flex justify-content-center"> <div class='position-absolute'> <div>Redefined</div> </div> </div> <div style="animation-delay: 6s" class="hero__container__text__sub highlight position-relative d-flex justify-content-center"> <div class='position-absolute'> <div>Reimagined</div> </div> </div> </div> <div class="d-flex justify-content-center align-items-center flex-column mt-5"> <div class="hero__container__scroll-circle d-flex justify-content-center align-items-center p-5 mt-4"> <div class="article-font text-white text-uppercase">Scroll</div> </div> <div class="hero__container__line position-relative"></div> <div class="hero__container__chevron position-relative"></div> </div> <div class="hero__audio d-flex justify-content-end mx-auto position-relative"> <div class="hero__audio__image d-flex justify-content-center align-items-center p-3"> <img id='audioIcon' src='/themes/custom/vision/src/images/mute-2-32.png' alt="audio icon" width='32' height='32'/> </div> </div> </div> </div> </section> <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"> <iframe class="video-container" src="https://players.brightcove.net/75114961001/dHvpHJrIt_default/index.html?videoId=6345876504112" allowFullScreen allow="encrypted-media"> </iframe> </div> </div> <div class="col-xl-6"> <h2 class="mb-4">Explore the Cities of the Future</h2> <p class="mb-5 pe-3">Imagine stepping 50 years into the future. Smart cities are designed to optimize sustainability and resilience. Innovation and automation are everywhere. Renewable energy is a primary power source. Space-based solar power provides energy all day. And transport is easy with personal travel pods and drone deliveries. This isn’t science fiction. Engineers are making plans for this future world right now, and it’s coming to the giant screen! “Cities of the Future” brings Future World Vision concepts to life as today’s engineers work to solve the world’s most pressing challenges for tomorrow.</p> <div class="d-flex flex-column flex-lg-row justify-content-lg-evenly mb-5"> <a href='/cities-future' class='btn-turqoise-transparent mb-3' title="Reimagine the future" > <span class="btn-text">Reimagine the future</span> </a> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--quote paragraph--view-mode--default quote mx-auto position-relative max-width" 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_Quote_A.jpg?itok=yn1bS3HY'); background-size: cover;"> <div class="container-fluid ms-0 me-0"> <div class="row quote__text position-relative ms-4 me-2"> <div class="fade-in-image"> <div class="slide-down"> <div class="line-container position-absolute"> <div class="fade-in-line"> <div class="slide-down-line"> <div style="border-left: 3px solid #FFCA00" class="line-container__line position-relative"></div> </div> </div> </div> <div class="col-12 text-white quote-font d-flex flex-wrap"> “The further out we look, the more it<span>changes our view</span>of the present.” </div> </div> <div data-visibility-class="slide-over" data-visibility-sensor> <p class="quote__small-text mt-10 text-white"> Alex McDowell, creative director and co-founder, Experimental Design </p> </div> </div> </div> </div> </section> <section class="itb_container max-width mx-auto position-relative"> <div class="container py-5"> <div class="row ms-4 me-2 my-5"> <div class="itb_container__col col-12 col-lg-5 col-12 offset-lg-1"> <h2 class="itb_container__header mb-4 text-white"> Welcome to Mega City </h2> <p class="itb_container__paragraph mb-5 text-white"> The year is 2070. The world is transformed, but the role of cities remains the same: to connect us and keep us safe and healthy so we can live, work, play, and learn. To build the future, first we must visualize it. Guided by extensive scenario planning and grounded in deep research, Future World Vision introduces a plausible city and its evolution from 2020 to 2070. The immersive, 3D digital model puts you at the heart of Mega City and invites you to contribute to the dynamic in-platform community. </p> <div class="d-flex fex-column"> <div class="m-0 mb-3 d-flex flex-wrap"> <div class="itb_container__btn me-3 mb-3"> <a href='/download-desktop-app' class='btn-sunglow-transparent mb-3' title="Download desktop app" > <span class="btn-text">Download desktop app</span> </a> </div> </div> </div> </div> <div class="col-12 col-lg-6"> <div class="image-container d-flex justify-content-end align-items-start position-relative"> <div class="image-container__wrapper position-relative w-100 mt-4 mt-lg-0"> <div style="width: 300px; height: 300px; top: -19%; left: -9%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> <img class="image-container__wrapper__image" src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-02/Homepage%20-%20Story%201.jpg?itok=RRpgotc4" alt="Image from the Mega City desktop app"/> </div> </div> </div> </div> </div> </section> <section class="paragraph paragraph--type--quote paragraph--view-mode--default quote mx-auto position-relative max-width" 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_Quote_B.jpg?itok=24QNqhUm'); background-size: cover;"> <div class="container-fluid ms-0 me-0"> <div class="row quote__text position-relative ms-4 me-2"> <div class="fade-in-image"> <div class="slide-down"> <div class="line-container position-absolute"> <div class="fade-in-line"> <div class="slide-down-line"> <div style="border-left: 3px solid #FFCA00" class="line-container__line position-relative"></div> </div> </div> </div> <div class="col-12 text-white quote-font d-flex flex-wrap"> “Future World Vision is a 21st-century <span>‘drawing board.’”</span> </div> </div> <div data-visibility-class="slide-over" data-visibility-sensor> <p class="quote__small-text mt-10 text-white"> Eva Lerner-Lam, founder and president, Palisades Consulting Group </p> </div> </div> </div> </div> </section> <section class="mx-auto max-width mb-5 text-white ps-4 pe-2"> <div class="container me-0"> <div class="row pb-5"> <div class="col-xs-12 col-lg-6 pt-5 pe-lg-4"> <h2 class="mb-3"> The future starts now </h2> <p class="pt-4 pb-5 pe-lg-4">Future World Vision informs the decisions we make today by provoking a new understanding of the opportunities and challenges that will shape tomorrow’s built environment.</p> </div> <div class="col-xs-12 col-lg-6 position-relative pe-0"> <div style="width: 275px; height: 275px; top: 50%; left: -10%; z-index: 0;" class="circle-clockwise d-none d-sm-block"></div> <div class="image-z-index"> <div class=""> <div data-visibility-class="fade-in-image" data-visibility-sensor> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-02/Homepage_Story_3_A_Video_Still.jpg?itok=LR1BCWqQ" alt="story 3 a" width="600" height="400" style="object-fit:cover;"> </div> </div> </div> </div> </div> <div class="row my-5"> <div class="col-xs-12 col-lg-7 order-lg-last pt-md-5 pb-5 pe-5"> <h3> And it's never looked so exciting </h3> <p class="my-5">Climate-mitigation strategies. Community-focused, multi-use infrastructure. Systems designed with built-in redundancies resilient to weather events and security threats. The civil engineering concepts driving Future World Vision are all around us now.</p> <a href='/virtual-reality-experiences' class='btn-sunglow-transparent mb-3' title="Explore VR experiences" > <span class="btn-text">Explore VR experiences</span> </a> </div> <div class="col-xs-12 col-lg-5 order-lg-first position-relative pb-5"> <div style="width: 200px; height: 200px; top: 72%; left: 59%; z-index: 0;" class="circle-counter-clockwise d-none d-sm-block"></div> <div class=""> <div data-visibility-class="fade-in-image" data-visibility-sensor> <img src="https://futureworldvision.org/sites/default/files/styles/original/public/2022-02/Homepage_Story_3_B_Video_Still.jpg?itok=eIBUFZa5" alt="story 3b" width="400" height="600" style="object-fit: cover;"> </div> </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> </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\/1","currentPathIsAdmin":false,"isFront":true,"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":"eJxlT0FyxCAM-xAkl_5nx4BL2AGc2iZNfl_2QOjOXhhJyLIciWLGh0JcY39MfOcLPOF8F4vZgSEy7JusgdsOeZnK0ureXE6yYTByiWJZHQgadY-CEQrW9imIXhnFHEkS1fXrPAcEZvodxDVVqrfNA4dJEvt_EV7hxoF6IbSpQESreOr4-CZS5MFiJgfZvqqkGoe6IYTp2ZBpLkm1jwt67cSSE-RjWnsIDvzT-qJBJCc_M0SJL1vhcHCPvjragiHBp2L7KRj-AMpHqig","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=eJxdkFFyxCAMQy8Ukp_eZ8cE12EHcGqbNLl92WkJbf94khHCeqlhXjwoTkfUyGWhxB6SU7tSLDQRMyV8GNBClv8i0H-e4QlnT3pnNpRpBwES2DddgtQd0jyUuZa9-hR1w9Cv-WrGRTuuBvcZRPjzNkDCmIqyJrwxcEtFFzMQOsPTuhFLq6S4WgPHXlGOVvHHbB--1_BRW_kOrwSXMURwLXZUHXpXNMV11FBjuVyBw8P9yIbCbcL8IyNBxlK_1_9beC1_pGwIYZR8O88vFJmqKA"></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=eJxdkFFyxCAMQy8Ukp_eZ8cE12EHcGqbNLl92WkJbf94khHCeqlhXjwoTkfUyGWhxB6SU7tSLDQRMyV8GNBClv8i0H-e4QlnT3pnNpRpBwES2DddgtQd0jyUuZa9-hR1w9Cv-WrGRTuuBvcZRPjzNkDCmIqyJrwxcEtFFzMQOsPTuhFLq6S4WgPHXlGOVvHHbB--1_BRW_kOrwSXMURwLXZUHXpXNMV11FBjuVyBw8P9yIbCbcL8IyNBxlK_1_9beC1_pGwIYZR8O88vFJmqKA"></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=eJxdkFFyxCAMQy8Ukp_eZ8cE12EHcGqbNLl92WkJbf94khHCeqlhXjwoTkfUyGWhxB6SU7tSLDQRMyV8GNBClv8i0H-e4QlnT3pnNpRpBwES2DddgtQd0jyUuZa9-hR1w9Cv-WrGRTuuBvcZRPjzNkDCmIqyJrwxcEtFFzMQOsPTuhFLq6S4WgPHXlGOVvHHbB--1_BRW_kOrwSXMURwLXZUHXpXNMV11FBjuVyBw8P9yIbCbcL8IyNBxlK_1_9beC1_pGwIYZR8O88vFJmqKA"></script> <script src="https://cdn.jsdelivr.net/npm/intersection-observer@0.7.0/intersection-observer.js"></script> <script src="/sites/default/files/js/js_LSlReN2eTX6zOqcba47R7_fFn-RjLhHMIRuO1E20dpE.js?scope=footer&delta=7&language=en&theme=vision&include=eJxdkFFyxCAMQy8Ukp_eZ8cE12EHcGqbNLl92WkJbf94khHCeqlhXjwoTkfUyGWhxB6SU7tSLDQRMyV8GNBClv8i0H-e4QlnT3pnNpRpBwES2DddgtQd0jyUuZa9-hR1w9Cv-WrGRTuuBvcZRPjzNkDCmIqyJrwxcEtFFzMQOsPTuhFLq6S4WgPHXlGOVvHHbB--1_BRW_kOrwSXMURwLXZUHXpXNMV11FBjuVyBw8P9yIbCbcL8IyNBxlK_1_9beC1_pGwIYZR8O88vFJmqKA"></script> </body> </html>