CINXE.COM
King Khalid Racecourse
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-R1CEF6ME10"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-R1CEF6ME10'); </script> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=10" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>King Khalid Racecourse</title> <meta name="description" content="Taif’s picturesque King Khalid Racecourse is operated by Jockey Club of Saudi Arabia has hosted live racing since 1965 and is the home of summer racing in the Middle East. With FREE General Admission entry to our summer night racing series from June to October, guests can enjoy the thrill of racing under lights, Taif’s best street food vans, live music and free family entertainment." /> <link href="https://jcsa.sa/en/venues/our-racecourses-taif/" rel="canonical" /> <link href="https://jcsa.sa/en/venues/our-racecourses-taif/" hreflang="en" rel="alternate" /><link href="https://jcsa.sa/ar/venues/our-racecourses-taif/" hreflang="ar" rel="alternate" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prata|Roboto|Inter" /> <link rel="stylesheet" href="/css/styles.min.css" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> </head> <body> <header class="fixed inset-x-0 z-40 w-full bg-header page-scrolled page-scrolled-remove-with-delay" data-is-start-page="False"> <nav> <div class="menu-bar text-white-heading font-inter text-body border-b border-solid border-material-thin transition-border ease-ease duration-500"> <div class="h-64 lg:h-80 page-width-padding flex justify-between items-center"> <div class="flex items-start self-stretch"> <div class="flex pe-10 lg:pe-20 py-10 justify-center items-center gap-10 self-stretch"> <a href="/en/" class="logo h-40 w-40"> <img src="/globalassets/jcsa/images/logos/logo.png" alt="logo.png" class="img absolute transition-opacity ease-ease duration-500 opacity-0" /> <img src="/globalassets/jcsa/images/logos/logo-white-text.png" alt="logo-white-text.png" class="img-white-text absolute transition-opacity ease-ease duration-500 opacity-100" /> <img src="/globalassets/jcsa/images/logos/logo-white.png" alt="logo-white.png" class="img-white absolute transition-opacity ease-ease duration-500 opacity-0" /> </a> </div> <ul class="hidden lg:flex justify-center items-center self-stretch gap-20"> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/events/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Events</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/events/" target="_self">Events Home</a> </li> <li class="py-10"> <a href="/en/saudi-cup/" target="_self">Saudi Cup 2025</a> </li> <li class="py-10"> <a href="/en/events/riyadh-events/">Riyadh Racing Season 2024/25</a> </li> <li class="py-10"> <a href="/en/events/taif-events/">Taif Summer Racing Season</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="/en/venues/our-racecourses-riyadh/" target="_self">Plan Your Day at King Abdulaziz Racecourse, Riyadh</a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-taif/" target="_self">Plan Your Day at King Khalid Racecourse, Taif</a> </li> <li class="py-10"> <a href="/en/events/what-to-wear/">What To Wear</a> </li> <li class="py-10"> <a href="/en/events/visit-saudi/">Visiting Saudi Arabia</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/racing/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Racing</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/racing/" target="_self">Racing Home</a> </li> <li class="py-10"> <a href="/en/racing/horsemen/">Horsemen</a> </li> <li class="py-10"> <a href="https://www.youtube.com/@JCSA_Racing/streams" target="_blank">Live Racing Stream</a> </li> <li class="py-10"> <a href="/en/races/" target="_self">Race Calendar</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="https://prod-frontend.jcsa.sa/public-services" target="_blank">Registrations, Licenses and Downloadables</a> </li> <li class="py-10"> <a href="/en/racing/nominations-game/">Nominations Game</a> </li> <li class="py-10"> <a href="/en/racing/owners-trainers-raceday-experience/">Owners’ Raceday Experience</a> </li> <li class="py-10"> <a href="/en/racing/rules/">Rules & Regulations</a> </li> <li class="py-10"> <a href="/en/racing/horse-auctions/">Horse Auctions</a> </li> <li class="py-10"> <a href="/en/stewards-reports/" target="_self">Stewards Reports</a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/riyadh_racing_program_2024-2025_final_1909?fr=sODJhOTc3OTQxNTE" target="_blank">Riyadh Racing Season Programme</a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/taif_winter_season_programme_en_14_oct_24?fr=xGAEgASgBPf8AAAA" target="_self">Taif Winter Racing Program</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/news/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Media</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/news/media-services/">Media Services & Tools</a> </li> <li class="py-10"> <a href="/en/news/" target="_self">Latest News</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="https://jcsa.resourcespace.com/login.php?url=%2F%3Fc%3D631003%26k%3D5379140ea9&auto=&nocookies=true" target="_blank">Download Images and Video</a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/2024_stats_book.docx?fr=sMGI5ODY4ODg3NzI" target="_blank">Saudi Cup Media Guide and Stats</a> </li> <li class="py-10"> <a href="https://www.youtube.com/@JCSA_Racing/streams" target="_blank">Live Racing Stream</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/jcsa/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Corporate</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/jcsa/" target="_self">About JCSA</a> </li> <li class="py-10"> <a href="/en/jcsa/contact-us/">Contact Us</a> </li> <li class="py-10"> <a href="/en/jcsa/careers/">Careers</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="/en/jcsa/official-partnerships/">Becoming an Official Partner</a> </li> <li class="py-10"> <a href="/en/jcsa/history/">History</a> </li> <li class="py-10"> <a href="/en/venues/venue-hire/" target="_self">Venue Hire</a> </li> <li class="py-10"> <a href="/en/jcsa/race-sponsorships/">Race Sponsorships</a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/jcsa_jcsa_brochure_2024_digital_file_single_pages_?fr=sYTBjNDc0MDY0ODA" target="_blank">2024/25 Corporate Sales Brochure</a> </li> <li class="py-10"> <a href="/en/jcsa/moveable-items/">Moveable Items</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/venues/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Venues</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/venues/" target="_self">Venue Home</a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-riyadh/">King Abdulaziz Racecourse, Riyadh</a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-taif/">King Khalid Racecourse, Taif</a> </li> <li class="py-10"> <a href="/en/venues/venue-hire/">Venue Hire</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="/en/hospitality/" target="_self">Corporate Race Night Experiences</a> </li> <li class="py-10"> <a href="/en/venues/annual-private-suite/">Annual Suites</a> </li> <li class="py-10"> <a href="/en/venues/membership/">Annual Membership</a> </li> </ul> </div> </div> </li> <li class="menu-item-desktop py-18 flex justify-center items-center self-stretch transition-border-padding ease-ease duration-500"> <a href="/en/saudi-cup/" target="_self" class="menu-item-desktop-link flex justify-center items-center self-stretch gap-5 transition-opacity ease-ease duration-500"> <div>Saudi Cup 2025</div> <div class="icon h-16 w-16 transition-transform ease-ease duration-500"></div> </a> <div class="menu-desktop fixed inset-x-0 top-0 px-40 pt-160 pb-80 flex justify-center items-center text-white-heading transition-transform ease-ease duration-500 bg-primary menu-desktop-hidden menu-desktop-hidden-with-delay"> <div class="max-w-1110 w-full flex justify-center items-start gap-80"> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h1"> <li class="py-10"> <a href="/en/saudi-cup/" target="_self">Saudi Cup 2025 Homepage</a> </li> <li class="py-10"> <a href="https://www.jcsa.sa/en/events/riyadh-52/experiences" target="_self">Opening night, Friday 21 February 2025</a> </li> <li class="py-10"> <a href="https://www.jcsa.sa/en/events/riyadh-53/experiences" target="_self">Saudi Cup race night, Saturday 22 February 2025</a> </li> </ul> <div class="w-1 shrink self-stretch bg-menu-separator"></div> <ul class="flex flex-col items-start grow shrink-0 basis-0 font-prata text-h4"> <li class="py-10"> <a href="/en/saudi-cup/entertainment-saudi-cup/">Entertainment</a> </li> <li class="py-10"> <a href="/en/hospitality/food-drink-riyadh/" target="_self">Food & Drink</a> </li> <li class="py-10"> <a href="/en/events/what-to-wear/" target="_self">What To Wear</a> </li> <li class="py-10"> <a href="/en/venues/travel-parking-riyadh/" target="_self">Travel & Parking</a> </li> <li class="py-10"> <a href="/en/racing/international-connections/" target="_self">International Connections</a> </li> <li class="py-10"> <a href="/en/saudi-cup/where-to-watch-global/">Watching from Overseas</a> </li> <li class="py-10"> <a href="/en/news/media-services/" target="_self">Media Accreditation</a> </li> <li class="py-10"> <a href="/en/saudi-cup/saudi-cup-story-so-far/">The Story So Far of The Saudi Cup</a> </li> <li class="py-10"> <a href="/en/news/?tag=saudi-cup-news" target="_self">Latest Saudi Cup News</a> </li> </ul> </div> </div> </li> </ul> <div class="header-item course-selector flex lg:hidden border-x cursor-pointer"> <div class="icon bg-white mask-pin"></div> <div class="text">Course</div> </div> </div> <div class="flex items-start self-stretch"> <div class="header-item header-item-border search flex cursor-pointer"> <div class="icon bg-white mask-search"></div> </div> <div class="header-item header-item-border language-selector hidden lg:flex cursor-pointer"> <div class="icon bg-white mask-globe"></div> <div class="text uppercase">en</div> </div> <div class="header-item header-item-border course-selector hidden lg:flex cursor-pointer"> <div class="icon bg-white mask-pin"></div> <div class="text">Course</div> </div> <div class="header-item header-item-border login-button hidden lg:flex cursor-pointer"> <div class="icon bg-white mask-user"></div> <div class="text"> <a href="https://prod-frontend.jcsa.sa/" class="primary-button bg-transparent border-0 pointer-events-none" target="_blank">Log in</a> </div> </div> <div class="header-item lg:header-item-border book-button px-0 lg:ps-15 lg:pe-0 flex border-0"> <a href="https://webook.com/en/events/jcsa-homepage" class="primary-button flex px-20 py-10 transition-border ease-ease duration-500" target="_self">Book</a> </div> <button type="button" title="Menu" class="header-item menu-mobile-button z-10 ps-20 pe-0 flex lg:hidden"> <div class="icon hamburger"></div> </button> </div> </div> </div> <div class="menu-mobile-l1 fixed inset-0 flex flex-col items-center gap-20 shrink-0 text-white-heading font-inter text-body transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full p-0 md:px-tablet flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> </div> <div class="z-10 flex items-start self-stretch"> <div class="header-item search flex cursor-pointer border-x"> <div class="icon bg-white mask-search"></div> </div> <div class="header-item language-selector flex cursor-pointer border-x"> <div class="icon bg-white mask-globe"></div> <div class="text uppercase">en</div> </div> <div class="header-item login-button flex cursor-pointer border-x"> <div class="icon bg-white mask-user"></div> <div class="text"> <a href="https://prod-frontend.jcsa.sa/" class="primary-button bg-transparent border-0 pointer-events-none" target="_blank">Log in</a> </div> </div> <div class="p-30 md:p-20"></div> </div> </div> <ul class="px-20 flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="menu-item-mobile"> <button type="button" title="Events" class="py-10 flex items-center gap-5"> <div>Events</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/events/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Events</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/events/" target="_self" class="flex items-center gap-5"> <div>Events Home</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/saudi-cup/" target="_self" class="flex items-center gap-5"> <div>Saudi Cup 2025</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/riyadh-events/" target="_self" class="flex items-center gap-5"> <div>Riyadh Racing Season 2024/25</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/taif-events/" target="_self" class="flex items-center gap-5"> <div>Taif Summer Racing Season</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="/en/venues/our-racecourses-riyadh/" target="_self" class="flex items-center gap-5"> <div>Plan Your Day at King Abdulaziz Racecourse, Riyadh</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-taif/" target="_self" class="flex items-center gap-5"> <div>Plan Your Day at King Khalid Racecourse, Taif</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/what-to-wear/" target="_self" class="flex items-center gap-5"> <div>What To Wear</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/visit-saudi/" target="_self" class="flex items-center gap-5"> <div>Visiting Saudi Arabia</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Racing" class="py-10 flex items-center gap-5"> <div>Racing</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/racing/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Racing</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/racing/" target="_self" class="flex items-center gap-5"> <div>Racing Home</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/horsemen/" target="_self" class="flex items-center gap-5"> <div>Horsemen</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://www.youtube.com/@JCSA_Racing/streams" target="_blank" class="flex items-center gap-5"> <div>Live Racing Stream</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/races/" target="_self" class="flex items-center gap-5"> <div>Race Calendar</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="https://prod-frontend.jcsa.sa/public-services" target="_blank" class="flex items-center gap-5"> <div>Registrations, Licenses and Downloadables</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/nominations-game/" target="_self" class="flex items-center gap-5"> <div>Nominations Game</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/owners-trainers-raceday-experience/" target="_self" class="flex items-center gap-5"> <div>Owners’ Raceday Experience</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/rules/" target="_self" class="flex items-center gap-5"> <div>Rules & Regulations</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/horse-auctions/" target="_self" class="flex items-center gap-5"> <div>Horse Auctions</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/stewards-reports/" target="_self" class="flex items-center gap-5"> <div>Stewards Reports</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/riyadh_racing_program_2024-2025_final_1909?fr=sODJhOTc3OTQxNTE" target="_blank" class="flex items-center gap-5"> <div>Riyadh Racing Season Programme</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/taif_winter_season_programme_en_14_oct_24?fr=xGAEgASgBPf8AAAA" target="_self" class="flex items-center gap-5"> <div>Taif Winter Racing Program</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Media" class="py-10 flex items-center gap-5"> <div>Media</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/news/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Media</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/news/media-services/" target="_self" class="flex items-center gap-5"> <div>Media Services & Tools</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/news/" target="_self" class="flex items-center gap-5"> <div>Latest News</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="https://jcsa.resourcespace.com/login.php?url=%2F%3Fc%3D631003%26k%3D5379140ea9&auto=&nocookies=true" target="_blank" class="flex items-center gap-5"> <div>Download Images and Video</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/2024_stats_book.docx?fr=sMGI5ODY4ODg3NzI" target="_blank" class="flex items-center gap-5"> <div>Saudi Cup Media Guide and Stats</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://www.youtube.com/@JCSA_Racing/streams" target="_blank" class="flex items-center gap-5"> <div>Live Racing Stream</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Corporate" class="py-10 flex items-center gap-5"> <div>Corporate</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/jcsa/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Corporate</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/jcsa/" target="_self" class="flex items-center gap-5"> <div>About JCSA</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/contact-us/" target="_self" class="flex items-center gap-5"> <div>Contact Us</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/careers/" target="_self" class="flex items-center gap-5"> <div>Careers</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="/en/jcsa/official-partnerships/" target="_self" class="flex items-center gap-5"> <div>Becoming an Official Partner</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/history/" target="_self" class="flex items-center gap-5"> <div>History</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/venue-hire/" target="_self" class="flex items-center gap-5"> <div>Venue Hire</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/race-sponsorships/" target="_self" class="flex items-center gap-5"> <div>Race Sponsorships</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://issuu.com/equestrian-jcsa/docs/jcsa_jcsa_brochure_2024_digital_file_single_pages_?fr=sYTBjNDc0MDY0ODA" target="_blank" class="flex items-center gap-5"> <div>2024/25 Corporate Sales Brochure</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/jcsa/moveable-items/" target="_self" class="flex items-center gap-5"> <div>Moveable Items</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Venues" class="py-10 flex items-center gap-5"> <div>Venues</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/venues/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Venues</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/venues/" target="_self" class="flex items-center gap-5"> <div>Venue Home</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-riyadh/" target="_self" class="flex items-center gap-5"> <div>King Abdulaziz Racecourse, Riyadh</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/our-racecourses-taif/" target="_self" class="flex items-center gap-5"> <div>King Khalid Racecourse, Taif</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/venue-hire/" target="_self" class="flex items-center gap-5"> <div>Venue Hire</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="/en/hospitality/" target="_self" class="flex items-center gap-5"> <div>Corporate Race Night Experiences</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/annual-private-suite/" target="_self" class="flex items-center gap-5"> <div>Annual Suites</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/membership/" target="_self" class="flex items-center gap-5"> <div>Annual Membership</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> <li class="menu-item-mobile"> <button type="button" title="Saudi Cup 2025" class="py-10 flex items-center gap-5"> <div>Saudi Cup 2025</div> <div class="icon"></div> </button> <div class="menu-mobile-l2 fixed inset-0 flex flex-col items-center gap-20 shrink-0 transition-all ease-ease duration-500 bg-primary menu-mobile-hidden"> <div class="h-64 w-full flex justify-between items-center border-b border-solid border-material-thin"> <div class="flex items-start self-stretch"> <button type="button" title="Back" class="header-item menu-mobile-back-button px-20 flex"> <div class="icon"></div> </button> </div> <div class="flex items-start self-stretch"> </div> </div> <div class="px-20 flex flex-col justify-center items-start self-stretch gap-20"> <a href="/en/saudi-cup/" target="_self" class="py-10 flex items-center gap-5 font-prata text-h4-mobile"> <div>Saudi Cup 2025</div> <div class="icon"></div> </a> <ul class="flex flex-col items-start self-stretch font-prata text-h1-mobile"> <li class="py-10"> <a href="/en/saudi-cup/" target="_self" class="flex items-center gap-5"> <div>Saudi Cup 2025 Homepage</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://www.jcsa.sa/en/events/riyadh-52/experiences" target="_self" class="flex items-center gap-5"> <div>Opening night, Friday 21 February 2025</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="https://www.jcsa.sa/en/events/riyadh-53/experiences" target="_self" class="flex items-center gap-5"> <div>Saudi Cup race night, Saturday 22 February 2025</div> <div class="icon"></div> </a> </li> </ul> <div class="h-1 self-stretch bg-material-ultra-thin backdrop-blur-25"></div> <ul class="flex flex-col items-start self-stretch font-prata text-h4-mobile"> <li class="py-10"> <a href="/en/saudi-cup/entertainment-saudi-cup/" target="_self" class="flex items-center gap-5"> <div>Entertainment</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/hospitality/food-drink-riyadh/" target="_self" class="flex items-center gap-5"> <div>Food & Drink</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/events/what-to-wear/" target="_self" class="flex items-center gap-5"> <div>What To Wear</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/venues/travel-parking-riyadh/" target="_self" class="flex items-center gap-5"> <div>Travel & Parking</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/racing/international-connections/" target="_self" class="flex items-center gap-5"> <div>International Connections</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/saudi-cup/where-to-watch-global/" target="_self" class="flex items-center gap-5"> <div>Watching from Overseas</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/news/media-services/" target="_self" class="flex items-center gap-5"> <div>Media Accreditation</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/saudi-cup/saudi-cup-story-so-far/" target="_self" class="flex items-center gap-5"> <div>The Story So Far of The Saudi Cup</div> <div class="icon"></div> </a> </li> <li class="py-10"> <a href="/en/news/?tag=saudi-cup-news" target="_self" class="flex items-center gap-5"> <div>Latest Saudi Cup News</div> <div class="icon"></div> </a> </li> </ul> </div> </div> </li> </ul> </div> </nav> <div class="menu-backdrop inset-0 -z-30 transition-opacity ease-ease duration-500 bg-menu-backdrop backdrop-blur-md opacity-0"></div> </header> <div class="mx-auto pt-64 lg:pt-80"> <div class="content-area"><section class="image-gallery carousel page-width-padding py-25 lg:py-40 relative flex flex-col items-start gap-20" data-interval="3000"> <div class="w-full flex justify-between items-end"> <h2 class="text-black-heading font-prata text-h2">King Khalid Racecourse, Taif</h2> </div> <p class="lg:w-840 text-black-body font-inter text-body"></p> <div class="h-324 mt-260"> <ul class="infinite items -mt-260 flex content-center items-center overflow-y-hidden overflow-x-scroll"><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/taif-entertainment/87_web.jpg" alt="87_web.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/taif-racecourse/taif-racing_web.png" alt="Taif racing_web.png" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li><li class="h-520 w-full md:max-w-684 lg:max-w-992 relative flex flex-col items-start gap-8 shrink-0 image-gallery-md:rounded-20" data-index="0"> <img src="/globalassets/jcsa/images/taif-entertainment/78a8307d-b108-4080-bb8c-754c7f9f7769_web.jpg" alt="78a8307d-b108-4080-bb8c-754c7f9f7769_web.jpg" class="h-full w-full object-cover image-gallery-md:rounded-20"> </li></ul> <div class="w-full mt-20 z-10 sticky lg:static bottom-25 flex flex-col content-center items-center"> <div class="flex items-start gap-10"> <div class="controls flex items-start bg-material-regular rounded-10"> <div class="p-12 flex items-start" data-index="0"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="1"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> <div class="p-12 flex items-start" data-index="2"> <div class="inactive h-20 w-20 bg-black-52 rounded-100"></div> <div class="active h-20 w-72 bg-material-ultra-thin rounded-100"> <div class="h-full bg-primary rounded-100"></div> </div> </div> </div> <button type="button" title="Start/stop" class="start-stop-button p-12 flex items-center bg-primary rounded-100"> <div class="icon h-20 w-20"></div> </button> </div> </div> </div> <button type="button" title="Scroll left" class="scroll-button left left-25"> <div class="icon bg-white mask-chevron-24x24-left"></div> </button> <button type="button" title="Scroll right" class="scroll-button right right-25"> <div class="icon bg-white mask-chevron-24x24-right"></div> </button> </section><section class="page-width-padding py-25 lg:py-40 flex flex-col gap-20"> <div class="flex items-center justify-between self-stretch gap-20 lg:gap-40 shrink-0 flex-col"> <div class="md:content-block-column min-w-350 max-w-840 pb-40 flex flex-col items-center gap-20 w-full lg:w-auto border-b-2 border-solid border-material-separators"> <div class="flex flex-col items-center gap-8 lg:gap-10"> <h1 class="text-black-heading font-prata text-h1">Light It Up In Taif</h1> </div> <div class="text-black-body font-prata text-quote">Taif’s picturesque King Khalid Racecourse has hosted live racing since 1965 and is the home of summer racing in the Middle East. With a 39 summer race night series over 13 weekends from July to September, guests can enjoy the thrill of thoroughbred and Pure Arabian night racing under lights, Taif’s best street food vans, outstanding restaurants, plus on special nights there is live music and free family entertainment. Racing is on Thursday, Friday and Saturdays from around 3pm to 8.30pm. General Admission is free upon registration. Entry via the main entrance. Private Suites and corporate packages available. The 2025 Taif Summer racing fixtures will be announced later in the year.</div> </div> </div> </section><section class="three-up page-width-padding py-25 lg:py-40"> <h1 class="mb-20 text-black-heading font-prata text-h1">Highlights</h1> <p class="mb-20 lg:w-850 text-black-body font-inter text-body"></p> <div class="flex flex-col gap-40"> <div class="three-up-items-row grid lg:grid-cols-3 gap-40"><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/taif-racecourse/taif-ent-social.png" alt="taif ent social.png" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"></div> <div class="absolute bottom-0 p-40 lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"> <h2 class="font-prata text-h2 text-white-body">Race Night Entertainment</h2> <p class="mt-10 font-inter text-body text-white-body"></p> <div class="mt-10 content-button h-fit w-fit lg:opacity-0 lg:transition-opacity lg:duration-300 lg:ease-linear group-hover:lg:opacity-100"> <a href="/en/venues/entertainment-taif/" class="primary-button text-white-body font-inter bg-transparent px-20 py-15 w-fit border rounded-10 block border-material-thick" target="_self">Find Out More</a> </div> </div> </div><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/taif-racecourse/11_web.jpg" alt="11_web.jpg" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"></div> <div class="absolute bottom-0 p-40 lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"> <h2 class="font-prata text-h2 text-white-body">Food & Drink</h2> <p class="mt-10 font-inter text-body text-white-body"></p> <div class="mt-10 content-button h-fit w-fit lg:opacity-0 lg:transition-opacity lg:duration-300 lg:ease-linear group-hover:lg:opacity-100"> <a href="/en/hospitality/food-drink-taif/" class="primary-button text-white-body font-inter bg-transparent px-20 py-15 w-fit border rounded-10 block border-material-thick" target="_self">Find Out More</a> </div> </div> </div><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/taif-racecourse/taif-racing-social-2_web.png" alt="taif racing social 2_web.png" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"></div> <div class="absolute bottom-0 p-40 lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"> <h2 class="font-prata text-h2 text-white-body">Where to Watch the Horses</h2> <p class="mt-10 font-inter text-body text-white-body"></p> <div class="mt-10 content-button h-fit w-fit lg:opacity-0 lg:transition-opacity lg:duration-300 lg:ease-linear group-hover:lg:opacity-100"> <a href="/en/venues/where-to-watch-the-horses-taif/" class="primary-button text-white-body font-inter bg-transparent px-20 py-15 w-fit border rounded-10 block border-material-thick" target="_self">Find Out More</a> </div> </div> </div></div> </div> </section><section class="three-up page-width-padding py-25 lg:py-40"> <h1 class="mb-20 text-black-heading font-prata text-h1">Other Information</h1> <p class="mb-20 lg:w-850 text-black-body font-inter text-body"></p> <div class="flex flex-col gap-40"> <div class="three-up-items-row grid lg:grid-cols-2 gap-40"><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/taif-racecourse/rs13768_1-venue-racecourse_web.jpg" alt="RS13768_1 venue racecourse_web.jpg" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"></div> <div class="absolute bottom-0 p-40 lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"> <h2 class="font-prata text-h2 text-white-body">Venue Map</h2> <p class="mt-10 font-inter text-body text-white-body"></p> <div class="mt-10 content-button h-fit w-fit lg:opacity-0 lg:transition-opacity lg:duration-300 lg:ease-linear group-hover:lg:opacity-100"> <a href="/en/venues/map-taif/" class="primary-button text-white-body font-inter bg-transparent px-20 py-15 w-fit border rounded-10 block border-material-thick" target="_self">Find Out More</a> </div> </div> </div><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/taif-racecourse/39-taif-hospitality_web.jpg" alt="39 taif hospitality_web.jpg" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"></div> <div class="absolute bottom-0 p-40 lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"> <h2 class="font-prata text-h2 text-white-body">Venue Hire</h2> <p class="mt-10 font-inter text-body text-white-body"></p> <div class="mt-10 content-button h-fit w-fit lg:opacity-0 lg:transition-opacity lg:duration-300 lg:ease-linear group-hover:lg:opacity-100"> <a href="/en/venues/venue-hire/" class="primary-button text-white-body font-inter bg-transparent px-20 py-15 w-fit border rounded-10 block border-material-thick" target="_self">Find Out More</a> </div> </div> </div></div> </div> </section><section class="three-up page-width-padding py-25 lg:py-40"> <h1 class="mb-20 text-black-heading font-prata text-h1">Getting Around</h1> <p class="mb-20 lg:w-850 text-black-body font-inter text-body"></p> <div class="flex flex-col gap-40"> <div class="three-up-items-row grid lg:grid-cols-2 gap-40"><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/taif-racecourse/taif-social-ent-3_web.png" alt="taif social ent 3_web.png" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"></div> <div class="absolute bottom-0 p-40 lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"> <h2 class="font-prata text-h2 text-white-body">Travel & Parking</h2> <p class="mt-10 font-inter text-body text-white-body"></p> <div class="mt-10 content-button h-fit w-fit lg:opacity-0 lg:transition-opacity lg:duration-300 lg:ease-linear group-hover:lg:opacity-100"> <a href="/en/venues/travel-parking-taif/" class="primary-button text-white-body font-inter bg-transparent px-20 py-15 w-fit border rounded-10 block border-material-thick" target="_self">Find Out More</a> </div> </div> </div><div class="three-up-item group relative h-360 flex lg:overflow-hidden"> <img src="/globalassets/jcsa/images/taif-racecourse/alshafa-moun_crop-1160x650-taif_web.png" alt="alshafa-moun_crop-1160x650 taif_web.png" class="h-full w-full object-cover"> <div class="absolute inset-0 h-full w-full bg-black/40 md:bg-transparent bg-three-up-dimmer lg:bg-three-up-dimmer-hover lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"></div> <div class="absolute bottom-0 p-40 lg:translate-y-62 lg:transition-transform lg:duration-300 group-hover:lg:translate-y-0"> <h2 class="font-prata text-h2 text-white-body">Visiting Taif</h2> <p class="mt-10 font-inter text-body text-white-body"></p> <div class="mt-10 content-button h-fit w-fit lg:opacity-0 lg:transition-opacity lg:duration-300 lg:ease-linear group-hover:lg:opacity-100"> <a href="https://www.visitsaudi.com/en/see-do/destinations/taif" class="primary-button text-white-body font-inter bg-transparent px-20 py-15 w-fit border rounded-10 block border-material-thick" target="_blank">Find Out More</a> </div> </div> </div></div> </div> </section> <section class="news-carousel three-up-carousel carousel page-width-padding py-40 relative flex flex-col items-start gap-20 shrink-0"> <div class="flex items-end self-stretch gap-20"> <h1 class="text-black-heading font-prata text-h1 grow shrink-0 basis-0">Latest News</h1> <a href="/en/news/" class="primary-button px-20 py-15 flex items-center" target="_self">Read More</a> </div> <ul class="infinite grid-flow-col auto-cols-max self-stretch overflow-x-scroll grid"> <li class="news-item w-350 md:w-420 flex items-start border-b border-solid border-material-separators"> <a href="/en/news/20240919_taif_wk12_preview_kfc" class="h-full w-full flex flex-col items-start"> <img src="/globalassets/jcsa/images/news/20240919_taif_wk12_preview.jpg" alt="20240919_TAIF_Wk12_Preview.jpg" class="h-240 w-350 md:w-420 flex grow-0 shrink-0 basis-auto object-cover"> <div class="h-full p-20 flex flex-col items-start self-stretch justify-between gap-10"> <h3 class="text-black-heading font-prata text-h3">Taif prepares to host first Group 3 race on Saudi National Day Weekend</h3> <div class="flex flex-col items-start self-stretch gap-10"> <div class="text-black-body font-inter text-h6 font-bold">19 Sep 2024</div> <div class="flex text-tag font-inter text-small-body"> <div class="tag">Taif News</div> </div> </div> </div> </a> </li> <li class="news-item w-350 md:w-420 flex items-start border-b border-solid border-material-separators"> <a href="/en/news/20240704_taif_jimmy_jerkins" class="h-full w-full flex flex-col items-start"> <img src="/globalassets/jcsa/images/04072024_jimmyjerkins.jpg" alt="04072024_JimmyJerkins.jpg" class="h-240 w-350 md:w-420 flex grow-0 shrink-0 basis-auto object-cover"> <div class="h-full p-20 flex flex-col items-start self-stretch justify-between gap-10"> <h3 class="text-black-heading font-prata text-h3">Jimmy Jerkens optimistic ahead of his second Taif season</h3> <div class="flex flex-col items-start self-stretch gap-10"> <div class="text-black-body font-inter text-h6 font-bold">04 Jul 2024</div> <div class="flex text-tag font-inter text-small-body"> <div class="tag">Taif News</div> </div> </div> </div> </a> </li> <li class="news-item w-350 md:w-420 flex items-start border-b border-solid border-material-separators"> <a href="/en/news/20240704_taif_season_starts" class="h-full w-full flex flex-col items-start"> <img src="/contentassets/bd624ffef03e42e2a9052300da25e02e/01072024_commissionerking_taifcup2023.jpg" alt="01072024_CommissionerKing_TaifCup2023.jpg" class="h-240 w-350 md:w-420 flex grow-0 shrink-0 basis-auto object-cover"> <div class="h-full p-20 flex flex-col items-start self-stretch justify-between gap-10"> <h3 class="text-black-heading font-prata text-h3">Saudi Racing Returns With New 2024 Taif Season</h3> <div class="flex flex-col items-start self-stretch gap-10"> <div class="text-black-body font-inter text-h6 font-bold">04 Jul 2024</div> <div class="flex text-tag font-inter text-small-body"> <div class="tag">Taif News</div> </div> </div> </div> </a> </li> <li class="news-item w-350 md:w-420 flex items-start border-b border-solid border-material-separators"> <a href="/en/news/20240516_taif_taif-season-announcement" class="h-full w-full flex flex-col items-start"> <img src="/globalassets/jcsa/images/taif-racing-night/2.jpg" alt="2.jpg" class="h-240 w-350 md:w-420 flex grow-0 shrink-0 basis-auto object-cover"> <div class="h-full p-20 flex flex-col items-start self-stretch justify-between gap-10"> <h3 class="text-black-heading font-prata text-h3">New and Improved Programme Announced for Saudi’s Summer Racing Season</h3> <div class="flex flex-col items-start self-stretch gap-10"> <div class="text-black-body font-inter text-h6 font-bold">09 May 2024</div> <div class="flex text-tag font-inter text-small-body"> <div class="tag">Taif News</div> </div> </div> </div> </a> </li> </ul> <button type="button" title="Scroll left" class="scroll-button left left-25"> <div class="icon bg-white mask-chevron-24x24-left"></div> </button> <button type="button" title="Scroll right" class="scroll-button right right-25"> <div class="icon bg-white mask-chevron-24x24-right"></div> </button> </section> </div> </div> <footer class="bg-primary"> <div class="page-width-padding flex flex-col justify-start items-center text-white-heading font-inter text-base"> <div class="flex flex-col py-20 items-start w-full gap-20"> <script src="https://r1.marketing-pages.com/resources/sharing/embed.js?sharing=lp-embed&domain=r1.marketing-pages.com&id=7OW9-25M%2Fsign-up-to-get-the-latest-news"&description="></script> </div> <div class="w-full flex flex-wrap items-start py-20"> <div class="w-full">Our Partners</div> <div class="w-full flex flex-wrap items-start gap-40 mt-15"> <a href="https://boutiquegroup.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/boutiquev5.png" alt="Boutiquev5.png" class="h-64"> </a><a href="https://dgda.gov.sa/home.aspx" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/dgda-white-circle2.png" alt="DGDA white circle2.png" class="h-64"> </a><a href="https://www.howdengroup.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/howden_logo_crop.png" alt="howden_logo_crop.png" class="h-64"> </a><a href="https://www.investsaudi.sa/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/invest-saudi_brandmark-artwork_bilingual_white.png" alt="Invest Saudi_Brandmark Artwork_Bilingual_White.png" class="h-64"> </a><a href="https://www.longines.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/footer/longines_new5.png" alt="Longines_new5.png" class="h-64"> </a><a href="https://lucidmotors.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/lucid_logo-small_final2.png" alt="Lucid_logo small_final2.png" class="h-64"> </a><a href="https://almosef1st.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/almosef_trnsv2.png" alt="Almosef_trnsv2.png" class="h-64"> </a><a href="https://nhc.sa/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/nhc-500px.png" alt="NHC 500px.png" class="h-64"> </a><a href="https://www.saudia.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/airlines-horizontal---white.png" alt="Airlines horizontal - white.png" class="h-64"> </a><a href="https://www.alahli.com/" class="" target="_blank"> <img src="/globalassets/jcsa/images/partners/snb-logo.png" alt="SNB logo.png" class="h-64"> </a><a href="https://sportsboulevard.sa/en/" class="" target="_self"> <img src="/globalassets/jcsa/images/footer/sbv_white_crop.png" alt="SBV_white_crop.png" class="h-64"> </a> </div> </div> <div class="w-full pt-40 lg:pt-20 pb-40 flex flex-wrap gap-y-40 lg:justify-between"> <hr class="h-1 w-full" /> <div class="w-full hidden lg:flex lg:justify-between"> <a href="/en/jcsa/careers/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Careers</a><a href="/en/jcsa/contact-us/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Contact Us</a><a href="/en/jcsa/history/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">History</a><a href="/en/racing/horsemen/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Horsemen</a><a href="/en/news/media-services/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Media & Accreditation</a><a href="/en/jcsa/official-partnerships/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Partnerships</a><a href="/en/venues/venue-hire/" class="primary-button link font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Venue Hire</a> </div> <div class="w-full flex lg:hidden flex-wrap"> <a href="/en/jcsa/careers/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Careers</a><a href="/en/jcsa/contact-us/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Contact Us</a><a href="/en/jcsa/history/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">History</a><a href="/en/racing/horsemen/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Horsemen</a><a href="/en/news/media-services/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Media & Accreditation</a><a href="/en/jcsa/official-partnerships/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Partnerships</a><a href="/en/venues/venue-hire/" class="primary-button link py-10 w-1/2 font-inter text-h4-mobile md:text-h4 font-bold bg-transparent border-transparent" target="_self">Venue Hire</a> </div> <div> <img src="/globalassets/jcsa/images/footer/jcsa-logo-with-text-white.png" alt="jcsa-logo-with-text-white.png" class="h-100" /> </div> </div> </div> <div class="bg-footer-links"> <div class="page-width-padding py-40 flex flex-wrap justify-between lg:justify-center content-center align-center gap-40 text-white-heading font-inter font-h5 font-bold"> <a href="/en/jcsa/privacy-policy/" class="primary-button link bg-transparent border-transparent text-white-heading font-inter text-h6 font-bold" target="_self">Privacy Policy</a><a href="/en/jcsa/cookie-policy/" class="primary-button link bg-transparent border-transparent text-white-heading font-inter text-h6 font-bold" target="_self">Cookie Policy</a> <p class="bg-transparent text-white-heading font-inter text-h6 font-bold text-center">2024 © Jockey Club of Saudi Arabia. All rights reserved. The Jockey Club of Saudi Arabia (JCSA) was established in 1965 and is tasked with the organisation, development and promotion of Saudi Arabian horseracing at domestic and international level.</p> </div> </div> </footer><div class="modal language-selector-modal relative z-50 hidden" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-black/50 transition-opacity"></div> <div class="fixed inset-0 z-50 w-full overflow-y-auto"> <div class="backdrop-click flex min-h-full justify-center items-end md:items-center p-0"> <div class="p-40 w-full relative transform overflow-hidden rounded-t-20 md:rounded-b-20 bg-white text-start shadow-xl transition-all md:max-w-650"> <div class="absolute top-0 end-0 pt-20 pe-20"> <button type="button" title="Close" class="close-button"> <div class="icon h-20 w-20 bg-black mask-close"></div> </button> </div> <h2 class="pb-20 text-black font-prata text-h3"> Select your language </h2> <p class="pb-10 text-black font-inter text-h6 font-bold"> All Languages </p> <div class="flex items-center content-center self-stretch gap-10 flex-wrap flex-col md:flex-row font-inter text-body"> <button type="button" title="EN" class="language-selector-item min-w-280 w-full md:w-auto p-10 flex items-center gap-10 grow shrink-0 basis-0 rounded-10 hover:bg-primary-10" data-key="en"> <div class="icon h-40 w-40 bg-flag-en"></div> <div class="text-start grow shrink-0 basis-0">English (EN)</div> <div class="icon h-20 w-20 bg-check"></div> </button> <button type="button" title="AR" class="language-selector-item min-w-280 w-full md:w-auto p-10 flex items-center gap-10 grow shrink-0 basis-0 rounded-10 hover:bg-primary-10" data-key="ar"> <div class="icon h-40 w-40 bg-flag-ar"></div> <div class="text-start grow shrink-0 basis-0">العربية (AR)</div> </button> </div> </div> </div> </div> </div><div class="modal course-selector-modal relative z-50 hidden" aria-labelledby="modal-title" role="dialog" aria-modal="true"> <div class="fixed inset-0 bg-black/50 transition-opacity"></div> <div class="fixed inset-0 z-50 w-full overflow-y-auto"> <div class="backdrop-click flex min-h-full justify-center items-end md:items-center p-0"> <div class="px-40 py-48 w-full relative transform overflow-hidden rounded-t-20 md:rounded-b-20 bg-white text-start shadow-xl transition-all md:max-w-650"> <div class="absolute top-0 end-0 pt-20 pe-20"> <button type="button" title="Close" class="close-button"> <div class="icon h-20 w-20 bg-black mask-close"></div> </button> </div> <h2 class="pb-40 text-black font-prata text-h2 text-center"> Welcome to the Jockey Club of Saudi Arabia </h2> <div class="w-300 mx-auto flex items-center gap-10 self-stretch flex-col font-inter text-body"> <p class="pb-10 text-black font-prata text-h4 font-bold text-center"> Select a course </p> <div class="flex items-center gap-10 self-stretch flex-col"> <button type="button" title="Taif" class="course-selector-item active:selected" data-key="taif"> <div class="text-black font-roboto text-body font-bold uppercase">Taif</div> <div class="text-black-body font-roboto text-course-selector-modal-date-range">4 July - 28 September 2024</div> </button><button type="button" title="Riyadh" class="course-selector-item active:selected" data-key="riyadh"> <div class="text-black font-roboto text-body font-bold uppercase">Riyadh</div> <div class="text-black-body font-roboto text-course-selector-modal-date-range">17 October 2024 - 15 March 2025</div> </button> <button type="button" title="All courses" class="course-selector-item active:selected selected" data-key="all"> <div class="text-black font-roboto text-body font-bold uppercase">All Courses</div> </button> </div> </div> </div> </div> </div> </div><div class="modal search-modal relative z-50 hidden"> <div class="modal-bg fixed inset-0 bg-search-background backdrop-blur-25 transition-opacity"></div> <div class="fixed inset-0 z-50 w-full overflow-y-auto"> <div class="backdrop-click lg:px-desktop lg:py-40 flex min-h-full justify-center items-start"> <div class="absolute top-0 end-0 pt-55 pe-50 hidden lg:block"> <button type="button" title="Close" class="close-button h-44 w-44 p-10 flex justify-center items-center gap-10 rounded-100 bg-material-regular backdrop-blur-25"> <div class="icon h-20 w-20 bg-black mask-close"></div> </button> </div> <div class="relative overflow-hidden w-full lg:w-840 flex flex-col gap-20 lg:gap-64"> <div class="input-container flex"> <div class="ps-mobile md:ps-tablet pe-10 flex lg:hidden items-center bg-white border-e border-b border-material-separators"> <button type="button" title="Close" class="close-button h-44 w-44 p-10 flex justify-center items-center gap-10 rounded-100 bg-material-regular backdrop-blur-25"> <div class="icon h-20 w-20 bg-black mask-close"></div> </button> </div> <div class="search-input h-74 w-full ps-25 flex items-center gap-10 bg-white"> <input type="text" class="w-full focus:outline-none text-black-body font-inter text-body" title="search" placeholder="Start typing..." /> <div class="flex items-center"> <select class="w-110 p-15 bg-material-thick backdrop-blur-25 rounded-100 flex items-center gap-10 text-black-body font-inter text-body appearance-none bg-chevron-16x16-down bg-no-repeat ltr:bg-dropdown-arrow-ltr rtl:bg-dropdown-arrow-rtl" title="dropdown"> <option value="All">All</option> <option value="Horse">Horse</option> <option value="Jockey">Jockey</option> <option value="Trainer">Trainer</option> <option value="Owner">Owner</option> </select> <button type="button" title="Search" class="flex justify-center items-center gap-10 bg-primary"> <div class="icon h-24 w-24 bg-white mask-search"></div> </button> </div> </div> </div> <div class="search-listing px-mobile md:px-tablet lg:px-0 pb-24 flex flex-col gap-24" data-max-items="5"> <ul class="listing-items flex flex-col items-start gap-24"></ul> <div class="loading-content w-full hidden"><ul class="flex flex-col items-start gap-24"> <li class="profile-search-item flex flex-col items-start self-stretch gap-20 animate-pulse"> <div class="flex flex-col lg:flex-row items-start lg:items-center self-stretch gap-12"> <div class="h-72 w-72 p-16 flex justify-center items-center gap-10 rounded-100 bg-white border border-solid border-black-5"></div> <div class="flex flex-col items-start flex-1 gap-8"> <div class="h-22 w-120 bg-material-thin backdrop-blur-25 rounded-10"></div> <div class="flex gap-5"> <div class="h-22 w-50 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> </div> </div> </div> </li> <li class="h-1 flex self-stretch bg-material-separators"></li> <li class="profile-search-item flex flex-col items-start self-stretch gap-20 animate-pulse"> <div class="flex flex-col lg:flex-row items-start lg:items-center self-stretch gap-12"> <div class="h-72 w-72 p-16 flex justify-center items-center gap-10 rounded-100 bg-white border border-solid border-black-5"></div> <div class="flex flex-col items-start flex-1 gap-8"> <div class="h-22 w-120 bg-material-thin backdrop-blur-25 rounded-10"></div> <div class="flex gap-5"> <div class="h-22 w-50 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> </div> </div> </div> </li> <li class="h-1 flex self-stretch bg-material-separators"></li> <li class="profile-search-item flex flex-col items-start self-stretch gap-20 animate-pulse"> <div class="flex flex-col lg:flex-row items-start lg:items-center self-stretch gap-12"> <div class="h-72 w-72 p-16 flex justify-center items-center gap-10 rounded-100 bg-white border border-solid border-black-5"></div> <div class="flex flex-col items-start flex-1 gap-8"> <div class="h-22 w-120 bg-material-thin backdrop-blur-25 rounded-10"></div> <div class="flex gap-5"> <div class="h-22 w-50 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> <div>⋅</div> <div class="h-22 w-100 bg-material-thin backdrop-blur-25 rounded-10"></div> </div> </div> </div> </li> <li class="h-1 flex self-stretch bg-material-separators"></li> </ul></div> <div class="error-content hidden"><section class="header-block"> <div class="page-width-padding text-black-heading font-prata text-h2 font-normal">Error</div> </section></div> <a href="/en/search" title="Show more" class="primary-button show-more-button mx-auto px-20 py-15 items-center hidden" data-search-url="/en/search">Show More</a> </div> </div> </div> </div> </div> <script src="/js/scripts.min.js" type="module"></script> </body> </html>