{"id":2546,"date":"2026-07-02T13:13:54","date_gmt":"2026-07-02T20:13:54","guid":{"rendered":"https:\/\/labs.engineering.asu.edu\/pavement\/?page_id=2546"},"modified":"2026-07-02T13:13:54","modified_gmt":"2026-07-02T20:13:54","slug":"nce-page","status":"publish","type":"page","link":"https:\/\/labs.engineering.asu.edu\/pavement\/nce-page\/","title":{"rendered":"NCE single page"},"content":{"rendered":"<div class=\"uds-hero-md alignfull has-btn-row \" style=\"margin-bottom:var(--wp--preset--spacing--uds-size-8);\"><div class=\"hero-overlay\"><\/div><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1350\" src=\"https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/road-931849-1.jpg\" class=\"hero\" alt=\"\" srcset=\"https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/road-931849-1.jpg 2400w, https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/road-931849-1-500x281.jpg 500w, https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/road-931849-1-1500x844.jpg 1500w, https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/road-931849-1-1000x563.jpg 1000w, https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/road-931849-1-1536x864.jpg 1536w, https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/road-931849-1-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 2400px) 100vw, 2400px\" \/><div class=\"acf-innerblocks-container\">\n\n\n\n<h2 class=\"wp-block-heading\"><\/h2>\n\n\n\n<div class=\"wp-block-group content is-layout-flow wp-block-group-is-layout-flow\">\n<h4 class=\"wp-block-heading has-text-align-left has-white-color has-text-color\"><mark style=\"background-color:#FFC627\" class=\"has-inline-color has-gray-7-color\">The National Center of Excellence (NCE) on<\/mark><\/h4>\n\n\n\n<h1 class=\"wp-block-heading\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-white-color\">Smart Innovations <\/mark><\/h1>\n\n\n\n<h4 class=\"wp-block-heading\"><strong><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-white-color\">Sustainable systems&nbsp;[Climate \u2013 Energy \u2013 Materials]<\/mark><\/strong><\/h4>\n<\/div>\n\n<\/div><\/div>\n\n\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:#FFC627\" class=\"has-inline-color\">About NCE<\/mark><\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>NCE SMART \u2014 Highlights<\/title>\n  <style>\n    .hl-wrap {\n      width: 100%;\n      font-family: Georgia, 'Times New Roman', serif;\n      box-sizing: border-box;\n    }\n    .hl-wrap *, .hl-wrap *::before, .hl-wrap *::after {\n      box-sizing: border-box;\n    }\n\n    .hl-bar-wrap {\n      height: 3px;\n      background: #e0e0e0;\n      width: 100%;\n    }\n    .hl-progress {\n      height: 100%;\n      width: 0%;\n      background: #FFC627;\n      transition: width 0.1s linear;\n    }\n\n    .hl-box {\n      border: 1px solid #ddd;\n      border-top: none;\n      padding: 52px 56px 40px;\n      position: relative;\n      background: #fff;\n      min-height: 340px;\n      width: 100%;\n      overflow: hidden;\n    }\n\n    .hl-svg {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      overflow: visible;\n    }\n    .hl-top, .hl-bot {\n      fill: none;\n      stroke: #FFC627;\n      stroke-width: 4;\n      stroke-linecap: round;\n    }\n\n    .hl-track {\n      position: relative;\n      min-height: 220px;\n    }\n\n    .hl-slide {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      transition: opacity 0.8s ease;\n      pointer-events: none;\n    }\n    .hl-slide.active {\n      opacity: 1;\n      pointer-events: auto;\n      position: relative;\n    }\n\n    .hl-num {\n      font-size: 11px;\n      letter-spacing: 3px;\n      color: #FFC627;\n      text-transform: uppercase;\n      margin-bottom: 14px;\n      font-family: Arial, sans-serif;\n      font-weight: 700;\n    }\n\n    .hl-title {\n      font-size: 26px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 18px;\n      line-height: 1.3;\n    }\n\n    .hl-text {\n      font-size: 16px;\n      color: #444;\n      line-height: 1.85;\n    }\n\n    .hl-text ul {\n      margin-top: 14px;\n      padding-left: 22px;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      list-style: disc;\n    }\n\n    .hl-text ul li {\n      font-size: 15px;\n      color: #555;\n      line-height: 1.75;\n    }\n\n    .hl-text strong {\n      color: #1a1a2e;\n      font-weight: 700;\n    }\n\n    .hl-partners {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 18px;\n    }\n\n    .hl-tag {\n      background: #f4f4f4;\n      border: 1px solid #e0e0e0;\n      padding: 6px 15px;\n      border-radius: 999px;\n      font-size: 13px;\n      color: #333;\n      font-family: Arial, sans-serif;\n    }\n\n    .hl-tag.gov {\n      background: #fff8e1;\n      border-color: #FFC627;\n      color: #7a5c00;\n    }\n\n    .hl-dots {\n      display: flex;\n      gap: 8px;\n      margin-top: 32px;\n      align-items: center;\n    }\n\n    .hl-dot {\n      width: 9px;\n      height: 9px;\n      border-radius: 50%;\n      background: #ccc;\n      border: none;\n      cursor: pointer;\n      padding: 0;\n      transition: all 0.3s ease;\n    }\n\n    .hl-dot.active {\n      background: #1a1a2e;\n      width: 26px;\n      border-radius: 5px;\n    }\n\n    @media (max-width: 640px) {\n      .hl-box { padding: 32px 24px 24px; }\n      .hl-title { font-size: 20px; }\n      .hl-text { font-size: 15px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"hl-wrap\">\n  <div class=\"hl-bar-wrap\">\n    <div class=\"hl-progress\" id=\"prog\"><\/div>\n  <\/div>\n\n  <div class=\"hl-box\" id=\"hlbox\">\n    <svg class=\"hl-svg\" id=\"hlsvg\">\n      <path class=\"hl-top\" id=\"hltop\"><\/path>\n      <path class=\"hl-bot\" id=\"hlbot\"><\/path>\n    <\/svg>\n\n    <div class=\"hl-track\">\n\n      <div class=\"hl-slide active\">\n        <div class=\"hl-num\">01 \/ 05 \u2014 Mission<\/div>\n        <div class=\"hl-title\">Climate &amp; Energy Solutions Grounded in Science and Engineering<\/div>\n        <div class=\"hl-text\">\n          The National Center of Excellence (NCE) on SMART Innovations provides climate and energy system solutions based on sound science and engineering to governments and industries around the globe.<br><br>\n          Our research seeks to quantify complex climate-energy system interactions resulting from all phases of a product or technology&#8217;s life cycle \u2014 and to develop cost-effective solutions to reduce any negative impacts.\n        <\/div>\n      <\/div>\n\n      <div class=\"hl-slide\">\n        <div class=\"hl-num\">02 \/ 05 \u2014 Approach<\/div>\n        <div class=\"hl-title\">Transdisciplinary Research Across Engineering, Sustainability &amp; Policy<\/div>\n        <div class=\"hl-text\">\n          Unlike traditional research programs, the NCE at ASU is a transdisciplinary cluster of researchers and scholars who work together on solutions that encompass <strong>technical, social, economic, and regulatory factors<\/strong>.<br><br>\n          The NCE includes participants from the <strong>School of Sustainability<\/strong> and the <strong>Ira A. Fulton Schools of Engineering<\/strong>, bridging disciplines to deliver smart solutions for both industry and government.\n        <\/div>\n      <\/div>\n\n      <div class=\"hl-slide\">\n        <div class=\"hl-num\">03 \/ 05 \u2014 Research Areas<\/div>\n        <div class=\"hl-title\">Core Areas: Technology &amp; Material Innovations and Policy Innovations<\/div>\n        <div class=\"hl-text\">\n          <ul>\n            <li><strong>Technology &amp; Material Innovations \u2014<\/strong> Research on nanoparticles for solar-thermal appliances, surface treatments that control temperatures of built environment structures, and alternatives to conventional building and paving materials.<\/li>\n            <li><strong>Policy Innovations \u2014<\/strong> Quantifying risks to human health, security, economy, and environment from current regulatory frameworks \u2014 and developing innovative alternatives for adaptation and mitigation strategies to support governments worldwide.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n\n      <div class=\"hl-slide\">\n        <div class=\"hl-num\">04 \/ 05 \u2014 Industry Partners<\/div>\n        <div class=\"hl-title\">Trusted by Leading Industry Organizations Worldwide<\/div>\n        <div class=\"hl-text\">Existing and past industry partners of the National Center of Excellence include:<\/div>\n        <div class=\"hl-partners\">\n          <span class=\"hl-tag\">BASF<\/span>\n          <span class=\"hl-tag\">Dial Corp<\/span>\n          <span class=\"hl-tag\">Henkel<\/span>\n          <span class=\"hl-tag\">Intel<\/span>\n          <span class=\"hl-tag\">CEMEX<\/span>\n          <span class=\"hl-tag\">Raytheon<\/span>\n          <span class=\"hl-tag\">Ford Motor Company<\/span>\n          <span class=\"hl-tag\">AT&amp;T<\/span>\n          <span class=\"hl-tag\">Asphalt Pavement Alliance<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"hl-slide\">\n        <div class=\"hl-num\">05 \/ 05 \u2014 Government Partners<\/div>\n        <div class=\"hl-title\">Informing Policy from Local Governments to the United Nations<\/div>\n        <div class=\"hl-text\">Governmental partners include:<\/div>\n        <div class=\"hl-partners\">\n          <span class=\"hl-tag gov\">United Nations Environment Programme<\/span>\n          <span class=\"hl-tag gov\">US EPA<\/span>\n          <span class=\"hl-tag gov\">CDC<\/span>\n          <span class=\"hl-tag gov\">NOAA<\/span>\n          <span class=\"hl-tag gov\">Department of Energy<\/span>\n          <span class=\"hl-tag gov\">NASA<\/span>\n          <span class=\"hl-tag gov\">City of London<\/span>\n          <span class=\"hl-tag gov\">City of Beijing<\/span>\n          <span class=\"hl-tag gov\">City of Seoul<\/span>\n          <span class=\"hl-tag gov\">City of Chicago<\/span>\n          <span class=\"hl-tag gov\">City of Phoenix<\/span>\n          <span class=\"hl-tag gov\">City of Philadelphia<\/span>\n          <span class=\"hl-tag gov\">City of Houston<\/span>\n          <span class=\"hl-tag gov\">Maricopa County<\/span>\n          <span class=\"hl-tag gov\">King County, WA<\/span>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"hl-dots\">\n      <button class=\"hl-dot active\" onclick=\"hlGo(0)\" aria-label=\"Slide 1\"><\/button>\n      <button class=\"hl-dot\" onclick=\"hlGo(1)\" aria-label=\"Slide 2\"><\/button>\n      <button class=\"hl-dot\" onclick=\"hlGo(2)\" aria-label=\"Slide 3\"><\/button>\n      <button class=\"hl-dot\" onclick=\"hlGo(3)\" aria-label=\"Slide 4\"><\/button>\n      <button class=\"hl-dot\" onclick=\"hlGo(4)\" aria-label=\"Slide 5\"><\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  var slides = document.querySelectorAll('.hl-slide');\n  var dots   = document.querySelectorAll('.hl-dot');\n  var box    = document.getElementById('hlbox');\n  var top    = document.getElementById('hltop');\n  var bot    = document.getElementById('hlbot');\n  var prog   = document.getElementById('prog');\n  var cur    = 0;\n  var total  = slides.length;\n  var dur    = 8000;\n  var start  = null;\n\n  function setSize() {\n    var w = box.offsetWidth;\n    var h = box.offsetHeight;\n    top.setAttribute('d', 'M 0,' + (h\/2) + ' L 0,0 L ' + w + ',0 L ' + w + ',' + (h\/2));\n    bot.setAttribute('d', 'M 0,' + (h\/2) + ' L 0,' + h + ' L ' + w + ',' + h + ' L ' + w + ',' + (h\/2));\n    var tl = top.getTotalLength();\n    var bl = bot.getTotalLength();\n    top.style.strokeDasharray  = tl;\n    top.style.strokeDashoffset = tl;\n    bot.style.strokeDasharray  = bl;\n    bot.style.strokeDashoffset = bl;\n  }\n\n  function update(p) {\n    top.style.strokeDashoffset = top.getTotalLength() * (1 - p);\n    bot.style.strokeDashoffset = bot.getTotalLength() * (1 - p);\n    prog.style.width = (p * 100) + '%';\n  }\n\n  function show(i) {\n    slides[cur].classList.remove('active');\n    dots[cur].classList.remove('active');\n    cur = ((i % total) + total) % total;\n    slides[cur].classList.add('active');\n    dots[cur].classList.add('active');\n    start = null;\n    setSize();\n  }\n\n  function tick(ts) {\n    if (!start) start = ts;\n    var p = Math.min((ts - start) \/ dur, 1);\n    update(p);\n    if (p >= 1) show(cur + 1);\n    requestAnimationFrame(tick);\n  }\n\n  window.hlGo = function (i) { show(i); };\n\n  setSize();\n  requestAnimationFrame(tick);\n  window.addEventListener('resize', setSize);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:#FFC627\" class=\"has-inline-color\">Research Focus Areas<\/mark><\/h2>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>NCE Research Focus Areas<\/title>\n  <style>\n    .rc-wrap {\n      width: 100%;\n      font-family: Georgia, 'Times New Roman', serif;\n      box-sizing: border-box;\n      overflow: hidden;\n    }\n    .rc-wrap *, .rc-wrap *::before, .rc-wrap *::after {\n      box-sizing: border-box;\n    }\n\n    \/* \u2500\u2500 Tab nav \u2500\u2500 *\/\n    .rc-tabs {\n      display: flex;\n      border-bottom: 2px solid #e0e0e0;\n    }\n    .rc-tab {\n      padding: 12px 28px;\n      font-size: 13px;\n      font-family: Arial, sans-serif;\n      font-weight: 600;\n      letter-spacing: 1.5px;\n      text-transform: uppercase;\n      color: #999;\n      border: none;\n      background: transparent;\n      cursor: pointer;\n      border-bottom: 2px solid transparent;\n      margin-bottom: -2px;\n      transition: color 0.2s, border-color 0.2s;\n    }\n    .rc-tab.active { color: #1a1a2e; border-bottom-color: #FFC627; }\n    .rc-tab:hover:not(.active) { color: #555; }\n\n    \/* \u2500\u2500 Progress bar \u2500\u2500 *\/\n    .rc-progress-wrap { height: 3px; background: #f0f0f0; width: 100%; }\n    .rc-progress { height: 100%; width: 0%; background: #FFC627; }\n\n    \/* \u2500\u2500 Stage: clips the sliding cards \u2500\u2500 *\/\n    .rc-stage {\n      width: 100%;\n      position: relative;\n      overflow: hidden;\n      border: 1px solid #e8e8e8;\n      border-top: none;\n    }\n\n    \/* \u2500\u2500 Each card \u2500\u2500 *\/\n    .rc-card {\n      display: flex;\n      width: 100%;\n      background: #fff;\n      position: absolute;\n      top: 0; left: 0;\n      \/* start offscreen to the right *\/\n      transform: translateX(100%);\n      transition: transform 0.55s cubic-bezier(0.77, 0, 0.18, 1);\n      min-height: 420px;\n    }\n    \/* current card sits at 0 *\/\n    .rc-card.current  { transform: translateX(0%); }\n    \/* exiting card slides out to the left *\/\n    .rc-card.exit     { transform: translateX(-100%); }\n    \/* next card waiting offscreen right (default) *\/\n\n    \/* Image side *\/\n    .rc-image {\n      width: 42%;\n      flex-shrink: 0;\n      min-height: 420px;\n      background-size: cover;\n      background-position: center;\n      position: relative;\n    }\n    .rc-image-overlay {\n      position: absolute;\n      inset: 0;\n      background: linear-gradient(to right, transparent 65%, #fff);\n    }\n\n    \/* Text side *\/\n    .rc-content {\n      flex: 1;\n      padding: 48px 52px 44px 40px;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .rc-label {\n      font-size: 13px;\n      font-family: Arial, sans-serif;\n      font-weight: 700;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: #8C1D40;\n      margin-bottom: 12px;\n    }\n    .rc-title {\n      font-size: 30px;\n      font-weight: 700;\n      color: #1a1a2e;\n      margin-bottom: 18px;\n      line-height: 1.2;\n    }\n    .rc-body {\n      font-size: 15px;\n      color: #555;\n      line-height: 1.85;\n      margin-bottom: 20px;\n    }\n    .rc-list {\n      list-style: none;\n      padding: 0; margin: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n    .rc-list li {\n      font-size: 14px;\n      font-family: Arial, sans-serif;\n      color: #444;\n      padding-left: 16px;\n      position: relative;\n      line-height: 1.5;\n    }\n    .rc-list li::before {\n      content: '';\n      position: absolute;\n      left: 0; top: 8px;\n      width: 6px; height: 6px;\n      border-radius: 50%;\n      background: #FFC627;\n    }\n    .rc-counter {\n      margin-top: 28px;\n      font-size: 12px;\n      font-family: Arial, sans-serif;\n      color: #bbb;\n      letter-spacing: 1px;\n    }\n\n    \/* Responsive *\/\n    @media (max-width: 700px) {\n      .rc-card { flex-direction: column; min-height: unset; }\n      .rc-image { width: 100%; min-height: 200px; }\n      .rc-image-overlay { background: linear-gradient(to bottom, transparent 60%, #fff); }\n      .rc-content { padding: 28px 24px 32px; }\n      .rc-title { font-size: 22px; }\n      .rc-tab { padding: 10px 16px; font-size: 11px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"rc-wrap\">\n\n  <div class=\"rc-tabs\">\n    <button class=\"rc-tab active\" onclick=\"rcGo(0)\">Climate<\/button>\n    <button class=\"rc-tab\"        onclick=\"rcGo(1)\">Energy<\/button>\n    <button class=\"rc-tab\"        onclick=\"rcGo(2)\">Materials<\/button>\n  <\/div>\n\n  <div class=\"rc-progress-wrap\">\n    <div class=\"rc-progress\" id=\"rcprog\"><\/div>\n  <\/div>\n\n  <div class=\"rc-stage\" id=\"rcstage\">\n\n    <!-- Card 0: Climate -->\n    <div class=\"rc-card current\" id=\"rc0\">\n      <div class=\"rc-image\" style=\"background-image:url('https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/3006664394_99f4c621fd_o.jpg')\">\n        <div class=\"rc-image-overlay\"><\/div>\n      <\/div>\n      <div class=\"rc-content\">\n        <div class=\"rc-label\">Research Focus \u2014 01 \/ 03<\/div>\n        <div class=\"rc-title\">Climate<\/div>\n        <div class=\"rc-body\">\n          More than half of the planet&#8217;s population now lives in cities \u2014 urban areas are gaining an estimated 67 million people per year. By 2030, approximately 5 billion people are expected to live in urban areas.\n          <br><br>\n          The NCE works with governments and industry to develop programs and technologies to reduce climate change impacts at both the urban and global scales, addressing the grand challenge of sustainability in rapidly urbanizing regions.\n        <\/div>\n        <div class=\"rc-counter\">01 \/ 03<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 1: Energy -->\n    <div class=\"rc-card\" id=\"rc1\">\n      <div class=\"rc-image\" style=\"background-image:url('https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/3006664420_93a3490c41_o2.jpg')\">\n        <div class=\"rc-image-overlay\"><\/div>\n      <\/div>\n      <div class=\"rc-content\">\n        <div class=\"rc-label\">Research Focus \u2014 02 \/ 03<\/div>\n        <div class=\"rc-title\">Energy<\/div>\n        <div class=\"rc-body\">\n          Focused on the nexus of Energy and Climate, the NCE develops innovative technologies and strategies to help industry reduce energy consumption and meet growing regulatory requirements.\n        <\/div>\n        <ul class=\"rc-list\">\n          <li>Life Cycle Modeling for Energy &amp; Climate<\/li>\n          <li>Electricity Reliability and Delivery Vulnerability<\/li>\n          <li>Energy Reduction Technologies &amp; Materials for Buildings<\/li>\n          <li>Industrial Energy Reduction Strategies &amp; Quantification Modeling<\/li>\n          <li>Solar Thermal Technologies including Solar Absorption Cooling<\/li>\n          <li>Nano-particle Solar Designs &amp; New Generation Surface Materials<\/li>\n        <\/ul>\n        <div class=\"rc-counter\">02 \/ 03<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Card 2: Materials -->\n    <div class=\"rc-card\" id=\"rc2\">\n      <div class=\"rc-image\" style=\"background-image:url('https:\/\/labs.engineering.asu.edu\/pavement\/wp-content\/uploads\/sites\/189\/2026\/06\/3005828131_f4cf2f90c0_o3.jpg')\">\n        <div class=\"rc-image-overlay\"><\/div>\n      <\/div>\n      <div class=\"rc-content\">\n        <div class=\"rc-label\">Research Focus \u2014 03 \/ 03<\/div>\n        <div class=\"rc-title\">Materials<\/div>\n        <div class=\"rc-body\">\n          From smart building materials to cool pavements, the NCE researches next-generation materials that reduce energy demand, improve urban climate, and advance sustainable construction practices.\n        <\/div>\n        <ul class=\"rc-list\">\n          <li>Smart Materials for sustainable buildings \u2014 reducing energy, water, and material use<\/li>\n          <li>Cool Pavements \u2014 optimizing thermal conductivity, albedo, and emissivity to combat Urban Heat Island<\/li>\n          <li>Field trials at outdoor research facilities and in-situ designs across the Phoenix metro region<\/li>\n          <li>Heat transfer modeling using NASA satellite imagery of Phoenix surface temperatures<\/li>\n        <\/ul>\n        <div class=\"rc-counter\">03 \/ 03<\/div>\n      <\/div>\n    <\/div>\n\n  <\/div><!-- \/.rc-stage -->\n<\/div><!-- \/.rc-wrap -->\n\n<script>\n(function () {\n  var cards   = document.querySelectorAll('.rc-card');\n  var tabs    = document.querySelectorAll('.rc-tab');\n  var prog    = document.getElementById('rcprog');\n  var stage   = document.getElementById('rcstage');\n  var total   = cards.length;\n  var cur     = 0;\n  var dur     = 5000;          \/\/ ms per card\n  var start   = null;\n  var locked  = false;         \/\/ prevent double-triggers mid-transition\n\n  \/* Set stage height to match the current card *\/\n  function syncHeight() {\n    stage.style.height = cards[cur].offsetHeight + 'px';\n  }\n\n  function show(next) {\n    if (locked) return;\n    next = ((next % total) + total) % total;\n    if (next === cur) return;\n    locked = true;\n\n    var outCard = cards[cur];\n    var inCard  = cards[next];\n\n    \/* incoming card: place offscreen right, no transition yet *\/\n    inCard.style.transition = 'none';\n    inCard.classList.remove('exit');\n    inCard.style.transform  = 'translateX(100%)';\n\n    \/* force reflow *\/\n    inCard.offsetWidth;\n\n    \/* now animate both *\/\n    var tr = 'transform 0.55s cubic-bezier(0.77, 0, 0.18, 1)';\n    outCard.style.transition = tr;\n    inCard.style.transition  = tr;\n\n    outCard.classList.remove('current');\n    outCard.classList.add('exit');           \/* slides left *\/\n    inCard.style.transform = 'translateX(0%)'; \/* slides in from right *\/\n    inCard.classList.add('current');\n\n    \/* update tabs *\/\n    tabs[cur].classList.remove('active');\n    tabs[next].classList.add('active');\n\n    cur = next;\n\n    \/* reset progress bar *\/\n    prog.style.transition = 'none';\n    prog.style.width = '0%';\n    prog.offsetWidth;\n\n    setTimeout(function () {\n      outCard.classList.remove('exit');\n      outCard.style.transform  = 'translateX(100%)';\n      outCard.style.transition = 'none';\n      syncHeight();\n      locked = false;\n    }, 580);\n\n    start = null;\n  }\n\n  \/* progress bar animation *\/\n  function tick(ts) {\n    if (!start) start = ts;\n    var p = Math.min((ts - start) \/ dur, 1);\n    prog.style.width = (p * 100) + '%';\n    if (p >= 1 && !locked) show(cur + 1);\n    requestAnimationFrame(tick);\n  }\n\n  window.rcGo = function (i) { show(i); };\n\n  \/* init *\/\n  syncHeight();\n  window.addEventListener('resize', syncHeight);\n  requestAnimationFrame(tick);\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><mark style=\"background-color:#FFC627\" class=\"has-inline-color\">Key Personnel<\/mark><\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-930feb06 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-6017beb2 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image is-style-circular\"><img decoding=\"async\" src=\"https:\/\/ncesmart.asu.edu\/wp-content\/uploads\/sites\/12\/2021\/03\/Hasan-Ozer-1-400x400.jpg\" alt=\"Hasan Ozer\" class=\"wp-image-18977\"\/><\/figure>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/search.asu.edu\/profile\/3503404\" data-type=\"link\" data-id=\"https:\/\/search.asu.edu\/profile\/3503404\"><mark style=\"background-color:#FFC627\" class=\"has-inline-color has-gray-7-color\">Hasan Ozer<\/mark><\/a><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Director of NCE Smart<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image is-style-circular\"><img decoding=\"async\" src=\"https:\/\/ncesmart.asu.edu\/wp-content\/uploads\/sites\/12\/2021\/03\/Kamil-Kaloush-2-1-400x400.jpg\" alt=\"Kamil Kaloush\" class=\"wp-image-19028\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-6017beb2 wp-block-group-is-layout-flex\">\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/search.asu.edu\/profile\/229715\" data-type=\"link\" data-id=\"https:\/\/search.asu.edu\/profile\/229715\"><mark style=\"background-color:#FFC627\" class=\"has-inline-color has-gray-7-color\">Kamil Kaloush<\/mark><\/a><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Founder Advisor of NCE Smart<\/strong><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>NCE SMART \u2014 Partners<\/title>\n  <style>\n    .sp-wrap {\n      width: 100%;\n      font-family: Arial, sans-serif;\n      box-sizing: border-box;\n      background: #fff;\n      padding: 52px 0 48px;\n    }\n    .sp-wrap *, .sp-wrap *::before, .sp-wrap *::after {\n      box-sizing: border-box;\n    }\n    .sp-header {\n      text-align: center;\n      margin-bottom: 40px;\n      padding: 0 24px;\n    }\n    .sp-eyebrow {\n      font-size: 13px;\n      font-weight: 700;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: #8C1D40;\n      margin-bottom: 10px;\n    }\n    .sp-heading {\n      font-size: 28px;\n      font-weight: 700;\n      color: #1a1a2e;\n      font-family: Georgia, serif;\n      margin-bottom: 8px;\n    }\n    .sp-sub {\n      font-size: 14px;\n      color: #888;\n    }\n    .sp-stats {\n      display: flex;\n      justify-content: center;\n      gap: 56px;\n      margin-bottom: 44px;\n      padding: 0 24px;\n    }\n    .sp-stat { text-align: center; }\n    .sp-stat-num {\n      font-size: 40px;\n      font-weight: 700;\n      color: #1a1a2e;\n      font-family: Georgia, serif;\n      line-height: 1;\n    }\n    .sp-stat-num span { color: #FFC627; }\n    .sp-stat-lbl {\n      font-size: 12px;\n      color: #999;\n      margin-top: 4px;\n      letter-spacing: 0.5px;\n    }\n    .sp-ticker-block {\n      width: 100%;\n      overflow: hidden;\n      position: relative;\n      margin-bottom: 14px;\n    }\n    .sp-ticker-block::before,\n    .sp-ticker-block::after {\n      content: '';\n      position: absolute;\n      top: 0; bottom: 0;\n      width: 80px;\n      z-index: 2;\n      pointer-events: none;\n    }\n    .sp-ticker-block::before { left: 0; background: linear-gradient(to right, #fff, transparent); }\n    .sp-ticker-block::after  { right: 0; background: linear-gradient(to left, #fff, transparent); }\n    .sp-track {\n      display: flex;\n      width: max-content;\n    }\n    .sp-track.row1 { animation: tickLeft  180s linear infinite; }\n    .sp-track.row2 { animation: tickRight 165s linear infinite; }\n    @keyframes tickLeft  { from { transform: translateX(0); }    to { transform: translateX(-50%); } }\n    @keyframes tickRight { from { transform: translateX(-50%); } to { transform: translateX(0); } }\n    .sp-ticker-block:hover .sp-track { animation-play-state: paused; }\n    .sp-pill {\n      display: inline-flex;\n      align-items: center;\n      white-space: nowrap;\n      padding: 9px 20px;\n      margin: 0 6px;\n      border-radius: 999px;\n      font-size: 13px;\n      font-weight: 500;\n      cursor: default;\n      transition: background 0.2s, color 0.2s, border-color 0.2s;\n      user-select: none;\n    }\n    .sp-pill.ind {\n      background: #f5f5f5;\n      border: 1px solid #e8e8e8;\n      color: #333;\n    }\n    .sp-pill.ind:hover {\n      background: #FFC627;\n      border-color: #FFC627;\n      color: #1a1a2e;\n    }\n    .sp-pill.gov {\n      background: #fff;\n      border: 1px solid #e0e0e0;\n      color: #444;\n    }\n    .sp-pill.gov:hover {\n      background: #1a1a2e;\n      border-color: #1a1a2e;\n      color: #FFC627;\n    }\n    .sp-row-label {\n      text-align: center;\n      font-size: 10px;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      color: #ccc;\n      margin: 6px 0 10px;\n    }\n    @media (max-width: 600px) {\n      .sp-stats { gap: 28px; }\n      .sp-stat-num { font-size: 30px; }\n      .sp-heading { font-size: 22px; }\n    }\n  <\/style>\n<\/head>\n<body>\n\n<div class=\"sp-wrap\">\n\n  <div class=\"sp-header\">\n    <div class=\"sp-eyebrow\">Partners &amp; Collaborators<\/div>\n    <div class=\"sp-heading\">60+ Organizations Worldwide<\/div>\n    <div class=\"sp-sub\">Past and existing sponsors, industry partners, and government collaborators<\/div>\n  <\/div>\n\n  <div class=\"sp-stats\">\n    <div class=\"sp-stat\">\n      <div class=\"sp-stat-num\">30<span>+<\/span><\/div>\n      <div class=\"sp-stat-lbl\">Industry Partners<\/div>\n    <\/div>\n    <div class=\"sp-stat\">\n      <div class=\"sp-stat-num\">15<span>+<\/span><\/div>\n      <div class=\"sp-stat-lbl\">Government Agencies<\/div>\n    <\/div>\n    <div class=\"sp-stat\">\n      <div class=\"sp-stat-num\">12<span>+<\/span><\/div>\n      <div class=\"sp-stat-lbl\">Universities &amp; Research Institutions<\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"sp-ticker-block\">\n    <div class=\"sp-track row1\" id=\"row1\"><\/div>\n  <\/div>\n\n  <div class=\"sp-row-label\">Government, Academic &amp; Public Sector<\/div>\n\n  <div class=\"sp-ticker-block\">\n    <div class=\"sp-track row2\" id=\"row2\"><\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n(function () {\n\n  var industry = [\n    'Ace Asphalt of Arizona, Inc.',\n    'AKA Green',\n    'American Concrete Pavement Association',\n    'American Council on Renewable Energy',\n    'Arizona Cement Association',\n    'Arizona Green Building Council',\n    'Arizona Public Service',\n    'Asphalt Pavement Alliance',\n    'ASU Research Park',\n    'BASF, The Chemical Company',\n    'CEMEX, USA',\n    'CH2M Hill',\n    'Dial Corporation',\n    'FNH Construction',\n    'Ford Motor Company',\n    'Houston Advanced Research Center',\n    'Ingersoll-Rand',\n    'Intel Corporation',\n    'Jones Lang LaSalle, Inc.',\n    'Kyocera',\n    'Merkel Composite Technologies',\n    'P&G',\n    'Phelps Dodge Corporation',\n    'Portland Cement Association',\n    'Raytheon',\n    'Salt River Project',\n    'Shea Homes',\n    'Siemens Technologies',\n    'State of Arizona Energy Office',\n    'Walmart',\n    'Watel Technologies'\n  ];\n\n  var govAcademic = [\n    'Arizona Department of Transportation',\n    'Centers for Disease Control',\n    'Chinese Academy of Sciences',\n    'City of Beijing',\n    'City of Chicago',\n    'City of Glendale',\n    'City of London',\n    'City of Phoenix',\n    'City of Scottsdale',\n    'City of Tucson',\n    'Columbia University',\n    'Cornell University',\n    'Duke University',\n    'India Institute of Technology \u2014 Delhi',\n    'Institute of Urban Meteorology \u2014 PRC',\n    'Johnson Space Center',\n    'King County',\n    'Kings College London',\n    'Maricopa County',\n    'Michigan State University',\n    'MIT',\n    'NASA',\n    'National Science Foundation',\n    'National Weather Service',\n    'State Climate Office of Arizona',\n    'Tec de Monterrey',\n    'U.S. Environmental Protection Agency',\n    'U.S. Green Building Council',\n    'U.S. State Department',\n    'University of Arkansas',\n    'University of Cambridge',\n    'University of Michigan',\n    'US Army',\n    'US Dept. of Agriculture',\n    'Yuma Proving Grounds'\n  ];\n\n  function buildTrack(id, items, cls) {\n    var track = document.getElementById(id);\n    var all = items.concat(items).concat(items);\n    track.innerHTML = all.map(function(name) {\n      return '<span class=\"sp-pill ' + cls + '\">' + name + '<\/span>';\n    }).join('');\n  }\n\n  buildTrack('row1', industry,    'ind');\n  buildTrack('row2', govAcademic, 'gov');\n\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<section  class=\"wp-block-banner alignfull banner-gray\" style=\"\">\n\t<div class=\"banner alert\" role=\"banner\">\n\t\t<div class=\"icon-placeholder\"><i class=\"not-a-real-icon\"><\/i><\/div>\t\t<div class=\"banner-content\">\n\t\t\t<div class=\"acf-innerblocks-container\">\n\n<h3 class=\"wp-block-heading\">Director&#8217;s message<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In 2006, Arizona State University was selected as a National Center of Excellence (NCE)\u00a0for SMART Innovations, focusing on technological and policy innovations related to the urban heat island, climate change, and energy. The NCE is a research cluster at Arizona State University involving the Julie Ann Wrigley Global Institute of Sustainability and the Ira A. Fulton Schools of Engineering. It is funded in part by the US EPA and industry sponsors.NCE researchers are evaluating the development of the next generation of Sustainable Materials and Renewable Technologies (SMART) for urban energy and climate needs. This includes the development and application of materials for renewable energy products, innovative building and pavement materials that reduce energy demand, and materials that can mitigate the regional impacts of Urban Heat Islands.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The NCE is becoming a state-of-the-art research organization that provides customized management strategies and technical advice to local and regional governments, industry, and NGOs seeking to incorporate sustainable technologies and organizational strategies to deliver economic, social, and environmental benefits.<\/p>\n\n<\/div>\t\t<\/div>\n\t\t\t\t\t<\/div>\n<\/section>\n\n\n\n<title>NCE Contact<\/title>\n  <style>\n    .ct-wrap {\n      width: 100%;\n      font-family: Arial, sans-serif;\n      box-sizing: border-box;\n    }\n    .ct-wrap *, .ct-wrap *::before, .ct-wrap *::after {\n      box-sizing: border-box;\n    }\n\n    \/* \u2500\u2500 Outer card \u2500\u2500 *\/\n    .ct-card {\n      width: 100%;\n      border: 1px solid #e8e8e8;\n      display: grid;\n      grid-template-columns: 300px 1fr;\n    }\n\n    \/* \u2500\u2500 Left: location panel \u2500\u2500 *\/\n    .ct-location {\n      background: #fff;\n      padding: 36px 28px;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n      border-right: 1px solid #e8e8e8;\n    }\n    .ct-loc-eyebrow {\n      font-size: 9px;\n      letter-spacing: 3px;\n      text-transform: uppercase;\n      color: #8C1D40;\n      font-weight: 700;\n    }\n    .ct-loc-name {\n      font-size: 15px;\n      font-weight: 700;\n      color: #1a1a1a;\n      line-height: 1.4;\n      margin-top: -8px;\n    }\n    .ct-loc-addr {\n      font-size: 13px;\n      color: #555;\n      line-height: 1.8;\n    }\n    .ct-loc-hours {\n      font-size: 12px;\n      color: #777;\n      line-height: 1.6;\n      border-top: 1px solid #e8e8e8;\n      padding-top: 16px;\n    }\n    .ct-loc-hours strong { color: #333; display: block; margin-bottom: 2px; }\n    .ct-loc-links {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n      margin-top: auto;\n    }\n    .ct-loc-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: 7px;\n      padding: 8px 14px;\n      border-radius: 4px;\n      border: 1px solid #ddd;\n      font-size: 12px;\n      color: #555;\n      text-decoration: none;\n      transition: border-color 0.2s, color 0.2s, background 0.2s;\n    }\n    .ct-loc-btn:hover {\n      border-color: #8C1D40;\n      color: #8C1D40;\n      background: rgba(140,29,64,0.04);\n    }\n    .ct-loc-btn svg { flex-shrink: 0; }\n\n    \/* \u2500\u2500 Right: people grid \u2500\u2500 *\/\n    .ct-people {\n      padding: 0;\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 0.5px;\n      background: #FFC627;\n    }\n\n    .ct-person {\n      background: #fff;\n      padding: 28px 24px;\n      border-left: 3px solid transparent;\n      transition: border-color 0.2s, background 0.2s;\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n    .ct-person:hover {\n      border-left-color: #8C1D40;\n      background: #fdf5f7;\n    }\n    .ct-person-name {\n      font-size: 13px;\n      font-weight: 700;\n      color: #1a1a2e;\n      line-height: 1.3;\n    }\n    .ct-person-role {\n      font-size: 11px;\n      color: #8C1D40;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    .ct-person-dept {\n      font-size: 11px;\n      color: #999;\n      line-height: 1.4;\n      margin-top: 2px;\n    }\n    .ct-person-contact {\n      margin-top: 10px;\n      display: flex;\n      flex-direction: column;\n      gap: 3px;\n    }\n    .ct-person-phone {\n      font-size: 11px;\n      color: #777;\n    }\n    .ct-person-email {\n      font-size: 11px;\n      color: #1a1a2e;\n      text-decoration: none;\n      font-weight: 600;\n    }\n    .ct-person-email:hover { color: #8C1D40; }\n\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n    @media (max-width: 860px) {\n      .ct-card { grid-template-columns: 1fr; }\n      .ct-location { padding: 28px 24px; }\n      .ct-loc-links { flex-direction: row; margin-top: 12px; }\n    }\n    @media (max-width: 600px) {\n      .ct-people { grid-template-columns: repeat(2, 1fr); }\n    }\n    @media (max-width: 420px) {\n      .ct-people { grid-template-columns: 1fr; }\n    }\n  <\/style>\n\n\n\n<div class=\"ct-wrap\">\n  <div class=\"ct-card\">\n\n    <!-- Left: Location -->\n    <div class=\"ct-location\">\n      <div class=\"ct-loc-eyebrow\">Location<\/div>\n      <div class=\"ct-loc-name\">National Center of Excellence Labs<\/div>\n      <div class=\"ct-loc-addr\">\n        Interdisciplinary Science and<br>\n        Technology Building 2 (ISTB 2)<br>\n        850 S McAllister Ave<br>\n        Tempe, AZ 85281\n      <\/div>\n      <div class=\"ct-loc-hours\">\n        <strong>General Inquiries<\/strong>\n        M\u2013F &nbsp;8\u201311 am &amp; 1\u20134 pm MST<br>\n        480-727-9124\n      <\/div>\n      <div class=\"ct-loc-links\">\n        <a class=\"ct-loc-btn\" href=\"http:\/\/asu.edu\/map\/interactive\/?campus=tempe&amp;building=ISTB2\" target=\"_blank\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n          Campus Map\n        <\/a>\n        <a class=\"ct-loc-btn\" href=\"http:\/\/asu.edu\/map\/interactive\/?campus=tempe&amp;visitorparking=RURAL%20RD\" target=\"_blank\">\n          <svg width=\"13\" height=\"13\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"18\" rx=\"2\"><\/rect><path d=\"M8 21V3m4 6h2a2 2 0 0 1 0 4h-2\"><\/path><\/svg>\n          Visitor Parking\n        <\/a>\n      <\/div>\n  <\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p class=\"mb-2\">About NCE NCE SMART \u2014 Highlights 01 \/ 05 \u2014 Mission Climate &amp; Energy Solutions Grounded in Science and Engineering The National Center of Excellence (NCE) on SMART Innovations provides climate and energy system solutions based on sound science and engineering to governments and industries around the globe. Our research seeks to quantify complex climate-energy&#8230;<\/p>\n","protected":false},"author":498,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2546","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/labs.engineering.asu.edu\/pavement\/wp-json\/wp\/v2\/pages\/2546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labs.engineering.asu.edu\/pavement\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/labs.engineering.asu.edu\/pavement\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/labs.engineering.asu.edu\/pavement\/wp-json\/wp\/v2\/users\/498"}],"replies":[{"embeddable":true,"href":"https:\/\/labs.engineering.asu.edu\/pavement\/wp-json\/wp\/v2\/comments?post=2546"}],"version-history":[{"count":0,"href":"https:\/\/labs.engineering.asu.edu\/pavement\/wp-json\/wp\/v2\/pages\/2546\/revisions"}],"wp:attachment":[{"href":"https:\/\/labs.engineering.asu.edu\/pavement\/wp-json\/wp\/v2\/media?parent=2546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}