Home - Red Butte Garden

<!DOCTYPE html> <html class="no-js" lang="en"> <head>   <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-T35W7V4');</script>   <meta name="description" content="Home"> <meta name="author" content="Red Butte Garden">  <meta name="facebook-domain-verification" content="7xf5nzx39bpdnc9taftqhsn1zzvr2e"/>  <meta name="theme-color" content="#196143">  <meta name="msapplication-navbutton-color" content="#196143">  <meta name="apple-mobile-web-app-status-bar-style" content="#196143"> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title> Home - Red Butte Garden</title> <link rel="icon" type="image/png" href="https://redbuttegarden.org/static/redbuttegarden/img/favicon/rbg-favicon-leaf-16x16.png" sizes="16x16"> <link rel="icon" type="image/png" href="https://redbuttegarden.org/static/redbuttegarden/img/favicon/rbg-favicon-leaf-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="https://redbuttegarden.org/static/redbuttegarden/img/favicon/rbg-favicon-leaf-96x96.png" sizes="96x96"> <link rel="icon" type="image/png" href="https://redbuttegarden.org/static/redbuttegarden/img/favicon/rbg-favicon-leaf-196x196.png" sizes="196x196"> <link rel="apple-touch-icon" href="https://redbuttegarden.org/static/redbuttegarden/img/favicon/touch-icon-iphone.png"> <link rel="apple-touch-icon" href="https://redbuttegarden.org/static/redbuttegarden/img/favicon/touch-icon-ipad.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://redbuttegarden.org/static/redbuttegarden/img/favicon/touch-icon-iphone-retina.png" sizes="180x180"> <link rel="apple-touch-icon" href="https://redbuttegarden.org/static/redbuttegarden/img/favicon/touch-icon-ipad-retina.png" sizes="167x167"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="translucent black"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">  <script> WebFontConfig = { google: { families: ['Open Sans:300italic,700italic,300,400,700'] }, timeout: 2000 }; (function (d) { var wf = d.createElement('script'), s = d.scripts[0]; wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js'; wf.async = true; s.parentNode.insertBefore(wf, s); })(document); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="https://redbuttegarden.org/static/redbuttegarden/js/modernizr-webp.min.js"></script>  <script type="text/javascript"> $(function(){ $(".searchbar").hide(); $(".searchicon").on("click", function(){ if( $( ".searchbar" ).is( ":hidden" ) ) { $(".navbutton, .searchbar").toggle(300); $(".searchicon").css("background-color", "#196143"); return; } else if ( $( ".navbutton" ).is( ":hidden" ) ) { $(".searchbar, .navbutton").toggle(300); $(".searchicon").css("background-color", "transparent"); $('.searchicon').hover( function() { var $this = $(this); $this.data('transparent', $this.css('background-color')).css('background-color', '#196143'); }, function() { var $this = $(this); $this.css('background-color', $this.data('transparent')); } ); } }); }); </script>  <link rel="stylesheet" type="text/css" href="https://redbuttegarden.org/static/redbuttegarden/css/accessibility.css"> <link rel="stylesheet" type="text/css" href="https://redbuttegarden.org/static/redbuttegarden/css/rbg.css"> <link rel="stylesheet" type="text/css" href="https://redbuttegarden.org/static/redbuttegarden/css/summer.css"> </head> <body class="template-homepage">  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T35W7V4" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <a class="skip-main" href="#main">Skip to main content</a> <nav class="navbar navbar-inverse navbar-static-top" role="navigation"> <div class="container-fluid"> <div class="navbar-header"> <a id="logo" class="pull-left" href="/"> <picture> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/rbg-logo-new.webp" type="image/webp"> <img src="https://redbuttegarden.org/static/redbuttegarden/img/rbg-logo-new.png" class="hover responsive" alt="Red Butte Garden" title="RBG Logo" width="285em" height="50em"/> </picture> </a> <div id="mobile-search" class="searchicon searchicon-header responsive"> <a href="/search"> <picture> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/search.webp" type="image/webp"> <img alt="magnifying glass" src="https://redbuttegarden.org/static/redbuttegarden/img/search.png"/> </picture> </a> </div> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">VISIT <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a title="Link to info page for visiting the garden while following COVID-19 guidelines" href="/plan-your-garden-visit/">PLAN YOUR VISIT</a></li> <li><a title="Link to general information page with prices, hours, directions, etcetera" href="/plan-your-garden-visit/general-info/">GENERAL INFO</a></li> <li><a title="Link to page about Red Butte Garden including mission statement and brief history" href="/about-us/">ABOUT US</a></li> <li><a title="Link to page with maps of the garden" href="/garden-maps/">GARDEN MAPS</a></li> <li><a title="Link to page discribing our garden gift shop" href="/gift-shop/">GIFT SHOP</a></li> <li><a title="Link to page listing free admission days and free events" href="/free-garden-events/">FREE DAYS<br/>& EVENTS</a></li> <li><a title="Link to page descriping how to schedule private garden tours" href="/plan-your-garden-visit/garden-tours/">GARDEN TOURS</a></li> <li><a title="Link to our poetry box map, poetry walk info, and contest" href="/poetry/">POETRY IN <br/>THE GARDEN</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">PLANTS & GARDENS <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a title="Link to map displaying plant location in the garden" href="/plants/plant-map/">INTERACTIVE<br/>PLANT MAP</a></li> <li> <a title="Filter our plant collections to be displayed on the plant map based on given search criteria" href="/plants/search/">SEARCH OUR PLANT<br>COLLECTIONS</a></li> <li><a title="Link to page with info about our themed gardens" href="/themed-gardens/">THEMED GARDENS</a></li> <li><a title="Link to slideshows and descriptions of our various plant collections" href="/plant-collections/">PLANT COLLECTIONS<br>INFORMATION</a></li> <li><a title="Tips and tricks for doing your own gardening" href="/gardening-information/">GARDENING INFORMATION</a></li> <li><a title="Desciptions of what's going on in our Conservation Department" href="/conservation-research/">CONSERVATION & RESEARCH</a></li> <li><a title="A blog for keeping up with blooms at the garden" href="/whats-blooming-now/">WHAT'S BLOOMING<br/> NOW BLOG</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">EVENTS <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a title="Event Calendar" href="/calendar/"> <span>EVENT CALENDAR</span> </a></li> <li><a title="Link to page listing concert schedules and general information" href="/concerts/"> <span class="concert-li">OUTDOOR CONCERT SERIES</span> </a></li> <li><a title="Info for current and upcoming art displays at the garden" href="/events/e-cat/art-exhibits/">ART EXHIBITS</a></li> <li><a title="Links to events going on during the Spring season" href="/events/e-cat/spring-events/">SPRING EVENTS</a></li> <li><a title="Links to events going on during the Summer season" href="/events/e-cat/summer-events/">SUMMER EVENTS</a></li> <li><a title="Links to events going on during the Fall season" href="/events/e-cat/fall-events/">FALL EVENTS</a></li> <li><a title="Links to events going on during the Winter season" href="/events/e-cat/winter-events/">WINTER EVENTS</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">EDUCATION <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a title="List of activities to bust that boredom" href="/free-garden-events/boredom-busters/">BOREDOM BUSTERS</a></li> <li><a title="Virtual educational resources and activities" href="/plan-your-garden-visit/online-classes-virtual-resources/">VIRTUAL RESOURCES</a></li> <li><a title="Educational activities for adults" href="/plan-your-garden-visit/online-classes-virtual-resources/adult-education/">CLASSES & WORKSHOPS<br/>FOR ADULTS</a></li> <li><a title="Classes for kids" href="/kids-classes/">SUMMER CAMP<br/> & CLASSES FOR KIDS</a></li> <li><a title="Speaker Series" href="/speaker-series/">SPEAKER SERIES</a></li> <li><a title="Play the Taleblazer mobile application" href="/taleblazer-mobile-game/">PLAY TALEBLAZER</a></li> <li><a title="Info for teachers and students" href="/teachers-and-students/">TEACHERS & STUDENTS</a></li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">GET INVOLVED <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a title="Various volunteer opportunities at the garden" href="/volunteer-at-red-butte-garden/">VOLUNTEER</a></li> <li><a title="Link to donate to Red Butte Garden" href="https://redbuttegarden.org/garden-rx/">GIVE</a></li> <li><a title="Become a Red Butte Garden member today!" href="/memberships/">MEMBERSHIP</a></li> <li><a title="Learn about supporting the Garden as a Cottam Club member" href="/cottam-club/">JOIN COTTAM CLUB</a></li> <li><a title="Options for giving in memoriam" href="/memorials-and-tributes/">MEMORIALS &<br/>TRIBUTES</a></li> <li><a title="Legacy giving as a way to donate to the garden" href="/legacy-giving/">LEGACY GIVING</a></li> <li><a title="Become a corporate sponsor" href="/corporate-sponsors/">CORPORATE <br/>SPONSORSHIP</a></li> <li><a title="Join the Red Butte Garden team" href="/employment/">EMPLOYMENT</a> </li> </ul> </li> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#">PRIVATE EVENTS <span class="caret"></span></a> <ul class="dropdown-menu"> <li><a title="Hold your wedding or reception at the garden" href="/weddings-receptions/">WEDDINGS<br/>& RECEPTIONS</a></li> <li><a title="Event space for corporate events and private parties" href="/corporate-events-private-parties/">CORPORATE EVENTS <br/>& PRIVATE PARTIES</a></li> <li><a title="Descriptions of the various areas available for rental" href="/rental-sites/">RENTAL SITES</a></li> <li><a title="Calendar displaying rental availability" href="/rental-availability/">RENTAL AVAILABILITY</a></li> <li><a title="Cost information for renting and catering" href="/rental-rates-catering/">RENTAL PRICING<br/>& CATERING</a></li> <li><a title="Our policy for photography at the garden" href="/photo-policy/">PHOTO POLICY</a></li> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown search" id="navhide4"> <span class="dropdown-toggle searchicon searchicon-mobile-menu hide-mobile"> <a href="/search"> <picture> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/search.webp" type="image/webp"> <img alt="magnifying glass" src="https://redbuttegarden.org/static/redbuttegarden/img/search.png"> </picture> </a> </span> </li> <li class="dropdown navbutton" id="navhide1"> <a class="dropdown-toggle" href="https://55218.blackbaudhosting.com/55218/page.aspx?pid=498">SHOPPING CART LOGIN</a> </li> <li class="dropdown navbutton" id="navhide1"> <a class="dropdown-toggle" href="https://redbuttegarden.org/garden-rx/">GIVE</a> </li> <li class="dropdown navbutton" id="navhide2"> <a class="dropdown-toggle" href="/memberships/">JOIN</a> </li> <li class="dropdown navbutton" id="navhide3"> <a class="dropdown-toggle" href="/volunteer-at-red-butte-garden/">VOLUNTEER</a> </li> </ul> </div> </div> </nav>  <div id="slider-wrapper"> <div id="inner-slider-wrapper1"> <div id="inner-slider-wrapper2">  <div id="slider1_container">  <div id="slides" u="slides"> <div> <a href="https://redbuttegarden.org/memberships/"> <img u="image" src2="https://redbuttegarden.org/media/images/Red_Butte_Garden_Fall_Walk_Dave_Titensor_photo.original.jpg" alt="Red Butte Garden Floral Walk"/> <div class="slide-description"><p data-block-key="dq8si">This Holiday Give the Garden</p><p data-block-key="8mbe3">with a Gift Membership</p></div> </a> </div> <div> <a href="https://redbuttegarden.org/events/holiday-open-house-art-fair/"> <img u="image" src2="https://redbuttegarden.org/media/images/Holiday-Open-House-iStock-1179245428.original.jpg" alt="Holiday packages"/> <div class="slide-description"><p data-block-key="6s2k2">Holiday Open House & Art Fair</p><p data-block-key="dstqb">December 7 & 8</p></div> </a> </div> <div> <a href="https://redbuttegarden.org/events/glass-art-show/"> <img u="image" src2="https://redbuttegarden.org/media/images/glass-art-show-slide.original.jpg" alt="glass-art-show-slide.jpg"/> <div class="slide-description"><p data-block-key="tziu2">Glass in the Garden Art Show</p><p data-block-key="66rok">November 7-December 21</p></div> </a> </div> <div> <a href="https://redbuttegarden.org/events/e-cat/winter-events/"> <img u="image" src2="https://redbuttegarden.org/media/images/Six-Bridges-Trail-slideshow.original.jpg" alt="Six-Bridges-Trail-slideshow"/> <div class="slide-description"><p data-block-key="wdhhk">Upcoming Events</p></div> </a> </div> <div> <a href="https://redbuttegarden.org/adult-education/"> <img u="image" src2="https://redbuttegarden.org/media/images/classes-workshops.original.jpg" alt="classes-workshops.jpg"/> <div class="slide-description"><p data-block-key="1zkks">Classes & Workshops</p></div> </a> </div> <div> <a href="https://redbuttegarden.org/memberships/"> <img u="image" src2="https://redbuttegarden.org/media/images/Water_Conservation_Garden_Dave_Titensor_photo.original.jpg" alt="Red Butte Garden Water Conservation Garden"/> <div class="slide-description"><p data-block-key="w09by">Become a Garden Member</p></div> </a> </div> </div>  <div u="navigator" class="jssorb21" style="top: 68px;">  <div u="prototype"></div> </div>  <span u="arrowleft" class="jssora21l" style="top: 123px; left: 8px;"></span>  <span u="arrowright" class="jssora21r" style="top: 123px; right: 8px;"></span> </div>   <div id="page-down2" class="col-xs-12"> <span class="page-down-icon"> <picture> <source srcset="https://redbuttegarden.org/static/home/img/down-arrow.webp" type="image/webp"> <img alt="downward-arrow" src="https://redbuttegarden.org/static/home/img/down-arrow.png" /> </picture> </span> </div>  </div> </div>  <div id="rbg-info-wrapper1"> <div id="rbginfobg"> <div id="rbginfo" class="row-fluid clearfix"> <div id="rbghours" class="col-xs-3"> <a href="/plan-your-garden-visit/general-info/" aria-label="General Information Page"> <div class="rbghours hover"> <figure> <picture> <source srcset="https://redbuttegarden.org/static/home/img/hours_of_operation_icon.webp" type="image/webp"> <source srcset="https://redbuttegarden.org/static/home/img/hours_of_operation_icon.png" type="image/png"> <img src="https://redbuttegarden.org/static/home/img/hours_of_operation_icon.png" alt="Clock icon"> </picture> <figcaption>HOURS OF OPERATION</figcaption> </figure> </div> </a> <div id="gardenHours"></div> <div id="gardenStatus"></div> <div id="gardenEmphatic" class="red text-center"></div> <div id="otherNotes"></div> </div> <div class="col-xs-3" onmouseenter="admissionHoverOn()"> <a href="/plan-your-garden-visit/general-info/" aria-label="General Information Page"> <div id="rbgadmission" class="rbgadmission hover"> <figure> <picture> <source srcset="https://redbuttegarden.org/static/home/img/admission_rates_icon.webp" type="image/webp"> <source srcset="https://redbuttegarden.org/static/home/img/admission_rates_icon.png" type="image/png"> <img src="https://redbuttegarden.org/static/home/img/admission_rates_icon.png" alt="Clock icon"> </picture> <figcaption>ADMISSION RATES</figcaption> </figure> </div> </a> </div> <div id="rbgdirections" class="col-xs-3"> <a href="/directions/" aria-label="How to get to the garden"> <div class="rbgdirections hover"> <figure> <picture> <source srcset="https://redbuttegarden.org/static/home/img/how_to_get_here_icon.webp" type="image/webp"> <source srcset="https://redbuttegarden.org/static/home/img/how_to_get_here_icon.png" type="image/png"> <img src="https://redbuttegarden.org/static/home/img/how_to_get_here_icon.png" alt="Clock icon"> </picture> <figcaption>HOW TO GET HERE</figcaption> </figure> </div> </a> </div> <div id="rbgweather" class="col-xs-3"> <a href="https://www.weatherbug.com/weather-camera/?cam=SLTWK" target="_blank" aria-label="External link to weatherbug weather station with camera"> <div class="rbgweather hover"> <figure> <picture> <source srcset="https://redbuttegarden.org/static/home/img/todays_weather_icon.webp" type="image/webp"> <source srcset="https://redbuttegarden.org/static/home/img/todays_weather_icon.png" type="image/png"> <img src="https://redbuttegarden.org/static/home/img/todays_weather_icon.png" alt="Clock icon"> </picture> <figcaption>TODAY'S WEATHER</figcaption> </figure> </div> </a> </div>  <div id="page-down" class="col-xs-12"> <span class="page-down-icon"> <picture> <source srcset="https://redbuttegarden.org/static/home/img/down-arrow.webp" type="image/webp"> <img alt="downward-arrow" src="https://redbuttegarden.org/static/home/img/down-arrow.png" width="75em" height="25em"/> </picture> </span> </div>  </div> </div> </div>  </div>  <div id="rbg_hours_info" style="display: none;"> <div id="hours_override"></div> <div id="hours_man_open"></div> <div id="hours_man_close"></div>  <div id="hours_man_add_msg"></div> <div id="hours_man_add_emph_msg"></div> <div id="hours_holiday_day"></div> <div id="hours_holiday_hour"></div> <div id="hours_holiday_minute"></div> <div id="hours_gad_start"></div> <div id="hours_gad_end"></div> </div>  <div id="rbg-info-wrapper2"> <div id="rbginfobg2"> <div id="rbginfo" class="row"> <div id="rbghours" class="col-sm-3"> <br> <b>GARDEN HOURS (MDT)</b> <div id="gardenHours2"></div> <div id="gardenHours2-reservations"><span class="red text-center"></span></div> <div id="gardenStatus2"></div> <a href="/plan-your-garden-visit/general-info/" style="text-decoration:none;color:#FFFFFF;font-size:12px">CLICK TO SEE ALL HOURS</a> <br><br> </div> <div id="rbgadmission2" class="col-sm-3"> <br/> <table> <tr> <td class="td-title text-center">ADMISSION</td> <td class="td-padding"></td> </tr> <tr> <td>MEMBERS:</td> <td class="td-padding">FREE</td> </tr> <tr>  <td>ADULTS (ages 18-64):</td> <td class="td-padding"> $<span id="adult-adm">16</span> <span id="adult-half"></span> </td> </tr> <tr>  <td>SENIORS (ages 65+):</td> <td class="td-padding"> $<span id="senior-adm">14</span> <span id="senior-half"></span> </td> </tr> <tr>  <td>MILITARY w/ID:</td> <td class="td-padding"> $<span id="mil-adm">14</span> <span id="mil-half"></span> </td> </tr> <tr>  <td>CHILDREN (ages 3-17):</td> <td class="td-padding"> $<span id="child-adm">8</span> <span id="child-half"></span> </td> </tr> <tr> <td>CHILDREN (2 & under):</td> <td class="td-padding">FREE</td> </tr> <tr>  <td>UofU FACULTY/STAFF:</td> <td class="td-padding"> <span id="staff-adm">FREE w/VALID ID</span> <span id="staff-half"></span> </td> </tr> <tr class="tr-final"> <td class="td-final1">UofU STUDENTS:</td> <td class="td-final2">FREE w/VALID ID</td> </tr> </table> <div id="admissionDiscount"></div> <br/> </div> <div id="rbgdirections" class="col-sm-3"> <div class="memfaqwrap"> <br> <a href="/directions/"> <div class="memfaq volbutton">HOW TO GET HERE</div> </a> <br> </div> </div> <div id="rbgweather" class="col-sm-3"> <div class="memfaqwrap"> <br> <a href="https://weather.com/weather/today/l/84108:4:US" target="_blank"> <div class="memfaq volbutton">TODAY'S WEATHER</div> </a> <br> </div> </div> </div> </div> </div>  <main id="main"> <div id="rbghomebody" class="container-fluid"> <div class="row"> <div class="col-sm-12"> <br /> <div> <hr class="hr-separator"> <div class="separator">MEDIA</div> </div> <div class="row-fluid"> <div class="col-sm-6"> <a href="/whats-blooming-now/"> <picture> <source srcset="https://redbuttegarden.org/static/home/img/blog1.webp" type="image/webp"> <img alt="Text says whats blooming over picture of several purple irises" class="hover" src="https://redbuttegarden.org/static/home/img/blog1.jpg" width="588em" height="332em"> </picture> </a> </div> <div class="col-sm-6"> <a href="/social-media"> <picture> <source srcset="https://redbuttegarden.org/static/home/img/socialMedia-small.webp" type="image/webp"> <img alt="hand holding smartphone" class="hover" src="https://redbuttegarden.org/static/home/img/socialMedia-small.png" width="588em" height="332em"> </picture> </a> </div> </div> <br /> <br /> <br /> <div> <hr class="hr-separator"> <div class="separator">EVENTS</div> </div> <br /> <div class="row-fluid"> <div class="col-sm-12"> <a href="/calendar/"> <picture> <source srcset="https://redbuttegarden.org/static/home/img/whats-happening.webp" type="image/webp"> <img alt="text says whats happening over picture of red butte garden amphitheater" class="hover" src="https://redbuttegarden.org/static/home/img/whats-happening.jpg" width="1280em" height="325em"> </picture> </a> </div> </div> <br /> <br /> <br /> <br /> </div> </div> </div> </main>  <footer> <div id="prefooterbg"> <div id="prefooter" class="container"> <div class="row text-center"> <div class="col-xs-4"> <a href="/memberships/"> <div class="hover"> <figure> <picture> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/footer/become_a_member_icon.webp" type="image/webp"> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/footer/become_a_member_icon.png" type="image/png"> <img src="https://redbuttegarden.org/static/redbuttegarden/img/footer/become_a_member_icon.png" alt="ID card icon"> </picture> <figcaption>BECOME A MEMBER</figcaption> </figure> </div> </a> </div> <div class="col-xs-4"> <a href="https://redbuttegarden.org/garden-rx/"> <div class="hover"> <figure> <picture> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/footer/donate_to_the_garden_icon.webp" type="image/webp"> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/footer/donate_to_the_garden_icon.png" type="image/png"> <img src="https://redbuttegarden.org/static/redbuttegarden/img/footer/donate_to_the_garden_icon.png" alt="Dollar symbol icon"> </picture> <figcaption>DONATE TO THE GARDEN</figcaption> </figure> </div> </a> </div> <div class="col-xs-4"> <a href="/volunteer-at-red-butte-garden/"> <div class="hover"> <figure> <picture> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/footer/volunteer_with_us_icon.webp" type="image/webp"> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/footer/volunteer_with_us_icon.png" type="image/png"> <img src="https://redbuttegarden.org/static/redbuttegarden/img/footer/volunteer_with_us_icon.png" alt="Shovel icon"> </picture> <figcaption>VOLUNTEER WITH US</figcaption> </figure> </div> </a> </div> </div> </div> </div> <div id="rbgfooterbg"> <div id="rbgfooter" class="container"> <br/> <div id="social-media-wrapper"> <ul> <li> <a href="http://www.yelp.com/biz/red-butte-garden-and-arboretum-salt-lake-city" aria-label="Red Butte Garden's Yelp page"> <div class="yelp"></div> </a> </li> <li> <a href="http://www.tripadvisor.com/Attraction_Review-g60922-d269627-Reviews-Red_Butte_Garden-Salt_Lake_City_Utah.html" aria-label="Red Butte Garden's Trip Advisor page"> <div class="tripadvisor"></div> </a> </li> <li> <a href="https://www.facebook.com/redbutte" aria-label="Red Butte Garden's Facebook page"> <div class="facebook"></div> </a> </li> <li> <a href="https://instagram.com/redbuttegarden/" aria-label="Red Butte Garden's Instragram page"> <div class="instagram"></div> </a> </li> <li> <a href="https://twitter.com/redbuttegarden" aria-label="Red Butte Garden's Twitter page"> <div class="twitter"></div> </a> </li> <li> <a href="https://www.youtube.com/user/RedButteGarden" aria-label="Red Butte Garden's YouTube page"> <div class="youtube"></div> </a> </li> <li> <a href="https://www.pinterest.com/redbuttegarden/" aria-label="Red Butte Garden's Pinterest page"> <div class="pinterest"></div> </a> </li> </ul> </div> <div class="space"> <hr> </div> <div class="space"> <hr> </div> <div class="space"> <hr> </div>  <div class="rbgfooterlinks hide-mobile"> <ul> <li><a href="/contact-us/">CONTACT US</a><span class="hide-mobile">|</span> </li> <li><a href="/advisory-board/">BOARD</a><span class="hide-mobile">|</span> </li> <li><a href="/local-retail-partners/">LOCAL RETAIL PARTNERS</a><span class="hide-mobile">|</span> </li> <li><a href="/public-relations/">PUBLIC RELATIONS</a><span class="hide-mobile">|</span> </li> <li><a href="/plan-your-garden-visit/general-info/">INFO & POLICIES</a><span class="hide-mobile">|</span> </li> <li><a href="/employment/">EMPLOYMENT</a><span class="hide-mobile">|</span> </li> <li><a href="https://utah.sjc1.qualtrics.com/jfe/form/SV_9mNKWsQp2J0w3jg" target="_blank">DONATION REQUEST</a><span class="hide-mobile">|</span> </li> <li><a href="https://utah.sjc1.qualtrics.com/jfe/form/SV_6wWxL66XJTEh55A" target="_blank">UPDATE YOUR INFO</a>    <span class="hide-mobile">|</span>    </li> <li><a href="https://55218.blackbaudhosting.com/55218/page.aspx?pid=201" target="_blank">SIGN UP FOR OUR EVENT EBLASTS</a>     </li> </ul> </div>   <div class="hide-desktop"> <br/> <div class="row-fluid"> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="/contact-us/"> <span class="footer-btn-inner center text-center">CONTACT US</span> </a> </div> </div> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="/advisory-board/"> <span class="footer-btn-inner center text-center">BOARD</span> </a> </div> </div> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="/local-retail-partners/"> <span class="footer-btn-inner center text-center">LOCAL RETAIL PARTNERS</span> </a> </div> </div> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="/public-relations/"> <span class="footer-btn-inner center text-center">PUBLIC RELATIONS</span> </a> </div> </div> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="/plan-your-garden-visit/general-info/"> <span class="footer-btn-inner center text-center">INFO & POLICIES</span> </a> </div> </div> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="/employment/"> <span class="footer-btn-inner center text-center">EMPLOYMENT</span> </a> </div> </div> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="https://utah.sjc1.qualtrics.com/jfe/form/SV_9mNKWsQp2J0w3jg" target="_blank"> <span class="footer-btn-inner center text-center">DONATION REQUEST</span> </a> </div> </div> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="https://utah.sjc1.qualtrics.com/jfe/form/SV_6wWxL66XJTEh55A" target="_blank"> <span class="footer-btn-inner center text-center">UPDATE YOUR INFO</span> </a> </div> </div> <div class="col-xs-12"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="https://55218.blackbaudhosting.com/55218/page.aspx?pid=201" target="_blank"> <span class="footer-btn-inner center text-center">SIGN UP FOR OUR EVENT EBLASTS</span> </a> </div> </div> </div> </div>  <div class="space"> <hr> </div> <div class="row"> <div id="uofu" class="col-xs-4"> <a href="https://www.utah.edu"> <picture> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/footer/footer-uofu-logo.webp" type="image/webp"> <img alt="University of Utah logo" src="https://redbuttegarden.org/static/redbuttegarden/img/footer/footer-uofu-logo.png" class="responsive img-center hover" width="298em" height="74em"/> </picture> </a> </div> <div id="footerlogo" class="col-xs-4"> <a href="https://www.redbuttegarden.org"> <picture> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/footer/rbg-footer-logo-new-stack.webp" type="image/webp"> <img alt="Red Butte Garden logo" src="https://redbuttegarden.org/static/redbuttegarden/img/footer/rbg-footer-logo-new-stack.png" class="responsive img-center hover" width="241em" height="104em"/> </picture> </a> </div> <div id="zap" class="col-xs-4"> <a href="http://www.zapisyou.org"> <picture> <source srcset="https://redbuttegarden.org/static/redbuttegarden/img/footer/footer-zap-logo.webp" type="image/webp"> <img alt="Salt Lake County ZAP logo" src="https://redbuttegarden.org/static/redbuttegarden/img/footer/footer-zap-logo.png" class="responsive img-center hover" width="243em" height="102em"/> </picture> </a> </div> </div> <div class="space"> <hr> </div> <div class="space"> <hr> </div> <div class="row"> <div id="contactinfo1" class="col-sm-12"><a href="tel:8015850556" style="color:white">801.585.0556</a> | 300 WAKARA WAY, SALT LAKE CITY, UT 84108 </div> <div id="contactinfo2" class="col-sm-12">Copyright © 2024 Red Butte Garden</div> </div> <div class="space"> <hr> </div>  <div class="rbgfooterlinks hide-mobile"> <ul> <li><a href="http://www.utah.edu/nondiscrimination/">NONDISCRIMINATION & ACCESSIBILITY</a>   <span class="hide-mobile">|</span>    </li> <li><a href="http://www.utah.edu/disclaimer/">DISCLAIMER</a>   <span class="hide-mobile">|</span>    </li> <li><a href="http://www.utah.edu/privacy/">PRIVACY</a>   <span class="hide-mobile">|</span>    </li> <li><a href="http://www.utah.edu/credits.php">CREDITS & ATTRIBUTIONS</a>   </li> </ul> </div>   <div class="hide-desktop"> <br/> <div class="row-fluid"> <div class="col-xs-12"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="http://www.utah.edu/nondiscrimination/" target="_blank"> <span class="footer-btn-inner center text-center red-bg">NONDISCRIMINATION & ACCESSIBILITY</span> </a> </div> <br/> </div> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="http://www.utah.edu/disclaimer/" target="_blank"> <span class="footer-btn-inner center text-center red-bg">DISCLAIMER</span> </a> </div> <br/> </div> <div class="col-xs-6"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="http://www.utah.edu/privacy/" target="_blank"> <span class="footer-btn-inner center text-center red-bg">PRIVACY</span> </a> </div> <br/> </div> <div class="col-xs-12"> <div class="foot-btn-wrap"> <a class="footer-button hover" href="http://www.utah.edu/credits.php" target="_blank"> <span class="footer-btn-inner center text-center red-bg">CREDITS & ATTRIBUTIONS</span> </a> </div> <br/> </div> </div> </div>  </div> </div>  </footer>    <script src="https://redbuttegarden.org/static/home/js/ie10-viewport-bug-workaround.js"></script> <script> // List of concert dates and their ticket URL let concertInfo = []; // Convert date strings to javascript Date objects for (let i = 0; i < concertInfo.length; i++) { concertInfo[i]["Date"] = new Date(concertInfo[i]["Date"]); } </script> <script src="https://redbuttegarden.org/static/home/js/hours.js"></script> <script type="text/javascript" src="https://redbuttegarden.org/static/home/js/jssor.slider.mini.js"></script>   <script> jQuery(document).ready(function ($) { var options = { $FillMode: 2, //[Optional] The way to fill image in slide, 0 stretch, 1 contain (keep aspect ratio and put all inside slide), 2 cover (keep aspect ratio and cover whole slide), 4 actual size, 5 contain for large image, actual size for small image, default value is 0 $AutoPlay: true, //[Optional] Whether to auto play, to enable slideshow, this option must be set to true, default value is false $Idle: 6000, //[Optional] Interval (in milliseconds) to go for next slide since the previous stopped if the slider is auto playing, default value is 3000 $PauseOnHover: 1, //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, 4 freeze for desktop, 8 freeze for touch device, 12 freeze for desktop and touch device, default value is 1 $ArrowKeyNavigation: true, //[Optional] Allows keyboard (arrow key) navigation or not, default value is false $SlideEasing: $JssorEasing$.$EaseOutQuint, //[Optional] Specifies easing for right to left animation, default value is $JssorEasing$.$EaseOutQuad $SlideDuration: 800, //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500 $MinDragOffsetToSlide: 20, //[Optional] Minimum drag offset to trigger slide , default value is 20 //$SlideWidth: 600, //[Optional] Width of every slide in pixels, default value is width of 'slides' container //$SlideHeight: 300, //[Optional] Height of every slide in pixels, default value is height of 'slides' container $SlideSpacing: 0, //[Optional] Space between each slide in pixels, default value is 0 $Cols: 1, //[Optional] Number of pieces to display (the slideshow would be disabled if the value is set to greater than 1), the default value is 1 $ParkingPosition: 0, //[Optional] The offset position to park slide (this options applys only when slideshow disabled), default value is 0. $UISearchMode: 1, //[Optional] The way (0 parellel, 1 recursive, default value is 1) to search UI components (slides container, loading screen, navigator container, arrow navigator container, thumbnail navigator container etc). $PlayOrientation: 1, //[Optional] Orientation to play slide (for auto play, navigation), 1 horizental, 2 vertical, 5 horizental reverse, 6 vertical reverse, default value is 1 $DragOrientation: 1, //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $Cols is greater than 1, or parking position is not 0) $BulletNavigatorOptions: { //[Optional] Options to specify and enable navigator or not $Class: $JssorBulletNavigator$, //[Required] Class to create navigator instance $ChanceToShow: 2, //[Required] 0 Never, 1 Mouse Over, 2 Always $AutoCenter: 1, //[Optional] Auto center navigator in parent container, 0 None, 1 Horizontal, 2 Vertical, 3 Both, default value is 0 $Steps: 1, //[Optional] Steps to go for each navigation request, default value is 1 $Rows: 1, //[Optional] Specify lanes to arrange items, default value is 1 $SpacingX: 8, //[Optional] Horizontal space between each item in pixel, default value is 0 $SpacingY: 8, //[Optional] Vertical space between each item in pixel, default value is 0 $Orientation: 1, //[Optional] The orientation of the navigator, 1 horizontal, 2 vertical, default value is 1 $Scale: false //Scales bullets navigator or not while slider scale }, $ArrowNavigatorOptions: { //[Optional] Options to specify and enable arrow navigator or not $Class: $JssorArrowNavigator$, //[Requried] Class to create arrow navigator instance $ChanceToShow: 1, //[Required] 0 Never, 1 Mouse Over, 2 Always $AutoCenter: 2, //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0 $Steps: 1 //[Optional] Steps to go for each navigation request, default value is 1 } }; /* Adding this code brings the arrows back after other modifications, and for it to work, the id "slides" must be created above */ $("#slider1_container").css('width',window.innerWidth); $("#slides").css('width',window.innerWidth); $("#slider1_container").css('height',window.innerHeight); $("#slides").css('height',window.innerHeight); var jssor_slider1 = new $JssorSlider$("slider1_container", options); var windowWidthAvail = window.screen.availWidth; var windowHeightAvail = window.screen.availHeight; var windowWidthOrig = $(window).width(); var windowHeightOrig = $(window).height(); //responsive code begin //you can remove responsive code if you don't want the slider to scale along with window function ScaleSlider() { var windowWidth = $(window).width(); var windowHeight = $(window).height(); if (windowWidth) { // document.getElementById("js-test").innerHTML = windowWidthOrig; // JS Testing Code Here if ( (windowWidth == windowWidthOrig) && (windowHeight == windowHeightOrig) && (windowWidth > 950) ) { jssor_slider1.$ScaleHeight(windowHeight); return; } if ( ( (windowWidth > windowWidthOrig) || (windowHeight > windowHeightOrig) ) ) { setTimeout( function(){ window.location.reload(); }, 1); // See http://stackoverflow.com/questions/18967532/window-location-reload-not-working-for-firefox-and-and-chrome // Reloads page (from cache by default), and will only do so when browser window increases in size // once it reaches the maximum window size, it will scale down and by width, but perfectly scale back // to maximum window size, which will work for the majority of cases } // Need code for scaling height when initial screen size is smaller than some pixel size else { jssor_slider1.$ScaleWidth(windowWidth); } } else window.setTimeout(ScaleSlider, 30); } ScaleSlider(); $(window).bind("load", ScaleSlider); $(window).bind("resize", ScaleSlider); $(window).bind("orientationchange", ScaleSlider); //responsive code end }); </script> <script> /* Hover On Functions */ function admissionHoverOn() { var rbgAdmissionHidden = document.getElementById('rbgadmission2'); var rbgAdmission = document.getElementById('rbgadmission'); rbgAdmission.innerHTML = rbgAdmissionHidden.innerHTML; rbgAdmission.classList.remove('rbgadmission'); } </script> <script> $('#page-down,#page-down2').click(function(){ $("html, body").animate({ scrollTop: $(window).height()}, 600); return false; }); </script> </body> </html>

CINXE.COM

Home - Red Butte Garden