<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
<title></title>
<meta charset="utf-8" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-language" content="ar" />

<meta name="title" content="" />
<meta name="keywords" />
<meta name="description" content="" />

<meta name="HandheldFriendly" content="True" />
<meta name="MobileOptimized" content="1100" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />


<link rel="image_src" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@" />
<meta name="twitter:title" content="e" />
<meta name="twitter:description" content="" />
<meta property="twitter:image" />
<meta property="og:locale" content="en" />
<meta property="og:site_name" content="RiyadhZoo" />
<meta property="og:url" />

<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:image" />
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<script type="application/ld+json">
    {
    "@context": "https://schema.org",
    "@type": "Organization",
    "url": " ",
    "logo": ""
    }
</script>

<link rel="canonical">


    <link rel="icon" type="image/x-icon" href="../images/favicon.png">
    <link rel="stylesheet" type="text/css" href="../css/grid-reset.css">
    <link rel="stylesheet" type="text/css" href="../css/plugins.css">

            <script src="../Json/en.js" id="lang-file" type="application/javascript"></script>
            <link rel="stylesheet" type="text/css" href="../css/RiyadhZoo-en.css" />
            <link rel="stylesheet" type="text/css" href="../css/RiyadhZoo-en-responsive.css" />


    <link rel="stylesheet" type="text/css" href="../css/responsive.css" />
    <link rel="stylesheet" type="text/css" href="../AdminAssets/Styles/Toolkit.css" />

    <script src="../AdminAssets/cms/lib/jquery/jquery.min.js"></script>
    <script src="../lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="../AdminAssets/cms/lib/jquery/jquery-ui.js"></script>
    <script src="../AdminAssets/cms/lib/aes.js"></script>
    <script src="../AdminAssets/cms/js/imageloaded.js"></script>
    <script src="../AdminAssets/Scripts/Toolkit.baf9ec9c0f.js"></script>
    <script type="text/javascript" src="../AdminAssets/Scripts/plugins.fe6fac18f5.js"></script>
    <script src="../js/site.95be1c876a.js"></script>
    <script src="../Scripts/plugins.js"></script>
    <script src="../Scripts/functions.js"></script>
    <script type="text/javascript" src='https://www.google.com/recaptcha/api.js'></script>

    <!-- Google tag (gtag.js) -->
    
    
<script>var _SiteOneUrlDepth = 1;</script></head>
<body class="homepage">
    <input name="__RequestVerificationToken" type="hidden" value="CfDJ8JwaGXhkHBZCnhW-dmVB0uIJT6HcfBMVful76dvoMr-4pa1-t03NAc4HiXRH0wW02EmKlDZjf8hlHux6j_TNaPmOYSc-exjVp5b75sFaaJYK5cfZ4z7K3lVYOYtTHFHiSyw5dkYt3hDKMKpfc8FkgSA" />

        <input type="hidden" id="hfCMSPageId" value="0"/>
    <input type="hidden" id="hfCMSLangID" value="1" />

    
<header>
    <div class="container">
        <div class="row">
            <div class="col-2">
                <h1 class="logo">
                    Riyadh Zoo
                    <a href="../english/riyadh-zoo.html">
                        <img src="../images/logo.svg" />
                    </a>
                </h1>
            </div>
            <div class="col-10">
                <div class="menusMain">
                    <div class="mainMenu">
                        <ul>

                        </ul>
                    </div>
                </div>
                <div class="openingHours">Open Today<br>
                    
                </div>
                <div class="searchHolder">
                    <a href="../cssjavascript_;.html" class="search-btn">&nbsp;</a>
                    


<div id="pnlAutoSuggestSearch_0" class="innerSearch" onkeypress="javascript: return MVC_FireDefaultButton(event, 'AutoSuggestSearch_ancSearch_0')">
    <div class="headerSearch">
        <div class="searchInputWrap">
            <input id="txtAdvancedSearch_0" placeholder="Search" resultslimit="5" lang="1" startfromnodeid="-1"
                   keywordminlength="3" delayinmilliseconds="1000" autocomplete="off" type="text">
                <span class="clearForm">ClearBtnText</span>
            <a onclick="return TriggerSearchProcess('/english/search-page','0');" id="AutoSuggestSearch_ancSearch_0" class="" href="#">Search</a>
        </div>
        <div class=""></div>
        <div class="validatorHolder">
            <span id="spanSearchError_0" class="errorRecord" style="display:none">Minimum 3 characters required</span>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function () { 
        InitializeAutoSuggestSearch("0");
    });
</script>
<script src="../AdminAssets/Scripts/jquery-ui-autocomplete.min.js"></script>


                </div>

                <div class="lang">
                    <a id="languageAnchor"> &#x627;&#x644;&#x639;&#x631;&#x628;&#x64A;&#x629;</a>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(function(){
            $("#txtAdvancedSearch_0").keypress(function (event) {
                if (event.which === 13) {
                    // Trigger a click event on the search button or form element
                    // Replace '#searchButton' with the actual selector for your search button or form
                    $('#AutoSuggestSearch_ancSearch_0').click();
                }
            });
        });
    </script>
</header>


    <div b-srwr4nb6t3 id="smooth-wrapper">
        <div b-srwr4nb6t3 id="smooth-content">

            
            <section class="bg-video-wrap">
                

<video loop muted autoplay>
</video>
<div class="home-content container">
    <h2>
        
    </h2>
    <div class="boxHolder">

    </div>
</div>

            </section>
            <section class="container">
                

<div class="orangeBg">
    <h2 class="title">
        
    </h2>
    <div class="tabsMain">
        <div class="tabsLinks">
           
            <div class="clearBoth"></div>
        </div>
        <div class="tabsHolder">
            
            
        </div>
    </div>
</div>
                

<div class="animalSlider">
    <h2 class="title"></h2>
    <div class="swiper mySwiper">
        <div class="swiper-wrapper">

        </div>
        <div class="swiper-pagination"></div>
    </div>
    <div class="formAction">
        <a href="#biodiversity" class="primaryBtn">View All</a>
    </div>
</div>
            </section>
            <section class="greenBg">
                

<div class="container">
    <div class="listingHolder row">
        <div class="listingItem col-md-12">
            <div class="listingImage">
                <a href="../cssjavascript_;.html" target="_blank">
                    <img />
                </a>
            </div>
            <div class="listingInfos" data-aos="fade-up">
                <h2></h2>
                <div class="description">
                    
                </div>
                <div class="numbersList">

                </div>
                <div class="formAction">
                    <a class="primaryBtn">About the zoo</a>
                </div>
            </div>
        </div>
    </div>
</div>
            </section>
            <section class="latestUpdates">
                
<div class="container">
    <h2 class="title">
        
    </h2>
    <div class="newsSlider">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
            
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <div class="formAction">
            <a class="primaryBtn"></a>
        </div>
    </div>
   
</div>

            </section>


            
<footer class="container">
    <div class="row footerTop">
        <div class="col-md-3 ">
            <div class="copyrights">
                <img src="../images/logo.svg">
            </div>
        </div>
        <div class="col-md-3">
            <div class="simpleList">
            </div>
        </div>
        <div class="col-md-3 ">

        </div>
        <div class="col-md-3 ">
            <div class="socialMedia">
                <a href="https://api.whatsapp.com/send?phone=966539470008" target="_blank" class="whatsapp">Talk to us</a>
                <ul>


                </ul>
            </div>
        </div>


    </div>
</footer>


        </div>
    </div>











    <script src="../Functions/language.js"></script>

    
</body>
</html>