CINXE.COM
The Art Gallery - NYU Abu Dhabi Public Programs
<!doctype html> <html lang="en" dir="ltr" prefix="og: http://ogp.me/ns#"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <meta name="author" content="NYU Abu Dhabi"/> <meta name="robots" content="noodp"/> <meta name="theme-color" content="#3d0462"/> <meta name="msapplication-navbutton-color" content="#3d0462"/> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2.0,user-scalable=yes"/> <title> The Art Gallery - NYU Abu Dhabi Public Programs </title> <meta name="description" content="The NYUAD Art Gallery | Art Museum and Art Exhibition in Abu Dhabi and Saadiyat | University museums | Art museum in the UAE"/> <meta property="og:site_name" content="New York University Abu Dhabi"/> <meta property="og:title" content="The Art Gallery"/> <meta property="og:type" content="website"/> <meta property="og:url" content="https://publicprograms.nyuad.nyu.edu/en/the-art-gallery.html"/> <meta property="og:description" content="The NYUAD Art Gallery | Art Museum and Art Exhibition in Abu Dhabi and Saadiyat | University museums | Art museum in the UAE"/> <meta property="og:image" content="https://publicprograms.nyuad.nyu.edu/apps/publicprograms/docroot/img/logo_public_programs.svg"/> <meta name="twitter:card" content="summary"/> <meta name="twitter:site" content="@nyuad"/> <meta name="twitter:title" content="The Art Gallery"/> <meta name="twitter:description" content="The NYUAD Art Gallery | Art Museum and Art Exhibition in Abu Dhabi and Saadiyat | University museums | Art museum in the UAE"/> <meta name="twitter:image" content="https://publicprograms.nyuad.nyu.edu/apps/publicprograms/docroot/img/logo_public_programs.svg"/> <link rel="icon" type="image/ico" href="/apps/publicprograms/docroot/img/favicon.ico"/> <link rel="shortcut icon" type="image/ico" href="/apps/publicprograms/docroot/img/favicon.ico"/> <link rel="apple-touch-icon" type="image/png" href="/apps/publicprograms/docroot/img/apple-touch-icon.png"/> <link rel="stylesheet" type="text/css" href="//cloud.typography.com/7436432/628128/css/fonts.css"/> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" crossorigin="anonymous"/> <link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet"/> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-HRZ75QMTWR"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HRZ75QMTWR'); </script> <!-- Google Tag Manager --> <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-5HV35MLF');</script> <!-- End Google Tag Manager --> <link rel="stylesheet" href="/etc/clientlibs/publicprograms/main.min.f05f4d021f8bec3f6a42cdacc7d94a93.css" type="text/css"> <script src="/etc/clientlibs/publicprograms/main.min.js"></script> <script src="/etc/clientlibs/publicprograms/auth.min.js"></script> </head> <body class="en the-art-gallery"> <!-- <sly data-sly-include="/apps/nyuad/components/content/header/skipto/main.html"></sly> --> <!-- noindex --> <!-- googleoff: index --> <div class="top-wrapper"> <div class="skiplinks container"> <div class="skipLink-inner skipLink-left"> <a class="skip-link sr-only sr-only-focusable" href="#mainNav">Skip to main navigation</a> <a class="skip-link sr-only sr-only-focusable" href="#mainContent">Skip to main content</a> <a class="skip-link sr-only sr-only-focusable" href="#footer"> Skip to footer</a> <span class="hint">To open and close this bar, use <i>alt</i>+<i>/</i></span> </div> </div> <!-- @todo: For debugging, to be removed --> <!-- <sly data-sly-test=""> <style> [data-skipto-id="siteSearch"], [data-skipto-id="mainNav"], [data-skipto-id="pageContent"], [data-skipto-id="siteSearch"], [data-skipto-id="mainNav"], [data-skipto-id="pageNav"], [data-skipto-id="leftNav"], [data-skipto-id="majorMinorFilter"], [data-skipto-id="topNav"], [data-skipto-id="nyuadHome"], [data-skipto-id="eventsFilterForm"], [data-skipto-id="eventsList"], [data-skipto-id="eventDetail"], [data-skipto-id="mailingList"], [data-skipto-id="newsNav"], [data-skipto-id="newsList"], [data-skipto-id="directory"], [data-skipto-id="newsArticle"], [data-skipto-id="applyForPosition"], [data-skipto-id="continueApplication"], [data-skipto-id="footer"], [data-skipto-id="continueApplication"] { border: 4px dashed orange;} </style> </sly> --> <nav class="top-bar d-none d-lg-block"> <div class="container d-flex justify-content-end"> <ul class="topnav-list list-unstyled list-inline"> <li class="topnav-item list-inline-item"> <a class="nav-link " href="https://nyuad.nyu.edu/en/" target="_blank">NYU Abu Dhabi</a> </li> </ul> <ul class="topnav-list list-unstyled list-inline float-on-headerpinned"> <li class="topnav-item list-inline-item lang"> <a class="nav-link" href="/ar/the-art-gallery.html">毓乇亘賷</a> </li> <li class="topnav-item list-inline-item search"> <a class="nav-link" href="#" data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="bi bi-search"></i><span class="sr-only">Search</span></a> </li> </ul> </div> </nav> </div> <header class="sticky-top the-art-gallery" data-currentpage="the-art-gallery"> <nav class="main-nav" id="mainNav"> <div class="mainnav-container container"> <div class="site-branding"> <a class="logo-public-programs" href="/en/"> <span class="sr-only">New York University Public Programs Home</span> <img class="img-fluid" src="/apps/publicprograms/docroot/img/logo_public_programs.svg" alt="New York University Public Programs Home"/> </a> </div> <ul class="d-lg-none mobile-nav"> <li class="slnav-item"> <a href="/ar/the-art-gallery.html">毓乇亘賷</a> </li> <li class="slnav-item"> <a href="#" data-bs-toggle="modal" data-bs-target="#searchModal"> <i class="bi bi-search"></i><span class="sr-only">Search</span> </a> </li> </ul> <ul class="d-lg-none mobile-nav mobile-secondrow logo-mobile-wrapper"> <a class="nav-title-mobile link-light" href="/en/the-art-gallery.html" aria-label="The Art Gallery" data-current="The Art Gallery"> <img class="img-fluid" src="/content/dam/publicprograms/logos/navigation-images/logo_art_gallery.svg"/> </a> </ul> <!-- @todo mobile hamburger --> <button class="navbar-toggle p-0 border-0" type="button" aria-label="Toggle navigation" data-bs-toggle="offcanvas" data-bs-target="#mainNavWrapper"> <span></span><span></span><span></span> </button> <div class="mainnav-inner offcanvas offcanvas-end transition-none" id="mainNavWrapper"> <div class="mainnav-wrapper"> <ul class="mainnav-list list-unstyled d-flex"> <li class="nav-item "> <a class="nav-link " href="/en/events.html" id="mainnav-0"><span>Events</span></a> </li> <li class="nav-item dropdown the-arts-center "> <a class="nav-link dropdown-toggle" href="/en/the-arts-center.html" id="mainnav-1-2" data-bs-toggle="dropdown" role="button" aria-expanded="false"> <span class="stretched-link"> The <strong>Arts Center</strong> </span> <i class="bi bi-caret-right-fill"></i> </a> <div class="dropdown-menu " aria-labelledby="mainnav-1-2" data-dropdown-level="2"> <div class="dropdown-menu-inner container"> <a class="page-branding link-light has-logo" href="/en/the-arts-center.html"> <img class="img-fluid" src="/content/dam/publicprograms/logos/navigation-images/logo_art_center.svg"/> </a> <ul class="dropdown-menu-list list-unstyled"> <li class="subnav-item "> <a class="nav-link" href="/en/the-arts-center/upcoming-at-the-arts-center.html">Upcoming at The Arts Center</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-arts-center/visit.html">Visit</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-arts-center/resources.html">Resources</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-arts-center/about.html">About</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-arts-center/membership.html">Memberships</a> </li> </ul> </div> </div> </li> <li class="nav-item dropdown the-institute "> <a class="nav-link dropdown-toggle" href="/en/the-institute.html" id="mainnav-1-2" data-bs-toggle="dropdown" role="button" aria-expanded="false"> <span class="stretched-link"> The <strong>Institute</strong> </span> <i class="bi bi-caret-right-fill"></i> </a> <div class="dropdown-menu " aria-labelledby="mainnav-1-2" data-dropdown-level="2"> <div class="dropdown-menu-inner container"> <a class="page-branding link-light has-logo" href="/en/the-institute.html"> <img class="img-fluid" src="/content/dam/publicprograms/logos/navigation-images/logo_institute.svg"/> </a> <ul class="dropdown-menu-list list-unstyled"> <li class="subnav-item "> <a class="nav-link" href="/en/the-institute/public-programs.html">Public Programs</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-institute/visit.html">Visit</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-institute/resources.html">Resources</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-institute/about.html">About</a> </li> </ul> </div> </div> </li> <li class="nav-item dropdown the-art-gallery active"> <a class="nav-link dropdown-toggle" href="/en/the-art-gallery.html" id="mainnav-1-2" data-bs-toggle="dropdown" role="button" aria-expanded="false"> <span class="stretched-link"> The <strong>Art Gallery</strong> </span> <i class="bi bi-caret-right-fill"></i> </a> <div class="dropdown-menu show" aria-labelledby="mainnav-1-2" data-dropdown-level="2"> <div class="dropdown-menu-inner container"> <a class="page-branding link-light has-logo" href="/en/the-art-gallery.html"> <img class="img-fluid" src="/content/dam/publicprograms/logos/navigation-images/logo_art_gallery.svg"/> </a> <ul class="dropdown-menu-list list-unstyled"> <li class="subnav-item "> <a class="nav-link" href="/en/the-art-gallery/exhibitions.html">Exhibitions</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-art-gallery/programs.html">Programs</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-art-gallery/learn.html">Learn</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-art-gallery/visit.html">Visit</a> </li> <li class="subnav-item "> <a class="nav-link" href="/en/the-art-gallery/about.html">About</a> </li> <li class="subnav-item "> </li> </ul> </div> </div> </li> <li class="nav-item "> <a class="nav-link " href="/en/visit.html" id="mainnav-0"><span>Visit</span></a> </li> <li class="nav-item "> <a class="nav-link " href="/en/learn.html" id="mainnav-0"><span>Learn</span></a> </li> <li class="nav-item dropdown "> <a class="nav-link dropdown-toggle" href="/en/about.html" id="mainnav-1-2" data-bs-toggle="dropdown" role="button" aria-expanded="false"> <span class="stretched-link">About</span> <i class="bi bi-caret-right-fill"></i> </a> <div class="dropdown-menu " aria-labelledby="mainnav-1-2" data-dropdown-level="2"> <div class="dropdown-menu-inner container"> <a class="page-branding link-light has-logo" href="/en/about.html"> <img class="img-fluid"/> </a> <ul class="dropdown-menu-list list-unstyled"> <li class="subnav-item "> <a class="nav-link" href="/en/about/contact-us.html">Contact Us</a> </li> </ul> </div> </div> </li> <li class="nav-item "> <a class="nav-link " href="/en/search.html" id="mainnav-0"><span>Search</span></a> </li> </ul> <ul class="mainnav-list topnav-mobile d-lg-none list-unstyled"> <li class="nav-item topnav"> <a class="nav-link" href="https://nyuad.nyu.edu/en/"><span>NYU Abu Dhabi</span></a> </li> </ul> <div class="d-lg-none pt-3" id="subnav-list-mobile"></div> <a class="link-back-home d-lg-none" href="/en/"> <i class="bi bi-arrow-bar-left fs-3"></i><span> Public Programs</span> </a> </div> </div> </div> </nav> </header> <main class="container landing" id="mainContent"> <div class="html"> <script> $(window).on('load', function () { setTimeout(() => { $('.map-marker .marker').eq(2).attr('data-tag', 'project-space'); $('.map-marker .marker').eq(5).attr('data-tag', 'reading-room'); $('.map-marker .marker').eq(6).attr('data-tag', 'the-art-gallery'); }, 200); }) </script> </div> <div class="parallaxcontainer"> <div class="row column-control parallex-holder"> <div class="grid-8 parallex-slow"> <div class="eventbox"> <!-- <sly data-sly-use.eventcard="/apps/publicprograms/components/content/events/eventhighlights/eventcard-template.html" /> --> <div class="card-holder " data-labels="the-art-gallery Exhibition"> <div class="card"> <div class="card-img "> <a href="https://www.nyuad-artgallery.org/en_US/our-exhibitions/main-gallery/between-the-tides-a-gulf-quinquennial/" target="_blank" class="card-img-wrapper" rel="nofollow"> <div class="responsive-img " data-src="/content/publicprograms/en/home/the-art-gallery/jcr:content/mainparsys/parallaxcontainer/leftparsyscontainer/eventbox_copy_copy/image" data-alt="Between the Tides: A Gulf Quinquennial" aria-hidden="true"> <!-- need to default to specific width here and add selectors --> <noscript> <img src="/content/publicprograms/en/home/the-art-gallery/_jcr_content/mainparsys/parallaxcontainer/leftparsyscontainer/eventbox_copy_copy/image.img.jpg" alt="Between the Tides: A Gulf Quinquennial"/> </noscript> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lastmodified="1726235551620" alt="Between the Tides: A Gulf Quinquennial" title="Between the Tides: A Gulf Quinquennial" class="replace"/> </div> </a> </div> <div class="card-body"> <div class="card-body-inner"> <h6 class="ch6 event-type">Exhibition</h6> <h3 class="t2 event-title"><a href="https://www.nyuad-artgallery.org/en_US/our-exhibitions/main-gallery/between-the-tides-a-gulf-quinquennial/" target="_blank">Between the Tides</a> </h3> <p class="t3 date-time mb-1"><span class="date">October 1鈥揂pril 20, 2025</span></p> </div> </div> </div> </div> </div> </div> <div class="grid-4"> <div class="eventbox"> <!-- <sly data-sly-use.eventcard="/apps/publicprograms/components/content/events/eventhighlights/eventcard-template.html" /> --> <div class="card-holder body-no-margin" data-labels="the-art-gallery Exhibition"> <div class="card"> <div class="card-img "> <a href="https://www.nyuad-artgallery.org/en_US/arts-center-project-space/purring-tiger-mujo/" target="_blank" class="card-img-wrapper" rel="nofollow"> <div class="responsive-img " data-src="/content/publicprograms/en/home/the-art-gallery/events/2024/september/purring-tiger--mujo-installation/jcr:content/eventdetail/image" data-alt="Purring Tiger: MUJO Installation" aria-hidden="true"> <!-- need to default to specific width here and add selectors --> <noscript> <img src="/content/publicprograms/en/home/the-art-gallery/events/2024/september/purring-tiger--mujo-installation/_jcr_content/eventdetail/image.img.jpg" alt="Purring Tiger: MUJO Installation"/> </noscript> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lastmodified="1727360065005" alt="Purring Tiger: MUJO Installation" title="Purring Tiger: MUJO Installation" class="replace"/> </div> </a> </div> <div class="card-body"> <div class="card-body-inner"> <h3 class="t2 event-title"><a href="https://www.nyuad-artgallery.org/en_US/arts-center-project-space/purring-tiger-mujo/" target="_blank">Purring Tiger: MUJO Installation</a> </h3> <p class="t3 date-time mb-1"><span class="date">September 26-November 03, 2024</span></p> <p class="p2 ">Project Space <span class="ch6 event-type">| Exhibition</span> </p> </div> </div> </div> </div> </div> <div class="eventbox"> <!-- <sly data-sly-use.eventcard="/apps/publicprograms/components/content/events/eventhighlights/eventcard-template.html" /> --> </div> </div> </div> <script src="/etc/clientlibs/publicprograms/parallex.min.js"></script> </div> <div class="container"> <div class="container-component bg-black "> <div class="container"> <div class="columncontrol columncontol parbase"> <div> <div class="column-control "> <div class="grid-6"> <div><div class="image parbase section"> <figure class="image smallspacing"> <div class="container"> <div class="inner"> <div class="responsive-img " data-src="/content/publicprograms/en/home/the-art-gallery/jcr:content/mainparsys/container/parsyscontainer/columncontrol_131169/columnpar6_1/image/image" data-alt="Christo award winner 2023.jpeg" aria-hidden="true"> <!-- need to default to specific width here and add selectors --> <noscript> <img src="/content/publicprograms/en/home/the-art-gallery/_jcr_content/mainparsys/container/parsyscontainer/columncontrol_131169/columnpar6_1/image/image.img.jpg" alt="Christo award winner 2023.jpeg"/> </noscript> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lastmodified="1730184728481" alt="Christo award winner 2023.jpeg" title="Christo award winner 2023.jpeg" class="replace"/> </div> </div> </div> </figure> </div> </div> </div> <div class="grid-6"> <div><div class="richtext text parbase section"> <div class="rte"> <h3>The Christo and Jeanne-Claude Award</h3> <p>Under the Patronage of Her Highness Sheikha Shamsa bint Hamdan Al Nahyan,聽The Christo and Jeanne-Claude Award 2024聽presented by New York University Abu Dhabi, in partnership with The Abu Dhabi Music & Arts Foundation (ADMAF), has been established to nurture artistic talent in the United Arab Emirates. It is produced in collaboration with The聽NYUAD聽Art Gallery.</p> </div></div> <div class="columncontrol columncontol parbase section"> <div> <div class="column-control "> <div class="grid-6"> <div><div class="button section"> <a role="button" class="btn btn-outline-white short " href="https://www.nyuad-artgallery.org/en_US/the-christo-and-jeanne-claude-award/" target="_blank">About the Award</a> </div> <div class="button section"> <a role="button" class="btn btn-grey short " href="https://www.nyuad-artgallery.org/en_US/christo-award-past-award-winners/" target="_blank">View Past Winners</a> </div> </div> </div> <div class="grid-6"> <div> </div> </div> </div> </div></div> </div> </div> </div> </div></div> </div> </div> </div> <div class="columncontrol columncontol parbase"> <div> <div class="column-control "> <div class="grid-4"> <div><div class="promobox section"> <div class="promote-box text-bottom haslink"> <!-- Image --> <div class="responsive-img " data-src="/content/publicprograms/en/home/the-art-gallery/jcr:content/mainparsys/columncontrol_1768993574/columnpar4_1/promobox_copy_copy_c/image" aria-hidden="true"> <!-- need to default to specific width here and add selectors --> <noscript> <img src="/content/publicprograms/en/home/the-art-gallery/_jcr_content/mainparsys/columncontrol_1768993574/columnpar4_1/promobox_copy_copy_c/image.img.jpg"/> </noscript> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lastmodified="1716302599251" class="replace"/> </div> <div class="overlay"> <div class="promote-inner"> <h5 class=" promote-title link-light">Read</h5> </div> </div> <a class="stretched-link" href="https://www.nyuad-artgallery.org/en_US/resources/read" target="_blank" aria-label="Read"></a> </div> </div> </div> </div> <div class="grid-4"> <div><div class="promobox section"> <div class="promote-box text-bottom haslink"> <!-- Image --> <div class="responsive-img " data-src="/content/publicprograms/en/home/the-art-gallery/jcr:content/mainparsys/columncontrol_1768993574/columnpar4_2/promobox_copy_copy/image" aria-hidden="true"> <!-- need to default to specific width here and add selectors --> <noscript> <img src="/content/publicprograms/en/home/the-art-gallery/_jcr_content/mainparsys/columncontrol_1768993574/columnpar4_2/promobox_copy_copy/image.img.jpg"/> </noscript> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lastmodified="1716302594177" class="replace"/> </div> <div class="overlay"> <div class="promote-inner"> <h5 class=" promote-title link-light">Watch</h5> </div> </div> <a class="stretched-link" href="https://www.nyuad-artgallery.org/en_US/resources/watch" target="_blank" aria-label="Watch"></a> </div> </div> </div> </div> <div class="grid-4"> <div><div class="promobox section"> <div class="promote-box text-bottom haslink"> <!-- Image --> <div class="responsive-img " data-src="/content/publicprograms/en/home/the-art-gallery/jcr:content/mainparsys/columncontrol_1768993574/columnpar4_3/promobox_copy/image" aria-hidden="true"> <!-- need to default to specific width here and add selectors --> <noscript> <img src="/content/publicprograms/en/home/the-art-gallery/_jcr_content/mainparsys/columncontrol_1768993574/columnpar4_3/promobox_copy/image.img.jpg"/> </noscript> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-lastmodified="1716302598156" class="replace"/> </div> <div class="overlay"> <div class="promote-inner"> <h5 class=" promote-title link-light">Listen</h5> </div> </div> <a class="stretched-link" href="https://www.nyuad-artgallery.org/en_US/resources/listen" target="_blank" aria-label="Listen"></a> </div> </div> </div> </div> </div> </div></div> <div class="html"> <style> body.the-art-gallery .promote-box .promote-inner .promote-title { font-size: 2rem; } body.the-art-gallery .event-title{ font-size: 1.5rem; } @media (min-width: 768px) { body.the-art-gallery .promote-box .promote-inner .promote-title { font-size: 3rem; } body.the-art-gallery .event-title{ font-size: 2rem; } body.the-art-gallery .card-holder{ --component-mb:2rem } } </style> </div> <div class="container"> <div class="container-component bg-lightgray mb-0"> <div class="container"> <div class="columncontrol columncontol parbase"> <div> <div class="column-control eq-height-children"> <div class="grid-6"> <div><div class="button section"> <a role="button" class="btn btn-grey " href="https://nyu.us9.list-manage.com/subscribe?u=03ec7d03b3e32907c3e74fcb1&id=7499413e70" target="_blank">SUBSCRIBE TO OUR NEWSLETTER</a> </div> <div class="html section"> <div class="social-logo-gallery mb-4"> <img class="w-100" src="/content/dam/publicprograms/logos/icon_artgallery_en.svg"> </div> <style> .social-logo-gallery{ text-align: center; } @media (min-width: 768px){ .social-logo-gallery{ width:18rem; text-align: left; } } </style> </div> </div> </div> <div class="grid-6"> <div><div class="html section"> <div class="stay-connected staconnected-gallery "> <div class="stay-connected-inner"> <h5 class="mb-3">Free and Open to the Public</h5> <div class="social-items mb-2"> <a class="link-light" href="https://www.facebook.com/nyuadartgallery/" aria-label="facebook"><i class="bi bi-facebook"></i></a> <a class="link-light me-0" href="http://instagram.com/nyuadartgallery" aria-label="instagram"><i class="bi bi-instagram"></i></a> </div> </div> </div> <style> .light-gray-gallery{ background: #d2d4d6; } .stay-connected .stay-connected-inner { flex-flow: column; align-items: center; padding-top: 0; } .stay-connected .stay-connected-inner .social-items>a.btn-black { font-size: 1rem; margin-bottom: 0; } .stay-connected .stay-connected-inner .social-items { align-items: center; } @media (min-width: 768px) { .stay-connected .stay-connected-inner { align-items: flex-end; } } </style> <script> $('.staconnected-gallery').closest('.container-component').addClass('light-gray-gallery') </script> </div> </div> </div> </div> </div></div> </div> </div> </div> </main> <footer id="footer"> <div class="footer-wrapper container d-flex justify-content-between"> <div class="logo-nyuad-holder"> <a class="logo-nyuad" href="https://nyuad.nyu.edu" target="_blank"><span class="sr-only">NYUAD logo</span> <img src="/content/dam/publicprograms/logos/logo_nyuad_white.svg" alt="NYUAD logo"/></a> </div> <div class="footer-bottom justify-content-end"> <h6 class="copyright">漏 New York University Abu Dhabi</h6> <ul class="footer-menu list-unstyled d-flex"> <li class="footer-nav"><a class="nav-link" href="https://www.nyu.edu/footer/copyright-and-fair-use/digital-privacy-statement.html" target="_blank">Digital Privacy Statement</a></li> <li class="footer-nav"><a class="nav-link" href="https://www.nyu.edu/footer/accessibility.html" target="_blank">Accessibility</a></li> <li class="footer-nav"><a class="nav-link" href="/en/about/contact-us.html" target="_self">Contact Us</a></li> </ul> </div> <button class="fixed-bottom" id="backToTop"><span class="bi bi-arrow-up-circle-fill"></span> <span class="p3 txt">Back To Top</span> </button> </div> </footer> <!--search box--> <div class="modal fade" id="searchModal" tabindex="-1" aria-labelle="search" aria-modal="true" role="dialog"> <div class="modal-dialog modal-xl"> <div class="modal-content"> <div class="modal-header"> <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close search box"> <i class="bi bi-x-lg"></i> </button> </div> <div class="modal-body"> <form class="d-flex " action="/en/search.html" method="GET"> <input name="query" class="flex-grow-1" type="text" placeholder="search..." autofocus/> <button class="btn btn-purple" type="submit" aria-label="Submit search"> <i class="bi bi-search"></i> </button> </form> </div> <div class="modal-footer"></div> </div> </div> </div> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5HV35MLF" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <script type="text/javascript" src="https://platform-api.sharethis.com/js/sharethis.js#property=653f8ed28ffb84001a73d6b0&product=inline-share-buttons" async></script> <script type="text/javascript"> var wcmmode = false; </script> </body> </html>