CINXE.COM
Cities and buildings
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <title>Cities and buildings</title> <meta property="og:title" content="Cities and buildings"> <meta name="logo" href="/-/media/Examples/Irena/Images/Navigation/IRENA_logo.svg" /> <link rel="manifest" href="/assets/static/site.webmanifest"> <link rel="mask-icon" href="/assets/static/safari-pinned-tab.svg" color="#dd082b"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff"> <meta name="msapplication-config" content="/assets/static/browserconfig.json" /> <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-PR8BPS9');</script> <link rel="preload" href="/assets/fonts/Graphik/Graphik-Light.woff2" as="font" crossorigin="anonymous" /> <link rel="preload" href="/assets/fonts/Graphik/Graphik-Semibold.woff2" as="font" crossorigin="anonymous" /> <link rel="preload" href="/assets/fonts/Graphik/Graphik-Bold.woff2" as="font" crossorigin="anonymous" /> <link rel="stylesheet" href="/assets/styles/default.css?v=36854026"> <link rel="stylesheet" href="/assets/styles/print.css?v=36854026" media="print"> <script> var IR_APP_CFG = { global: { errorMsg: 'An error occurred. Try again later.' }, partials: { search: '/_partials/toolbar-search?partial=1', member: '/_partials/choose-platform?partial=1', notifications: '/_partials/toolbar-notification?partial=1', clipboard: '/_partials/toolbar-clipboard?partial=1' }, modules: { Clipboard: { maxToolbarVisibleItems: 20, maxUnloggedStoredItems: 20, maxMsg: 'You have reached the maximum of 20 items in your Clipboard.', apiUrl: '/iapi/clipboardstorage/items', serverError: 'An error occurred. Try again later.' }, Sharing: { apiUrl: '/iapi/clipboardstorage', serverError: 'An error occurred. Try again later.' }, LoginForm: { apiClipboardUrl: '/iapi/clipboardstorage', serverError: 'An error occurred. Try again later.' }, TextTools: { options: [ { label: 'Share via Twitter', icon: 'twitter' }, { label: 'Copy', icon: 'copy' } ] }, Toolbar: { onboardingCookieName: 'ir_onboarding_show' }, Notifications: { apiUrl: '/iapi/notificationsapi', buforTime: 900000 }, ProcurementList: { errorMsg: 'An error occurred. Try again later.' }, BlogEvent: { time: 60 } } }; </script> </head> <body class=" "> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PR8BPS9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- Header #START --> <header class="m-Header " data-jsmodule="Header"> <div class="l-wrapper"> <nav class="m-Header__nav"> <a class="m-Header__logo" href="/"> <img src="/-/media/Examples/Irena/Images/Navigation/IRENA_logo.svg?la=en&hash=C68751AAB97C5A6B6714D109A3BAC560" alt="" /> </a> <ul class="m-Header__list" data-header-list=""> <li class="" data-header-listitem=""> <button class="m-Header__navItem" data-header-button="">ENERGY TRANSITION</button> <div class="m-Header__submenu" data-header-submenu=""> <button class="m-Header__close" data-header-close=""> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-close" /></svg> </span> </button> <div class="l-wrapper"> <div class="Heading Heading--border m-Header__heading"> <h2 class="Heading__text "> ENERGY TRANSITION </h2> </div> <ul class="m-Header__sublist "> <li> <a href="/Energy-Transition/Outlook" class="m-Header__sublink" >Outlook</a> </li> <li> <a href="/Energy-Transition/Partnerships" class="m-Header__sublink" >Partnerships</a> </li> <li> <a href="/Energy-Transition/Policy" class="m-Header__sublink" >Policy</a> </li> <li> <a href="/Energy-Transition/Technology" class="m-Header__sublink" >Technology</a> </li> <li> <a href="/Energy-Transition/Socio-economic-impact" class="m-Header__sublink" title="Scio-economic impact" >Socio-economic impact</a> </li> <li> <a href="/Energy-Transition/Country-engagement" class="m-Header__sublink" >Country engagement</a> </li> <li> <a href="/Energy-Transition/Project-Facilitation" class="m-Header__sublink" >Project Facilitation</a> </li> <li> <a href="/Energy-Transition/Planning" class="m-Header__sublink" >Planning</a> </li> <li> <a href="/Energy-Transition/Innovation" class="m-Header__sublink" >Innovation</a> </li> <li> <a href="/Energy-Transition/Finance-and-investment" class="m-Header__sublink" title="Finance & Investment" >Finance & Investment</a> </li> </ul> </div> </div> </li> <li class="" data-header-listitem=""> <button class="m-Header__navItem" data-header-button="">HOW WE WORK</button> <div class="m-Header__submenu" data-header-submenu=""> <button class="m-Header__close" data-header-close=""> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-close" /></svg> </span> </button> <div class="l-wrapper"> <div class="Heading Heading--border m-Header__heading"> <h2 class="Heading__text "> HOW WE WORK </h2> </div> <div class="m-Header__subsections"> <div class="m-Header__subsection "> <h3 class="m-Header__subheading">Country focus</h3> <div class="m-Header__search"> <div class="c-CountrySearch c-CountrySearch--simple" data-jscomponent="CountrySearch" data-api="/iapi/countrysearch/AllCountries?countriesFolder=33dc8860-6590-4f57-9c88-da215c93eee6" data-variant="country"> <div class="c-CountrySearch__wrapper"> <form action="/iapi/countrysearch/link" class="c-CountrySearch__form" data-countrysearch-form=""> <div class="c-CountrySearch__selects"> <div class="Select Select--autocomplete"> <div class="Select__container"> <div class="select show-on-desktop" data-select-country="select"> <div class="select__wrapper"> <div class="select__button"> <input name="country" data-select-country="input" type="text" placeholder="Search" class="select__placeholder" autocomplete="off"/> <button type="submit" class="c-CountrySearch__btn show-on-desktop"> <span class="select__search" data-select-country="arrow" role="button"></span> </button> <span class="select__arrow" data-select-country="arrow" role="button"></span> </div> <div class="select__list" data-select-country="results"></div> </div> </div> </div> </div> </div> <input type="hidden" name="regionID" data-js="CountrySearchRegionID"/> <input type="hidden" name="countryID" data-js="CountrySearchCountryID"/> </form> </div> </div> </div> </div> <div class="m-Header__subsection m-Header__subsection--wide"> <h3 class="m-Header__subheading">Regional focus</h3> <ul class="m-Header__columnlist"> <li> <a href="/How-we-work/Africa" class="m-Header__simplelink" title="Africa" >Africa</a> </li> <li> <a href="/How-we-work/Asia-and-Pacific" class="m-Header__simplelink" title="Asia & Pacific" >Asia & Pacific</a> </li> <li> <a href="/How-we-work/Europe" class="m-Header__simplelink" title="Europe" >Europe</a> </li> <li> <a href="/How-we-work/Latin-America-and-Caribbean" class="m-Header__simplelink" title="Latin America and the Caribbean" >Latin America and the Caribbean</a> </li> <li> <a href="/How-we-work/Middle-East-and-North-Africa" class="m-Header__simplelink" title="Middle East & North Africa" >Middle East & North Africa</a> </li> <li> <a href="/How-we-work/North-America" class="m-Header__simplelink" title="North America" >North America</a> </li> </ul> </div> <div class="m-Header__subsection "> <a href="/How-we-work/Collaborative-frameworks" class="m-Header__sublink" title="Collaborative frameworks" >Collaborative frameworks</a> </div> </div> </div> </div> </li> <li data-header-listitem=""> <a href="/News" class="m-Header__navItem" >News</a> </li> <li data-header-listitem=""> <a href="/Publications" class="m-Header__navItem" title="PUBLICATIONS" >PUBLICATIONS</a> </li> <li data-header-listitem=""> <a href="/Education" class="m-Header__navItem" >Education</a> </li> <li data-header-listitem=""> <a href="/Data" class="m-Header__navItem" title="Data" >Data</a> </li> <li data-header-listitem=""> <a href="/Events?orderBy=Date" class="m-Header__navItem" >Events</a> </li> <li class="" data-header-listitem=""> <button class="m-Header__navItem" data-header-button="">ABOUT</button> <div class="m-Header__submenu" data-header-submenu=""> <button class="m-Header__close" data-header-close=""> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-close" /></svg> </span> </button> <div class="l-wrapper"> <div class="Heading Heading--border m-Header__heading"> <h2 class="Heading__text "> ABOUT </h2> </div> <ul class="m-Header__sublist m-Header__sublist--4columns"> <li> <a href="/About" class="m-Header__sublink" >About IRENA</a> </li> <li> <a href="/About/Membership" class="m-Header__sublink" >Membership</a> </li> <li> <a href="/Director-General" class="m-Header__sublink" title="Director General" >Director-General</a> </li> <li> <a href="/About/Procurement?status=All&orderBy=DeadlineDate" class="m-Header__sublink" title="Procurement" >Procurement</a> </li> <li> <a href="/About/Vision-and-mission" class="m-Header__sublink" title="Vision and Mission" >Vision & Mission</a> </li> <li> <a href="/About/Official-documents?orderBy=Date" class="m-Header__sublink" >Official documents</a> </li> <li> <a href="/About/Senior-Management" class="m-Header__sublink" >Senior Management</a> </li> <li> <a href="/About/Employment" class="m-Header__sublink" title="Work with IRENA" >Working at IRENA</a> </li> </ul> </div> </div> </li> </ul> </nav> </div> </header> <!-- Header #END --> <main id="main"> <aside id="asideToolbar"> <!-- Toolbar #START --> <div class="m-Toolbar " data-jsmodule="Toolbar"> <div class="m-Toolbar__tooltip m-Toolbar__tooltip--start-info " data-toolbar-tooltip="visitorInfo"> <strong>First time visitor?</strong> Explore our handy tools <div class="m-Toolbar__button-cont" data-js="visitorNagigationSteps"> <button class="c-Button c-Button--simple c-Button--small" data-jscomponent="Button" data-js="visitorSkip"> <span class="c-Button__label">Skip</span> </button> <button class="c-Button c-Button--small" data-jscomponent="Button" data-js="visitorNext" data-show-tooltip="search"> <span class="c-Button__label">Next</span> </button> </div> </div> <ul class="m-Toolbar__list"> <li class="m-Toolbar__li-menu"> <button title="Open menu" data-toolbar-button="menu" class="m-Toolbar__button m-Toolbar__button--menu"> <span aria-hidden="true"></span> </button> </li> <li> <button title="Search" data-toolbar-button="search" class="m-Toolbar__button"> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-magnifier"></use></svg> </span> </button> <div class="m-Toolbar__tooltip m-Toolbar__tooltip--search" data-toolbar-tooltip="search"> <strong>Search</strong> Look for information across IRENA.org <div class="m-Toolbar__button-cont" data-js="visitorNagigationSteps"> <button class="c-Button c-Button--simple c-Button--small" data-jscomponent="Button" data-js="visitorSkip"> <span class="c-Button__label">Skip</span> </button> <button class="c-Button c-Button--small" data-jscomponent="Button" data-js="visitorNext" data-show-tooltip="member"> <span class="c-Button__label">Next</span> </button> </div> </div> <div class="m-Toolbar__layer m-Toolbar__layer--search" data-toolbar-layer="search"> <button class="m-Toolbar__close" data-toolbar-close="search"> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-close"></use></svg> </span> </button> <div class="m-Toolbar__container" data-toolbar-container="search"> <!-- Content will be loaded as a partial from CMS --> </div> <!-- Loader #START --> <div class="c-Loader is--hide" data-jscomponent="Loader"> <div class="lds-ring"> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- Loader #END --> </div> </li> <li> <button title="Access IRENA platforms" data-toolbar-button="member" class="m-Toolbar__button" data-partial="membersection"> <span class="icon" aria-hidden="true"> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-person"></use></svg> </span> </span> </button> <div class="m-Toolbar__tooltip m-Toolbar__tooltip--member" data-toolbar-tooltip="member"> <strong>REmember</strong> Log in to the Member section <div class="m-Toolbar__button-cont" data-js="visitorNagigationSteps"> <button class="c-Button c-Button--simple c-Button--small" data-jscomponent="Button" data-js="visitorSkip"> <span class="c-Button__label">Skip</span> </button> <button class="c-Button c-Button--small" data-jscomponent="Button" data-js="visitorNext" data-show-tooltip="notifications"> <span class="c-Button__label">Next</span> </button> </div> </div> <div class="m-Toolbar__layer m-Toolbar__layer--member" data-toolbar-layer="member"> <button class="m-Toolbar__close" data-toolbar-close="member"> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-close"></use></svg> </span> </button> <div class="m-Toolbar__container" data-toolbar-container="member" data-js-partial="partial-content"> <!-- Content will be loaded as a partial from CMS --> </div> <!-- Loader #START --> <div class="c-Loader is--hide" data-jscomponent="Loader"> <div class="lds-ring"> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- Loader #END --> </div> </li> <li> <button title="Your notifications" data-toolbar-button="notifications" class="m-Toolbar__button is--selected" data-api="/iapi/notificationsapi"> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-bell"></use></svg> </span> </button> <div class="m-Toolbar__tooltip m-Toolbar__tooltip--notifications" data-toolbar-tooltip="notifications"> <strong>Up to date with IRENA</strong> Get informed about news and updates relevant to your area of interests <div class="m-Toolbar__button-cont" data-js="visitorNagigationSteps"> <button class="c-Button c-Button--simple c-Button--small" data-jscomponent="Button" data-js="visitorSkip"> <span class="c-Button__label">Skip</span> </button> <button class="c-Button c-Button--small" data-jscomponent="Button" data-js="visitorNext" data-show-tooltip="clipboard"> <span class="c-Button__label">Next</span> </button> </div> </div> <div class="m-Toolbar__layer m-Toolbar__layer--notifications" data-toolbar-layer="notifications"> <button class="m-Toolbar__close" data-toolbar-close="notifications"> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-close"></use></svg> </span> </button> <div class="m-Toolbar__container" data-toolbar-container="notifications"> <!-- Content will be loaded as a partial from CMS --> </div> <!-- Loader #START --> <div class="c-Loader is--hide" data-jscomponent="Loader"> <div class="lds-ring"> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- Loader #END --> </div> </li> <li> <button title="Go to clipboard" data-toolbar-button="clipboard" class="m-Toolbar__button"> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-folder"></use></svg> </span> </button> <div class="m-Toolbar__tooltip m-Toolbar__tooltip--clipboard" data-toolbar-tooltip="clipboard"> <strong>Clipboard</strong> Here you can find interests items you have saved by exploring IRENA.org <div class="m-Toolbar__button-cont" data-js="visitorNagigationSteps"> <button class="c-Button c-Button--small" data-jscomponent="Button" data-js="visitorSkip"> <span class="c-Button__label">Close</span> </button> </div> </div> <div class="m-Toolbar__layer m-Toolbar__layer--clipboard" data-toolbar-layer="clipboard"> <button class="m-Toolbar__close" data-toolbar-close="clipboard"> <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-close"></use></svg> </span> </button> <div class="m-Toolbar__container" data-toolbar-container="clipboard"> <!-- Content will be loaded as a partial from CMS --> </div> <!-- Loader #START --> <div class="c-Loader is--hide" data-jscomponent="Loader"> <div class="lds-ring"> <div></div> <div></div> <div></div> <div></div> </div> </div> <!-- Loader #END --> </div> </li> </ul> </div> </aside> <article> <section class="l-section l-section--fluid"> <div class="l-section__placeholder"> <header> <div class="m-SimpleTopHeader m-SimpleTopHeader--sidemenu m-SimpleTopHeader--simple m-SimpleTopHeader--bgImage " data-jsmodule="SimpleTopHeader"> <div class="m-SimpleTopHeader__background"> <div class="m-SimpleTopHeader__bgImage"> <picture><source media="(min-width: 769px)" srcset="/-/media/Irena/Modules-Content/Header-Images/Buildings-and-cities-sth-2x-3200x1210.jpg?w=1600&h=605&as=1&bc=ffffff&cc=0&hash=5AA582E3813B010B714B05351E365A2A 1x, /-/media/Irena/Modules-Content/Header-Images/Buildings-and-cities-sth-2x-3200x1210.jpg?w=3200&h=1210&as=1&cc=0&hash=E4D6374239BE701018CA92E641151C87 2x" /><source srcset="/-/media/Irena/Modules-Content/Header-Images/Buildings-and-cities-sth-2xmob-1536x740.jpg?w=768&h=370&as=1&bc=ffffff&cc=0&hash=46FFCA046D2E166598B9A26118C13618 1x, /-/media/Irena/Modules-Content/Header-Images/Buildings-and-cities-sth-2xmob-1536x740.jpg?w=1536&h=740&as=1&cc=0&hash=88010C1927C33EB626002B9C22770E88 2x" /><img alt="Buildings and cities" loading="lazy" src="/-/media/Irena/Modules-Content/Header-Images/Buildings-and-cities-sth-2x-3200x1210.jpg?w=533&h=201&as=1&bc=ffffff&cc=0&hash=EBE240360AD46DA5C28FDB7B1EDAEE0E" /></picture> </div> <div class="l-wrapper"> <div class="l-grid__row"> <div class="m-SimpleTopHeader__wrapper "> <div class="m-SimpleTopHeader__container"> <div class="m-SimpleTopHeader__heading"> <div class="Heading m-SimpleTopHeader__header"> <h1 class="Heading__text"> Buildings & cities </h1> </div> <div class="m-SimpleTopHeader__sharing"> <div class="c-Sharing " data-jscomponent="Sharing"> <ul class="c-Sharing__list"> <li> <a class="c-Sharing__link c-Sharing__link--back" data-sharing-type="back" href="/Energy-Transition/Technology"><span>Back</span></a> </li> <li> <button class="c-Sharing__link" title="Share via Twitter" data-sharing-type="twitter" > <span class="icon " aria-hidden="true"> <svg><use xlink:href="/-/media/Images/IRENA/Agency/Social%20Icons/twitter.svg#sharing-twitter"></use></svg> </span> </button> </li> <li> <button class="c-Sharing__link" title="More " data-sharing-type="sharemore" > <span class="icon " aria-hidden="true"> <svg><use xlink:href="/assets/icons/sharing.svg#sharing-sharemore"></use></svg> </span> </button> <div class="c-Sharing__tooltip " data-sharing-tooltip="sharemore"> <ul class="c-Sharing__list"> <li> <button class="c-Sharing__link" title="Share via Facebook" data-sharing-type="facebook" data-url="https://www.irena.org/Energy-Transition/Technology/Cities-and-buildings"> <span class="icon " aria-hidden="true"> <svg><use xlink:href="/assets/icons/sharing.svg#sharing-facebook"></use></svg> </span> </button> </li> <li> <button class="c-Sharing__link" title="Share via Linkedin" data-sharing-type="linkedin" > <span class="icon " aria-hidden="true"> <svg><use xlink:href="/assets/icons/sharing.svg#sharing-linkedin"></use></svg> </span> </button> </li> <li> <button class="c-Sharing__link" title="Share via Email" data-sharing-type="email" > <span class="icon " aria-hidden="true"> <svg><use xlink:href="/assets/icons/sharing.svg#sharing-email"></use></svg> </span> </button> </li> </ul> </div> </li> <li> <button class="c-Sharing__link" title="Clipboard" data-sharing-type="clipboard" data-clipboard="{"description":"","type":"webpage","intType":"simpleWebpage","storedDate":"2024-11-23T10:27:56.0655282+00:00","id":"3e0cb3330ef4463686c08de6c5db7daf","dsid":"3e0cb3330ef4463686c08de6c5db7daf","title":"Buildings & cities","pgid":"5001cbaf02aa429c97d35d840988b177","url":"https://www.irena.org/Energy-Transition/Technology/Cities-and-buildings"}"> <span class="icon icon--clipboard" aria-hidden="true"> <svg><use xlink:href="/assets/icons/sharing.svg#sharing-clipboard"></use></svg> </span> </button> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="l-wrapper"> <div class="m-SimpleTopHeader__breadcrumbs show-on-desktop"> <div class="m-Breadcrumbs "> <div class="c-Breadcrumbs"> <nav class="c-Breadcrumbs__wrapper" aria-label="Navigation path"> <ol class="c-Breadcrumbs__list" itemscope="itemscope" itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"> <a class="c-Breadcrumbs__link" itemprop="item" href="/"> <span itemprop="name">Home</span></a> <meta itemprop="position" content="1"/> <span class="c-Breadcrumbs__separator">></span> </li> <li itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"> <span class="c-Breadcrumbs__text" itemprop="name">Energy Transition</span> <meta itemprop="position" content="2"/> <span class="c-Breadcrumbs__separator">></span> </li> <li itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"> <a class="c-Breadcrumbs__link" itemprop="item" href="/Energy-Transition/Technology"> <span itemprop="name">Technology</span></a> <meta itemprop="position" content="3"/> <span class="c-Breadcrumbs__separator">></span> </li> <li itemprop="itemListElement" itemscope="itemscope" itemtype="https://schema.org/ListItem"> <span class="c-Breadcrumbs__text" itemprop="name">Cities and buildings</span> <meta itemprop="position" content="4"/> </li> </ol> </nav> </div> </div> </div> </div> </div> </header> </div> </section> <section class="l-section l-section--container "> <div class="l-grid__row"> <div class="l-grid__xxs--4 l-grid__m--2 set-order-on-mobile "> </div> <div class="l-grid__m--10 "> <div class="l-grid__row"> <div class="l-grid10__m--10 l-grid10__m__offset--1 " id="m0988d22ca7bc4accadb2a32da52ceefd"> <div id="m40c9c2614c1d4043b75829dafe54da58" class="m-AnchorMenu colorBgInner--13" data-jsmodule="AnchorMenu"> <div class="m-AnchorMenu__container" data-anchormenu-container=""> <nav class="m-AnchorMenu__nav" data-anchormenu-nav=""> <ul class="m-AnchorMenu__list"> <li> <a class="m-AnchorMenu__link " href="#cities-and-buildings">Cities and buildings</a> </li> <li> <a class="m-AnchorMenu__link " href="#heating-and-cooling">Heating and cooling</a> </li> <li> <a class="m-AnchorMenu__link " href="#key-statistics">Key statistics</a> </li> </ul> </nav> </div> </div> </div> <div class="l-grid10__m--10 l-grid10__m__offset--1 " id="cities-and-buildings"> <div class="Heading Heading--border h3"> <!-- Element Heading: Tag "h2" powinien być wybierany z listy nagłówków w CMS --> <h2 class="Heading__text "> Cities and buildings </h2> </div> <!-- RichText #START --> <div class="m-RichText " data-jsmodule="RichText"> <!-- RichTextComponent #START --> <div class="c-RichText " data-jscomponent="RichText"> <p class="bigger">Cities contribute around 80% of global GDP, significantly improving society’s overall well-being. But they are also responsible for more than two-thirds of global energy use and three-quarters of anthropogenic carbon emissions. Cities are therefore increasingly relevant to climate change mitigation and adaptation. </p> <p>With the adoption of the 2015 Paris Agreement, more and more cities have committed to developing forward-looking, climate-friendly and resilient action plans and investment decisions for the future. Renewable-based solutions hold great potential to reduce carbon emissions from urban energy systems and end uses, such as the buildings, transport and industrial sectors, through sector-coupling strategies and approaches. </p> <p>The potential to substitute fossil fuels in end-use sectors, including buildings, district heating and cooling, and transport, are significant and account for the lion’s share of potential emission reductions. In addition to energy supply (e.g. rooftop solar PV and solar thermal) and end-use technologies (e.g. heat pumps), urban-level energy planning and decision-making are also critical to put climate-resilient urban infrastructure in place, and to ensure the success of global energy transitions.</p> <p>In a variety of roles, cities are uniquely positioned to turn global pledges into actionable programmes by creating the right policy and regulatory frameworks. In a set of reports and briefs on Renewable Energy Policies for Cities, IRENA analyses this multitude of roles that cities already play in accelerating the energy transition at the local level. A series of short case studies of cities around the world showcases the implementation of different renewable energy and enabling technologies, including solar energy, direct use of geothermal resources, bioenergy and waste-to-energy options, as well as thermal energy storage and electric mobility. They address the motivations and objectives that compel cities to act, the variety of drivers that either enable or constrain cities’ actions and thus influence what they can do, and the urban energy system planning and policy tools they can apply.</p> <p><a href="/demo">The Rise of Renewables in Cities</a> report highlights resource potential, targets, technology options and system-planning priorities for cities around the world. <a href="/demo">Past analysis</a> explores the potential for urban communities to scale up renewables by 2030, based on estimated energy use in 3 649 cities around the world. It finds that every city has massive potential to cost-effectively boost renewable energy use at the local level.</p> <p>IRENA, in collaboration with ICLEI (International Council for Local Environmental Initiatives) and GIZ (the German Agency for International Cooperation), has published a report on <em><a href="/demo">Scaling Up Renewables in Cities</a></em>, which reviews crucial aspects of the urban energy transition. Back in 2013, in collaboration with the ICLEI, IRENA also produced a <a href="/demo">series of case studies on cities</a> where local governments have successfully adopted measures to promote renewable energy and sustainability.</p> </div> <!-- RichTextComponent #END --> </div> <!-- RichText #END --> </div> <div class="l-grid10__m--10 l-grid10__m__offset--1 " id="heating-and-cooling"> <div class="Heading Heading--border h3"> <!-- Element Heading: Tag "h2" powinien być wybierany z listy nagłówków w CMS --> <h2 class="Heading__text "> Heating and cooling </h2> </div> <!-- RichText #START --> <div class="m-RichText " data-jsmodule="RichText"> <!-- RichTextComponent #START --> <div class="c-RichText " data-jscomponent="RichText"> <p>Heating and cooling includes a wide range of end-use applications and technologies. In the buildings sector it includes cooking, water heating, space heating, ambient cooling and refrigeration. In addition, in industry it also includes process heating — from low-temperature applications (e.g. in the food industry) to high-temperature applications (e.g. in the cement, iron and steel industries) – and process steam. Heating and cooling for residential, commercial and industrial purposes accounts for a large share of total final energy demand. For example, in the European Union heating and cooling in buildings and industry accounts for half of energy consumption (estimate by the <a rel="noopener noreferrer" href="http://ec.europa.eu/energy/en/topics/energy-efficiency/heating-and-cooling" target="_blank">European Commission</a>). </p> <p>Currently, demand for heating in buildings and industry outweighs demand for cooling. However, the latter is rapidly catching up, particularly due to increasing demand for air conditioning and refrigeration of food and medical supplies. For example, according to the European Union by 2030 the energy used to cool buildings across Europe is likely to increase by 72%, while the energy used for heating buildings is set to <a rel="noopener noreferrer" href="https://www.theguardian.com/environment/2015/oct/26/cold-economy-cop21-global-warming-carbon-emissions" target="_blank">fall by 30%</a>. </p> <p>A range of options are available to decarbonise heating and cooling, including district heating and cooling with high shares of renewables (systems based on the centralised heating or cooling of water that is then distributed to multiple buildings through a pipe network), solar thermal heat, sustainable bioenergy, geothermal heat and heat pumps. IRENA’s <a href="/demo">World Energy Technology Outlook</a> contains more details on the potential of these technologies. </p> <p>In addition to increased use of renewable energy, energy efficiency measures can contribute to more sustainable energy use by reducing the demand for heating and cooling. In buildings, efficiency measures include advanced construction and design techniques, enhanced insulation and better information and control of energy use with intelligent thermostats. In industry, energy for heating and cooling can be saved with energy-efficient technologies such as combined heat and power units, and via energy management solutions and technologies. Sector coupling can allow surplus electricity to provide heating and cooling for buildings and industry. </p> </div> <!-- RichTextComponent #END --> </div> <!-- RichText #END --> </div> <div class="l-grid10__m--10 l-grid10__m__offset--1 " id="key-statistics"> <div class="Heading Heading--border h3"> <!-- Element Heading: Tag "h2" powinien być wybierany z listy nagłówków w CMS --> <h2 class="Heading__text "> Key statistics </h2> </div> <!-- RichText #START --> <div class="m-RichText " data-jsmodule="RichText"> <!-- RichTextComponent #START --> <div class="c-RichText " data-jscomponent="RichText"> <figure> <h4>Projected global energy demand for heating vs. cooling, 1970-2100</h4> <img src="/-/media/Irena/Images/hub/technology/heating-cooling-1970-2100.png" style="height: auto; width:700px; margin:auto;" alt=" global energy for heating and cooling" /> <figcaption>Source: Isaac, M., van Vuuren, D.P., 2009. "Modeling global residential sector energy demand for heating and air conditioning in the context of climate change". Energy Policy 37, 507–521.<br /> <strong>Key Message</strong>: Energy demand for cooling in buildings will overtake demand for heating in the long run. </figcaption></figure> <figure> <h4>Breakdown of heating and cooling energy use today (selected countries)*</h4> <img src="/-/media/Irena/Images/hub/technology/Breakdown-of-heating-countries.png" style="height: auto; width:700px; margin:auto;" alt=" global energy for heating and cooling" /> <figcaption><em>* Cooling is included for Japan, the US, Kuwait and the UAE.</em><br /> <strong>Key Message</strong>: In the countries assessed, fossil fuels are an important source of energy for total heating while cooling is powered by electricity. </figcaption></figure> <h4>District Heating & Cooling generation mix in 2015 (selected countries)</h4> <img src="/-/media/Irena/Images/hub/technology/District-Heating-2015.ash" style="height: auto; width:700px; margin:auto;" alt=" global energy for heating and cooling" /> <figcaption><em>*Japan includes heating and cooling.</em><br /> No centralised cooling systems are in operation in Kuwait.<br /> <strong>Key Message</strong>: IHC uses a wide variety of generation sources across countries. In most countries, the share of renewable resources is modest. </figcaption> <h4>Projected District Heating & Cooling generation mix 2030, Reference Case vs. REmap (selected countries)</h4> <img src="/-/media/Irena/Images/hub/technology/heating-cooling-2030.jpg" style="height: auto; width:700px; margin:auto;" alt=" global energy for heating and cooling" /> <figcaption><em>Based on IRENA estimates</em><br /> <strong>Key Message</strong>: There is additional potential for the various renewable energy technologies, in both the heating and the cooling segments. Realizing this potential would increase the share of renewable energy in DHC in all countries assessed by IRENA. </figcaption> <h4>Breakdown of fuel use in DHC systems worldwide, 2014.</h4> <img src="/-/media/Irena/Images/hub/technology/breakdown-of-Fuel-2014.png" style="height: auto; width:700px; margin:auto;" alt=" global energy for heating and cooling" /> <figcaption> <strong>Key Message</strong>: Most DHC energy is currently provided by fossil fuels, while renewables account for only a minor proportion of the energy used in DHC systems. </figcaption> </div> <!-- RichTextComponent #END --> </div> <!-- RichText #END --> </div> <div class="l-grid10__m--10 l-grid10__m__offset--1 " id="m92902761bad8451e879303560ce7ff27"> <div class="m-HighlightedPublication m-HighlightedPublication--single "> <div class="m-HighlightedPublication__item "> <a href="/Publications/2021/Jun/World-Energy-Transitions-Outlook" class="m-HighlightedPublication__container"> <div class="m-HighlightedPublication__image"> <picture><source media="(min-width: 2540px)" srcset="/-/media/Irena/Images/publications/2021/Jun/IRENA_World_Energy_Transitions_Outlook_2021.jpg?w=412&h=582&as=1&cc=1&hash=813A733D88A4C47660D80E4F503283AA" /><source srcset="/-/media/Irena/Images/publications/2021/Jun/IRENA_World_Energy_Transitions_Outlook_2021.jpg?w=206&h=291&as=1&bc=ffffff&cc=1&hash=1B37D6F88A04EEF96E5DE961AF153FD6 1x, /-/media/Irena/Images/publications/2021/Jun/IRENA_World_Energy_Transitions_Outlook_2021.jpg?w=412&h=582&as=1&cc=1&hash=813A733D88A4C47660D80E4F503283AA 2x" /><img alt="" loading="lazy" src="/-/media/Irena/Images/publications/2021/Jun/IRENA_World_Energy_Transitions_Outlook_2021.jpg?w=68&h=97&as=1&bc=ffffff&cc=1&hash=A3C7C7ACF078527C25DDB2B08A5FCAE2" /></picture> </div> <div class="m-HighlightedPublication__content"> <span class="m-HighlightedPublication__label">FOCUS ON</span> <div class="Heading "> <h2 class="Heading__text "> World Energy Transitions Outlook: 1.5°C Pathway </h2> </div> <div class="m-HighlightedPublication__text"> <p>This report outlines a pathway for the world to achieve the Paris Agreement goals and halt the pace of climate change by transforming the global energy landscape.</p> </div> <span class="m-HighlightedPublication__linktext">View</span> <div class="m-HighlightedPublication__filesWrapper"> <span class="m-HighlightedPublication__filesLabel">Available as:</span> <ul class="m-HighlightedPublication__files"> <li>PDF</li> <li>Epub</li> </ul> </div> </div> </a> </div> </div> <!-- BoxRelatedContent #START --> <div class="m-BoxRelatedContent " data-jsmodule="BoxRelatedContent" data-boxrelatedcontent-space="" id="m9b7ef7e4686b44ffa8c72ed8419e718a"> <div class="swiper-container"> <div class="Heading m-BoxRelatedContent__heading Heading--border"> <h2 class="Heading__text"> Recent Publications </h2> </div> <div class="swiper-navigation is--hide"> <button class="icon icon--swiper swiper-button-prev"> <svg><use xlink:href="/assets/icons/arrows.svg#arrows-swiper"></use></svg> </button> <button class="icon icon--swiper swiper-button-next"> <svg><use xlink:href="/assets/icons/arrows.svg#arrows-swiper"></use></svg> </button> </div> <ul class="swiper-wrapper"> <li class="swiper-slide"> <div class="c-BoxRelatedContentItem c-BoxRelatedContentItem--cover" data-jscomponent="BoxRelatedContentItem"> <picture><source media="(min-width: 2540px)" srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/QI-Roadmap-green-hydrogen-cover.png?w=400&h=566&as=1&cc=1&hash=D407313910938480B5006A4EED0F8AC3" /><source srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/QI-Roadmap-green-hydrogen-cover.png?w=200&h=283&as=1&bc=ffffff&cc=1&hash=4E579E6940CA3240EB8405E88481E041 1x, /-/media/Images/IRENA/Agency/Publication/2024/Nov/QI-Roadmap-green-hydrogen-cover.png?w=400&h=566&as=1&cc=1&hash=D407313910938480B5006A4EED0F8AC3 2x" /><img alt="" class="c-BoxRelatedContentItem__image" loading="lazy" src="/-/media/Images/IRENA/Agency/Publication/2024/Nov/QI-Roadmap-green-hydrogen-cover.png?w=66&h=94&as=1&bc=ffffff&cc=1&hash=2659B168AE636F00A4C6D2F559242F72" /></picture> <div class="c-BoxRelatedContentItem__content"> <a href="/Publications/2024/Nov/A-Quality-Infrastructure-Roadmap-for-green-hydrogen" class="c-BoxRelatedContentItem__heading"> <div class="Heading "> <h3 class="Heading__text ">A Quality Infrastructure Roadmap for green hydrogen</h3> </div> </a> </div> </div> </li> <li class="swiper-slide"> <div class="c-BoxRelatedContentItem c-BoxRelatedContentItem--cover" data-jscomponent="BoxRelatedContentItem"> <picture><source media="(min-width: 2540px)" srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/Climate-action-support-2024-cover.png?w=400&h=566&as=1&cc=1&hash=AFEB54F8DCD95429911AF390A6B393D3" /><source srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/Climate-action-support-2024-cover.png?w=200&h=283&as=1&bc=ffffff&cc=1&hash=32C9417A9CC7FEED6C48C041F07C50BE 1x, /-/media/Images/IRENA/Agency/Publication/2024/Nov/Climate-action-support-2024-cover.png?w=400&h=566&as=1&cc=1&hash=AFEB54F8DCD95429911AF390A6B393D3 2x" /><img alt="" class="c-BoxRelatedContentItem__image" loading="lazy" src="/-/media/Images/IRENA/Agency/Publication/2024/Nov/Climate-action-support-2024-cover.png?w=66&h=94&as=1&bc=ffffff&cc=1&hash=60EEC65D6625829E6043D85A47D0FB14" /></picture> <div class="c-BoxRelatedContentItem__content"> <a href="/Publications/2024/Nov/Climate-Action-Support-2024" class="c-BoxRelatedContentItem__heading"> <div class="Heading "> <h3 class="Heading__text ">Climate Action Support 2024</h3> </div> </a> </div> </div> </li> <li class="swiper-slide"> <div class="c-BoxRelatedContentItem c-BoxRelatedContentItem--cover" data-jscomponent="BoxRelatedContentItem"> <picture><source media="(min-width: 2540px)" srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/Enabling-global-trade-renewable-hydrogen-2024-cover.png?w=400&h=566&as=1&cc=1&hash=AD7F3295D0D7C0F0B45272F660DCD7A7" /><source srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/Enabling-global-trade-renewable-hydrogen-2024-cover.png?w=200&h=283&as=1&bc=ffffff&cc=1&hash=3A80795E97A1662EDC6351616A33F242 1x, /-/media/Images/IRENA/Agency/Publication/2024/Nov/Enabling-global-trade-renewable-hydrogen-2024-cover.png?w=400&h=566&as=1&cc=1&hash=AD7F3295D0D7C0F0B45272F660DCD7A7 2x" /><img alt="" class="c-BoxRelatedContentItem__image" loading="lazy" src="/-/media/Images/IRENA/Agency/Publication/2024/Nov/Enabling-global-trade-renewable-hydrogen-2024-cover.png?w=66&h=94&as=1&bc=ffffff&cc=1&hash=B371E104730F8A160F0523FE6B2BB87A" /></picture> <div class="c-BoxRelatedContentItem__content"> <a href="/Publications/2024/Nov/Enabling-global-trade-in-renewable-hydrogen-and-derivative-commodities" class="c-BoxRelatedContentItem__heading"> <div class="Heading "> <h3 class="Heading__text ">Enabling global trade in renewable hydrogen and derivative commodities</h3> </div> </a> </div> </div> </li> <li class="swiper-slide"> <div class="c-BoxRelatedContentItem c-BoxRelatedContentItem--cover" data-jscomponent="BoxRelatedContentItem"> <picture><source media="(min-width: 2540px)" srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/WETO-2024-cover.jpg?w=400&h=566&as=1&cc=1&hash=75BDD434868938CCA0EB06855487E9A7" /><source srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/WETO-2024-cover.jpg?w=200&h=283&as=1&bc=ffffff&cc=1&hash=F9458B5DF6402A1EF063D4C0CFDF2E8D 1x, /-/media/Images/IRENA/Agency/Publication/2024/Nov/WETO-2024-cover.jpg?w=400&h=566&as=1&cc=1&hash=75BDD434868938CCA0EB06855487E9A7 2x" /><img alt="" class="c-BoxRelatedContentItem__image" loading="lazy" src="/-/media/Images/IRENA/Agency/Publication/2024/Nov/WETO-2024-cover.jpg?w=66&h=94&as=1&bc=ffffff&cc=1&hash=D8630B71741A68CF3144E3AF41A48A90" /></picture> <div class="c-BoxRelatedContentItem__content"> <a href="/Publications/2024/Nov/World-Energy-Transitions-Outlook-2024" class="c-BoxRelatedContentItem__heading"> <div class="Heading "> <h3 class="Heading__text ">World Energy Transitions Outlook 2024</h3> </div> </a> </div> </div> </li> <li class="swiper-slide"> <div class="c-BoxRelatedContentItem c-BoxRelatedContentItem--cover" data-jscomponent="BoxRelatedContentItem"> <picture><source media="(min-width: 2540px)" srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/Community-energy-benefits-Powering-universal-wellbeing-cover.png?w=400&h=566&as=1&cc=1&hash=E2CD1F854FFAEE8D35471CFC9388A6CB" /><source srcset="/-/media/Images/IRENA/Agency/Publication/2024/Nov/Community-energy-benefits-Powering-universal-wellbeing-cover.png?w=200&h=283&as=1&bc=ffffff&cc=1&hash=67D3039B41C02D4FEF50D59F89C3F876 1x, /-/media/Images/IRENA/Agency/Publication/2024/Nov/Community-energy-benefits-Powering-universal-wellbeing-cover.png?w=400&h=566&as=1&cc=1&hash=E2CD1F854FFAEE8D35471CFC9388A6CB 2x" /><img alt="" class="c-BoxRelatedContentItem__image" loading="lazy" src="/-/media/Images/IRENA/Agency/Publication/2024/Nov/Community-energy-benefits-Powering-universal-wellbeing-cover.png?w=66&h=94&as=1&bc=ffffff&cc=1&hash=7A8A4417FF01965C57D49F735EE78964" /></picture> <div class="c-BoxRelatedContentItem__content"> <a href="/Publications/2024/Nov/Community-energy-benefits-Powering-universal-wellbeing" class="c-BoxRelatedContentItem__heading"> <div class="Heading "> <h3 class="Heading__text ">Community energy benefits: Powering universal wellbeing</h3> </div> </a> </div> </div> </li> </ul> </div> </div> <!-- BoxRelatedContent #END --> </div> </div> </div> </div> </section> </article> </main> <footer id="footer"> <div class="m-Footer" data-jsmodule="Footer"> <div class="l-wrapper"> <div class="m-Footer__bottom"> <div class="m-Footer__bottomLeft"> <div class="Heading m-Footer__heading"> <h4 class="Heading__text "> IRENA essentials </h4> </div> <ul> <li> <a href="/About" >About IRENA</a> </li> <li> <a href="/About/Employment" title="Employment" >Employment</a> </li> <li> <a href="/About/Procurement" title="Procurement" >Procurement</a> </li> <li> <a href="/About/Contact" >Contact</a> </li> <li> <a href="/About/Membership" >Membership</a> </li> <li> <a href="/How-we-work/Collaborative-frameworks" title="Collaborative Frameworks" >Collaborative Frameworks</a> </li> <li> <a href="/Energy-Transition/Partnerships" >Partnerships</a> </li> <li> <a href="/Energy-Transition/Country-engagement" >Country engagement</a> </li> <li> <a href="/News" title="News" >News</a> </li> <li> <a href="/Events" title="Events" >Events</a> </li> <li> <a href="/Publications" title="Publications" >Publications</a> </li> <li> <a href="/Education" title="Education" >Education</a> </li> </ul> </div> <div class="m-Footer__bottomRight"> <div class="Heading m-Footer__heading"> <h4 class="Heading__text "> Newsletter </h4> </div> <div class="m-NewsletterSmallForm " data-jsmodule="NewsletterSmallForm"> <form class="m-NewsletterSmallForm__form" action="/subscriptionform" method="post"> <input type="text" name="EmailId" class="m-NewsletterSmallForm__input" data-newslettersmallform-input="" placeholder="Enter e-mail address" aria-label="Subscribe" /> <button type="submit" class="m-NewsletterSmallForm__btn" data-newslettersmallform-submit="" disabled="">Go</button> </form> </div> <div class="c-SocialLinks" data-jscomponent="SocialLinks"> <div class="c-SocialLinks__wrapper "> <ul class="c-SocialLinks__list"> <li> <a href="https://www.facebook.com/irena.org?ref=ts&fref=ts" class="c-SocialLinks__icon" rel="noopener" target="_blank" title="Facebook" > <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/socials.svg#socials-f" /></svg> </span> </a> </li> <li> <a href="https://twitter.com/irena" class="c-SocialLinks__icon" rel="noopener" target="_blank" title="Twitter" > <span class="icon" aria-hidden="true"> <svg><use xlink:href="/-/media/Images/IRENA/Agency/Social%20Icons/twitter.svg#Layer_1" /></svg> </span> </a> </li> <li> <a href="https://www.youtube.com/user/irenaorg" class="c-SocialLinks__icon" rel="noopener" target="_blank" title="YouTube" > <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/socials.svg#socials-play" /></svg> </span> </a> </li> <li> <a href="https://www.instagram.com/irenaimages/" class="c-SocialLinks__icon" rel="noopener" target="_blank" title="Instagram" > <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/socials.svg#socials-instagram" /></svg> </span> </a> </li> <li> <a href="https://www.flickr.com/photos/irenaimages" class="c-SocialLinks__icon" rel="noopener" target="_blank" title="Flickr" > <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/socials.svg#socials-flickr" /></svg> </span> </a> </li> <li> <a href="https://www.linkedin.com/company/irena" class="c-SocialLinks__icon" rel="noopener" target="_blank" title="Linkedin" > <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/socials.svg#socials-in" /></svg> </span> </a> </li> <li> <a href="/rssfeed" class="c-SocialLinks__icon" rel="noopener" title="RSS" > <span class="icon" aria-hidden="true"> <svg><use xlink:href="/assets/icons/socials.svg#socials-rss" /></svg> </span> </a> </li> </ul> </div> </div> </div> </div> <div class="m-Footer__disclaimer"> <small class="m-Footer__copy">© 2011-2022 IRENA - International Renewable Energy Agency. All Rights Reserved. <br><a href="/terms-and-conditions">Terms and conditions</a></small> <small class="m-Footer__footnote">* The designations employed and the presentation of materials herein do not imply the expression of any opinion whatsoever on the part of the International Renewable Energy Agency concerning the legal status of any country, territory, city or area or of its authorities, or concerning the delimitation of its frontiers or boundaries.</small> </div> </div> </div> </footer> <aside id="asideOverlayer"> </aside> <aside class="m-Popup" data-jsmodule="Popup"> <div class="m-Popup__inner"> <button class="icon m-Popup__x" data-popup-close> <svg><use xlink:href="/assets/icons/toolbar.svg#toolbar-close" /></svg> </button> <div class="m-Popup__container" data-popup-container=""></div> </div> </aside> <!-- Popup #START --> <!-- Popup #END --> <script src="/assets/js/app.js?v=36854026"></script> </body> </html>