
<!doctype html>
<html lang="ar" dir="rtl" >

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  
  <!-- Favicon -->
  
  <link rel="shortcut icon" href="./assets/images/logo/favicon.ico" type="image/x-icon" /> 
  
  <!-- Libs CSS -->
  <link rel="stylesheet" href="./assets/css/libs.bundle.css" />
  
  <!-- Main CSS -->
  <link rel="stylesheet" href="./assets/css/index.bundle.css" />
  
  <!-- Title -->
  <title>امانة المدينة المنورة</title></head>
<body>
    <nav id="mainNav" class="navbar navbar-expand-lg bg-mdgreen navbar-sticky navbar-mdgreen">
      <div class="container">
        <a href="./index.html" class="navbar-brand"><img src="./assets/images/logo/logo-white.png" alt="Logo"></a>
    
        <!-- secondary -->
        <ul class="navbar-nav navbar-nav-secondary order-lg-3">
          <li class="nav-item d-lg-none">
            <a class="nav-link nav-icon" href="" role="button" data-bs-toggle="collapse" data-bs-target="#navbar"
              aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
              <span class="bi bi-list"></span>
            </a>
          </li>
         
          <li class="nav-item">
            <a class="nav-link nav-icon" href="" role="button" data-bs-toggle="collapse" data-bs-target="#userNav"
              aria-expanded="false">
              <i class="bi bi-person"></i>
            </a>
          </li>
    
          <li class="nav-item">
            <a class="nav-link nav-icon" href="" role="button" data-bs-toggle="collapse" data-bs-target="#userNav"
              aria-expanded="false" style="width: fit-content;">
             مرحبا ياسر
            </a>
          </li>
       
       
        </ul>
    
        <!-- primary -->
        <div class="collapse navbar-collapse" id="navbar" data-bs-parent="#mainNav" >
          <ul class="navbar-nav">
            <li class="nav-item dropdown dropdown-hover">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-1" role="button" data-bs-toggle="dropdown"
                aria-expanded="false">
                الانظمة الالكترونية
              </a>
    
              <ul class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDropdown-1">
                <li><a class="dropdown-item "
                    href="#">استعلام عن المكاتب الهندسية</a></li>
                <li><a class="dropdown-item " href="#">سياسسات ومعاير الامن السيرانس</a>
                </li>
                <li><a class="dropdown-item "
                    href="#"> اللوائح وزارة الموارد البشرية</a></li>
               
           
                <li><a class="dropdown-item "
                    href="#">الرقابة الصحية</a></li>
                <li><a class="dropdown-item "
                    href="#">البلاغات البيئية</a></li>
                <li><a class="dropdown-item "
                    href="#">رخص الحفريات</a></li>
              </ul>
            </li>
            <li class="nav-item dropdown dropdown-hover">
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-1" role="button" data-bs-toggle="dropdown"
                aria-expanded="false">
                خدمات الموظفين
              </a>
    
              <ul class="dropdown-menu dropdown-menu-md" aria-labelledby="navbarDropdown-1">
                <li><a class="dropdown-item "
                    href="#">مؤشرات الاداء</a></li>
                <li><a class="dropdown-item " href="#">سياسسات ومعاير الامن السيرانس</a>
                </li>
                <li><a class="dropdown-item "
                    href="#">طلب زيارة</a></li>
                <li><a class="dropdown-item "
                    href="#">التوظيف</a></li>
                <li><a class="dropdown-item "
                    href="#">تحديث الجوال</a>
                </li>
                <li><a class="dropdown-item "
                    href="#">الفرص التطوعية</a></li>
                <li><a class="dropdown-item "
                    href="#">نظام تطوير الاداء</a></li>
                <li><a class="dropdown-item "
                    href="#">نظام سير الاجراء</a>
                </li>
     
              </ul>
            </li>
            
            <li class="nav-item dropdown dropdown-hover" >
              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown-3" role="button" data-bs-toggle="dropdown"
                aria-expanded="false" data-bs-auto-close="outside">
                 خدمات بلدي
              </a>
              <ul class="dropdown-menu" aria-labelledby="navbarDropdown-3">
                
                
                <li><a class="dropdown-item "
                    href="#">نظام الرخص الانشائية</a></li>
                <li><a class="dropdown-item "
                    href="#">منصة العمليات البلدية</a></li>
                <li><a class="dropdown-item "
                    href="#">نظام المكاتب الهندسية</a></li>
                <li><a class="dropdown-item "
                    href="#">نظام القرارات المساحية </a></li>
                <li><a class="dropdown-item " href="#">نظام القرارات المساحية</a></li>
                <li><a class="dropdown-item "
                    href="#">نظام رخص المحلات</a></li>
                <li><a class="dropdown-item "
                    href="#">الدعم الفني لنظام بلدي</a></li>
              </ul>
            </li>
         
            
          </ul>
        
        </div>
    
    
    
        <!-- mobile user menu -->
    
    
    
    
      </div>
    </nav>
    
    
        <div class="offcanvas-wrap">
            <section class="bg-mdgreen inverted overflow-hidden" style="height: 750px;" >
              <div class="container py-20 d-flex flex-column min-vh-100 foreground">
                <div class="row my-auto justify-content-center">    
                  <div class="col-lg-6 text-center" data-center-center="transform: translateY(0%);"
                    data-top-bottom="transform: translateY(10%);">  
                    <h2 class="text-shadow">الموقع الداخلي لامانة المدينة المنورة</h2>                  
                  </div>
                  <nav  class="navbar-center navbar-expand-lg " style="justify-content: center; margin: auto;">
                    <div class=""  >
                    <ul class="navbar-nav">
                      <li class="nav-item dropdown dropdown-hover">
                        <a class="nav-link nav-link-cn" href="#" id="navbarDropdown-1" role="button" data-bs-toggle="dropdown"
                          aria-expanded="false" data-bs-auto-close="outside">
                          <i class="bi bi-globe2 hd-incon"style="color:#C7781C"></i>
                          <span style="display: block;text-align: center;">الانظمة الالكترونية</span>
                        </a>
              
                        <ul class="dropdown-menu dropdown-menu-center   dropdown-menu-center-custom" aria-labelledby="navbarDropdown-1">
                          <li class="cn-nav-itme">
                            <a class="dropdown-item "
                              href="info.html">استعلام عن المكاتب الهندسية</a></li>
                          <li class="cn-nav-itme"><a class="dropdown-item " href="#">سياسسات ومعاير الامن السيرانس</a>
                          </li>
                          <li class="cn-nav-itme">
                            <a class="dropdown-item "
                              href="#">استعلام عن المكاتب الهندسية</a></li>
                          
                        </ul>
                      </li>
                      <li class="nav-item dropdown dropdown-hover">
                        <a class="nav-link nav-link-cn " href="#"  data-bs-toggle="dropdown"
                          aria-expanded="false"  data-bs-auto-close="outside">
                          <i class="bi bi-laptop hd-incon" style="color:#fff"></i>
                          <span style="display: block;text-align: center;">خدمات الموظفين</span>              
                        </a>
                        <ul class="dropdown-menu dropdown-menu-center   dropdown-menu-center-custom drop-cn"  aria-labelledby="navbarDropdown-1">
                          <li class="cn-nav-itme"><a class="dropdown-item "
                              href="#">مؤشرات الاداء</a></li>
                          <li class="cn-nav-itme"><a class="dropdown-item " href="#">سياسسات ومعاير الامن السيرانس</a>
                          </li>
                          <li class="cn-nav-itme"><a class="dropdown-item "
                              href="#">طلب زيارة</a></li>
                          <li class="cn-nav-itme"><a class="dropdown-item "
                              href="#">التوظيف</a></li>                        
                          </li>
                        </ul>
                      </li>                
                      <li class="nav-item dropdown dropdown-hover" >
                        <a class="nav-link nav-link-cn" href="#" id="navbarDropdown-3" role="button" data-bs-toggle="dropdown"
                          aria-expanded="false" data-bs-auto-close="outside">
                          <i class="bi bi-server hd-incon" style="color: #fff"></i>
                          <span style="display: block; text-align: center;">خدمات بلدي</span>    
                        </a>
                        <ul class="dropdown-menu dropdown-menu-center   dropdown-menu-center-custom " aria-labelledby="navbarDropdown-3">
                          <li class="cn-nav-itme"><a class="dropdown-item "
                              href="#">نظام الرخص الانشائية</a></li>
                          <li class="cn-nav-itme"><a class="dropdown-item "
                              href="#">منصة العمليات البلدية</a></li>
                              <li class="cn-nav-itme"><a class="dropdown-item "
                                href="#">نظام الرخص الانشائية</a></li>
                            <li class="cn-nav-itme"><a class="dropdown-item "
                                href="#">منصة العمليات البلدية</a></li>
                         
                        </ul>
                      </li>
  
                    </ul>
                    </div>
                  </nav>
                </div>
              </div>
           
              <figure class="background background-overlay " style="background-image: url('./assets/images/blocks/amanaimg1.jpeg')"
              data-top-top="transform: scale(1);" data-top-bottom="transform: scale(1.1);"></figure>
              <span class="scroll-down"></span>
            </section>
            
<!--  -->
<!--  -->

<!--  -->
<section class="section-height " style="background-image: url(./assets/images/svg/border-bg.svg); background-size:cover; margin-top: -7px;" >
  <div class="w3-content"  >

    <div id="myslideFrame " >

   
   
    <img class="mySlides" src="./assets/images/slider_2.png" >
    </div>
    <div id="myslideFrame">
    <img class="mySlides"  src="./assets/images/ads20.png" >
    </div>
    <div id="myslideFrame">
    <img class="mySlides"  src="./assets/images/ads30.png" >
    </div>
    <a class="w3-btn-floating w3-hover-dark-grey" style="position:absolute;top:45%;left:0" onclick="plusDivs(-1)" onmouseover="pauseCarousel();" onmouseout="startCarousel()"></a>
      
    <a class="w3-btn-floating w3-hover-dark-grey" style="position:absolute;top:45%;right:0" onclick="plusDivs(1)" onmouseover="pauseCarousel();" onmouseout="startCarousel()"></a>
    
    <div style="text-align: center; width:100%" class="w3-center w3-section w3-large w3-text-white w3-display-bottomcenter">
    
    <span onclick="currentDiv(1)" class="w3-badge demo w3-border w3-transparent w3-hover-gray" onmouseover="pauseCarousel();" onmouseout="startCarousel()"></span>
    
    <span onclick="currentDiv(2)" class="w3-badge demo w3-border w3-transparent w3-hover-gray" onmouseover="pauseCarousel();" onmouseout="startCarousel()"></span>
    
    <span onclick="currentDiv(3)" class="w3-badge demo w3-border w3-transparent w3-hover-gray" onmouseover="pauseCarousel();" onmouseout="startCarousel()"></span>
    </div>
  
    </div>
    <a class="carousel-control-prev" style="cursor: pointer;" data-slide="prev" onclick="plusDivs(+1)" >
      <span class="bi bi-arrow-left-circle" style="color: #0D7167;font-size: 36px;"></span>
    </a>
    <a class="carousel-control-next" style="cursor: pointer;" data-slide="next" onclick="plusDivs(-1)">
      <span class="bi bi-arrow-right-circle" style="color: #0D7167;font-size: 36px;"></span>
    </a>
    </div>
    
     
</section>

        

  <section id="demo" class="py-2 bg-light">
    <div class="container">
      <div class="row justify-content-center mb-10">
        <div class="col-lg-10 col-xl-8 text-center">
          <h2 class=""><span class="fw-bold">الخدمات الالكترونية</span> </h2>
          <button class="btn btn-filter rounded-pill current" data-filter="*" data-target="#grid1">جميع الخدمات</button>
          <button class="btn btn-filter rounded-pill" data-filter=".account" data-target="#grid1">الانظمة الالكترونية</button>
          <button class="btn btn-filter rounded-pill" data-filter=".page" data-target="#grid1">خدمات الأمانة </button>
          <button id="emp" class="btn btn-filter rounded-pill" data-filter=".shop" data-target="#grid1">خدمات الموظفين</button>
        </div>
      </div>

      <div class="row g-3 g-xl-5" id="grid1" data-aos="fade-up" data-isotope>

        

      <div class="col-6 col-lg-4 page" >
          <article class="card card-hover-image-rise">
            <a href=" ./" title="نظام الاتصالات الادارية"><img src="././assets/images/systems/momra-.png" class="card-img-top shadow-sm"
                alt="نظام الاتصالات الادارية"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">نظام الاتصالات الادارية</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 page">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="المخطط الاقليمي"><img src="././assets/images/systems/srvrrps.png" class="card-img-top shadow-sm"
                alt="المخطط الاقليمي"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">المخطط الاقليمي</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 page">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="نظام الادارة القانونية"><img src="././assets/images/systems/Account.png" class="card-img-top shadow-sm"
                alt="نظام الادارة القانونية"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">نظام الادارة القانونية</h4>
            </a>
          </article>        </div>


        <div class="col-6 col-lg-4 account">
        

          <article class="card card-hover-image-rise">
            <a href=" ./" title="نظام البلاغات البيئية"><img src="././assets/images/systems/Env.png" class="card-img-top shadow-sm"
                alt="نظام البلاغات البيئية"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">نظام البلاغات البيئية</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 account">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="نظام الارشفة"><img src="././assets/images/systems/archive.png" class="card-img-top shadow-sm"
                alt="نظام الارشفة"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">نظام الارشفة</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 account">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="نظام صيانة المباني"><img src="././assets/images/systems/mint.png" class="card-img-top shadow-sm"
                alt="نظام صيانة المباني"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">نظام صيانة المباني</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 account">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="الرقابة الصحية"><img src="././assets/images/systems/healthCheck.png" class="card-img-top shadow-sm"
                alt="الرقابة الصحية"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">الرقابة الصحية</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 account">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="دليل الهاتف والبريد الالكتروني"><img src="././assets/images/systems/phone.png" class="card-img-top shadow-sm"
                alt="دليل الهاتف والبريد الالكتروني"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">دليل الهاتف والبريد الالكتروني</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 account">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="نظام الدعم"><img src="././assets/images/systems/helpDesk.png" class="card-img-top shadow-sm"
                alt="نظام الدعم"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">نظام الدعم</h4>
            </a>
          </article>        </div>



        <div class="col-6 col-lg-4 shop">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="البريد الاكتروني"><img src="././assets/images/systems/Email.png" class="card-img-top shadow-sm"
                alt="البريد الاكتروني"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">البريد الاكتروني</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 shop">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="المخالفات والغرامات"><img src="././assets/images/systems/fine.png" class="card-img-top shadow-sm"
                alt="المخالفات والغرامات"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">المخالفات والغرامات</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 shop">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="نظام سير الاجراء"><img src="././assets/images/systems/empProcess.png" class="card-img-top shadow-sm"
                alt="نظام سير الاجراء"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">نظام سير الاجراء</h4>
            </a>
          </article>        </div>

        <div class="col-6 col-lg-4 shop">
          <article class="card card-hover-image-rise">
            <a href=" ./" title="نظام دعم اتخاذ القرار"><img src="././assets/images/systems/Dec.png" class="card-img-top shadow-sm"
                alt="نظام دعم اتخاذ القرار"></a>
            <a href="./" class="card-title text-center mt-1">
              <h4 class="fw-normal fs-6">نظام دعم اتخاذ القرار</h4>
            </a>
          </article>        </div>


      </div>

    </div>
  </section>


  <section class="py-15 py-xl-20 bg-light overflow-hidden" dir="ltr">
    <div class="container">
      <div class="row g-3 g-xl-5 align-items-end mb-5">
        <!-- <div class="col-md-6"> -->
          <h2 style="text-align: center;">العروض</h2>
        <!-- </div> -->
        <!-- <div class="col-md-6 text-md-end">
          <a href="" class="action underline">View All <i class="bi bi-arrow-right"></i></a>
        </div> -->
      </div>
      <div class="carousel carousel-visible carousel-with-nav">
        <div data-carousel='{"controls": true, "mouseDrag": true, "gutter": 24, "responsive": {"0": {"items": 1}, "768": {"items": 2}, "992": {"items": 3}, "1200": {"items": 4}}}'>
          <div dir="rtl">
            <a href="" class="card equal-1-1 bg-white card-hover-border">
              <div class="card-wrap">
                <span class="notify-badge">45%</span>

                <div class="card-header"style="height: 10%;">

                  <span class="eyebrow text-muted">Remote</span>
                  <img src="./assets/images/ad1.jpg" >
                </div>
                <div class="card-footer pt-0 mt-auto">
                  <h3 class="card-title">العروض</h3>
                  <span class="text-secondary">Booking, Inc</span>
                </div>
              </div>
            </a>
          </div>
          <div dir="rtl">
            <a href="" class="card equal-1-1 bg-white card-hover-border">
              <div class="card-wrap">
                <span class="notify-badge">45%</span>

                <div class="card-header"style="height: 10%;">

                  <span class="eyebrow text-muted">Remote</span>
                  <img src="./assets/images/ad2.jpeg">
                </div>
                <div class="card-footer pt-0 mt-auto">
                  <h3 class="card-title">العروض</h3>
                  <span class="text-secondary">Booking, Inc</span>
                </div>
              </div>
            </a>
          </div>
          <div dir="rtl">
            <a href="" class="card equal-1-1 bg-white card-hover-border">
              <div class="card-wrap">
                <span class="notify-badge">45%</span>

                <div class="card-header"style="height: 10%;">

                  <span class="eyebrow text-muted">Remote</span>
                  <img src="./assets/images/ad3.jpg"style="height:175px;">
                </div>
                <div class="card-footer pt-0 mt-auto">
                  <h3 class="card-title">العروض</h3>
                  <span class="text-secondary">Booking, Inc</span>
                </div>
              </div>
            </a>
          </div>
          <div dir="rtl">
            <a href="" class="card equal-1-1 bg-white card-hover-border">
              <div class="card-wrap">
                <span class="notify-badge">45%</span>

                <div class="card-header"style="height: 10%;">

                  <span class="eyebrow text-muted">Remote</span>
                  <img src="./assets/images/ad4.jpg"style="height:150px">
                </div>
                <div class="card-footer pt-0 mt-auto">
                  <h3 class="card-title">العروض</h3>
                  <span class="text-secondary">Booking, Inc</span>
                </div>
              </div>
            </a>
          </div>
          <div dir="rtl">
            <a href="" class="card equal-1-1 bg-white card-hover-border">
              <div class="card-wrap">
                <span class="notify-badge">45%</span>

                <div class="card-header"style="height: 10%;">

                  <span class="eyebrow text-muted">Remote</span>
                  <img src="./assets/images/ad5.jpg" style="    height: 147px; width: 200px;">
                </div>
                <div class="card-footer pt-0 mt-auto">
                  <h3 class="card-title">العروض</h3>
                  <span class="text-secondary">Booking, Inc</span>
                </div>
              </div>
            </a>
          </div>
        </div>
      </div>
    </div>
  </section>  

  
    <!-- footer -->
    <footer class="py-2  bg-mdgreen inverted">
      <div class="container">
    
        <div class="row justify-content-center">
          <div class="col-lg-10 text-center order-lg-2">
            <ul class="list-inline">
              <li class="list-inline-item"><a href="" class="text-reset h5"><span class="bi bi-facebook"></span></a></li>
              <li class="list-inline-item"><a href="" class="text-reset h5"><span class="bi bi-twitter"></span></a></li>
              <li class="list-inline-item ms-2"><a href="" class="text-reset  h5"><span class="bi bi-linkedin"></span></a></li>
              <li class="list-inline-item ms-2"><a href="" class="text-reset  h5"><span class="bi bi-instagram"></span></a></li>
              <li class="list-inline-item ms-2"><a href="" class="text-reset  h5"><span class="bi bi-youtube"></span></a></li>
    
              <!-- <li class="list-inline-item ms-2"><a href="" class="text-reset  h4"><svg xmlns="http://www.w3.org/2000/svg"  width="10" height="10" fill="#ffffff" class="bi bi-snapchat"   viewBox="0 0 500 500">
                <path  d="M417.93,340.71c-60.61-29.34-70.27-74.64-70.7-78-.52-4.07-1.11-7.27,3.38-11.41,4.33-4,23.54-15.89,28.87-19.61,8.81-6.16,12.69-12.31,9.83-19.87-2-5.23-6.87-7.2-12-7.2a22.3,22.3,0,0,0-4.81.54c-9.68,2.1-19.08,6.95-24.52,8.26a8.56,8.56,0,0,1-2,.27c-2.9,0-4-1.29-3.72-4.78.68-10.58,2.12-31.23.45-50.52-2.29-26.54-10.85-39.69-21-51.32C316.8,101.43,294,77.2,250,77.2S183.23,101.43,178.35,107c-10.18,11.63-18.73,24.78-21,51.32-1.67,19.29-.17,39.93.45,50.52.2,3.32-.82,4.78-3.72,4.78a8.64,8.64,0,0,1-2-.27c-5.43-1.31-14.83-6.16-24.51-8.26a22.3,22.3,0,0,0-4.81-.54c-5.15,0-10,2-12,7.2-2.86,7.56,1,13.71,9.84,19.87,5.33,3.72,24.54,15.6,28.87,19.61,4.48,4.14,3.9,7.34,3.38,11.41-.43,3.41-10.1,48.71-70.7,78-3.55,1.72-9.59,5.36,1.06,11.24,16.72,9.24,27.85,8.25,36.5,13.82,7.34,4.73,3,14.93,8.34,18.61,6.56,4.53,25.95-.32,51,7.95,21,6.92,33.76,26.47,71,26.47s50.37-19.64,71-26.47c25-8.27,44.43-3.42,51-7.95,5.33-3.68,1-13.88,8.34-18.61,8.65-5.57,19.77-4.58,36.5-13.82C427.52,346.07,421.48,342.43,417.93,340.71Z"/><path d="M444.3,337.26c-2.72-7.4-7.9-11.36-13.8-14.64-1.11-.65-2.13-1.17-3-1.57-1.76-.91-3.56-1.79-5.35-2.72-18.39-9.75-32.75-22.05-42.71-36.63a83.06,83.06,0,0,1-7.33-13c-.85-2.43-.81-3.81-.2-5.07a8.25,8.25,0,0,1,2.35-2.45c3.16-2.09,6.42-4.21,8.63-5.64,3.94-2.55,7.06-4.57,9.07-6,7.55-5.28,12.83-10.89,16.13-17.16A34.17,34.17,0,0,0,409.78,204c-5-13.16-17.43-21.33-32.49-21.33a44.75,44.75,0,0,0-9.45,1c-.83.18-1.66.37-2.47.58.14-9-.06-18.5-.86-27.85-2.84-32.87-14.35-50.1-26.35-63.84A105,105,0,0,0,311.37,71C293.16,60.6,272.51,55.32,250,55.32S206.94,60.6,188.71,71a104.62,104.62,0,0,0-26.84,21.6c-12,13.74-23.51,31-26.35,63.84-.8,9.35-1,18.9-.87,27.85-.81-.21-1.63-.4-2.46-.58a44.75,44.75,0,0,0-9.45-1c-15.07,0-27.52,8.17-32.5,21.33a34.21,34.21,0,0,0,1.65,28.41c3.31,6.27,8.59,11.88,16.14,17.16,2,1.4,5.13,3.42,9.07,6,2.13,1.38,5.24,3.4,8.29,5.42a8.9,8.9,0,0,1,2.66,2.67c.64,1.31.66,2.72-.29,5.32a82.29,82.29,0,0,1-7.21,12.73c-9.74,14.25-23.68,26.33-41.48,36-9.43,5-19.23,8.34-23.37,19.59-3.12,8.49-1.08,18.15,6.85,26.29h0a39.63,39.63,0,0,0,10,7.57,108.35,108.35,0,0,0,24.47,9.79,16.16,16.16,0,0,1,4.94,2.21c2.89,2.53,2.48,6.34,6.33,11.92a27.8,27.8,0,0,0,7.24,7.36c8.08,5.58,17.16,5.93,26.78,6.3,8.69.33,18.54.71,29.79,4.42,4.66,1.54,9.5,4.52,15.11,8,13.47,8.28,31.91,19.61,62.77,19.61s49.43-11.39,63-19.7c5.57-3.42,10.38-6.37,14.91-7.87,11.25-3.72,21.1-4.09,29.79-4.42,9.62-.37,18.7-.72,26.78-6.3a27.89,27.89,0,0,0,8.24-9c2.77-4.71,2.7-8,5.3-10.3a15.32,15.32,0,0,1,4.64-2.12,108.76,108.76,0,0,0,24.8-9.88A39,39,0,0,0,437.94,363l.1-.12C445.48,354.92,447.35,345.54,444.3,337.26ZM416.87,352c-16.73,9.24-27.85,8.25-36.5,13.82-7.35,4.73-3,14.93-8.34,18.61-6.56,4.53-25.95-.32-51,7.95-20.66,6.83-33.84,26.47-71,26.47S200,399.25,179,392.33c-25-8.27-44.43-3.42-51-7.95-5.33-3.68-1-13.88-8.34-18.61C111,360.2,99.88,361.19,83.16,352c-10.65-5.88-4.61-9.52-1.06-11.24,60.6-29.34,70.27-74.64,70.7-78,.52-4.07,1.1-7.27-3.38-11.41-4.33-4-23.54-15.89-28.87-19.61-8.82-6.16-12.7-12.31-9.84-19.87,2-5.23,6.88-7.2,12-7.2a22.3,22.3,0,0,1,4.81.54c9.68,2.1,19.08,6.95,24.51,8.26a8.64,8.64,0,0,0,2,.27c2.9,0,3.92-1.46,3.72-4.78-.62-10.59-2.12-31.23-.45-50.52,2.29-26.54,10.84-39.69,21-51.32,4.88-5.59,27.81-29.82,71.66-29.82S316.8,101.43,321.68,107c10.17,11.63,18.73,24.78,21,51.32,1.67,19.29.23,39.94-.45,50.52-.23,3.49.82,4.78,3.72,4.78a8.56,8.56,0,0,0,2-.27c5.44-1.31,14.84-6.16,24.52-8.26a22.3,22.3,0,0,1,4.81-.54c5.15,0,10,2,12,7.2,2.86,7.56-1,13.71-9.83,19.87-5.33,3.72-24.54,15.6-28.87,19.61-4.49,4.14-3.9,7.34-3.38,11.41.43,3.41,10.09,48.71,70.7,78C421.48,342.43,427.52,346.07,416.87,352Z"/></g>
              </svg>
              </svg></a></li> -->
              <!-- <li class="list-inline-item ms-2"><a href="" class="text-reset h4 "><svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
                <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"/>
              </svg></a></li> -->
            </ul>
          </div>
        </div>
        <div class="row ">
          <div class="col">
            <hr>
          </div>
        </div>
        
        <!-- <div class="row g-2 g-lg-6">
    
          <div class="col-lg-3 col-sm-6 text-lg-end">
            <p ><a href="">سياسة الخصوصية</a><p>
            <p><a href="">امن المعلومات</a></p>
            <p ><a href="">نظام بلاغات 930</a></p>
            <p ><a href="">خدمات إلكترونية</a></p>
          </div>
          <div class="col-lg-3 col-sm-6 text-lg-end">
            <p><a href="">التوظيف</a><p>
            <p><a href="">امن المعلومات</a></p>
            <p><a href="">البيانات المفتوحة</a></p>
            
          </div>
          <div class="col-lg-3 col-sm-6 text-lg-end">
            <p><a href="">بوابة المكاتب الهندسية</a></ph5>
            <p><a href="">حدمات الاعمال</a></p>
            <p><a href="">بلدي</a></p>
            <p><a href="">المنصة الوطنية الموحدة</a></p>
          </div>
          <div class="col-lg-3 col-sm-6 text-lg-end">
            <p><a href="">مؤشرات الاداء</a></p>
            <p><a href="">نظام تطوير الاداء</a></p>
            <p ><a href="">لفرص التطوعية</a><p>
              <p ><a href="">منصة العمليات البلدية</a></p>
              <p ><a href="">لوائح وزارة الموارد البشرية</a></p>
          </div>
          
        </div> -->
       
        <!-- <div class="row">
          <div class="col">
            <hr>
          </div>
        </div> -->
        <div class="row justify-content-center">
          
          <div class="col-lg-10 text-center order-lg-2">
            <p> ©2021  جميع الحقوق محفوظة امانة المدينة المنورة </p>
          </div>
        </div>
      </div>
    
     
    </footer>
    
      </div>
   
      <!-- javascript -->
    <script src="./assets/js/vendor.bundle.js"></script>
    <script src="./assets/js/index.bundle.js"></script>    
    <!--  -->
    
 <script>

var slideIndex = 0;
var t;
var dots;
var maxheight = 0;
var timedelay =7000;

window.addEventListener('load', function() {
  console.log("loading")

var x = document.getElementsByClassName("mySlides");
var parent_elem = document.getElementById('myslideFrame')
var widthRatio = parseInt(parent_elem.offsetWidth) / parseInt(x[0].width)

for (i = 0; i < x.length; i++) {
if (x[i].height > maxheight)
{
maxheight = x[i].height;
}
}

// document.getElementById('myslideFrame').style.height = maxheight * widthRatio + "px";
showDivs(slideIndex);
carousel();
});

 function plusDivs(n) {
showDivs(slideIndex += n);
}

function currentDiv(n) {
showDivs(slideIndex = n);
}

function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
dots = document.getElementsByClassName("demo");

if (n > x.length) {
slideIndex = 1;
}

if (n < 1) {
slideIndex = x.length;
}

for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}


for (i = 0; i < dots.length; i++) {

dots[i].className = dots[i].className.replace(" w3-border-green", "");

}

x[slideIndex - 1].style.display = "inline-block";
dots[slideIndex - 1].className += " w3-border-green";

}

function carousel() {

var i;
var x = document.getElementsByClassName("mySlides");
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
dots[i].className = dots[i].className.replace(" w3-border-green", "");
}
slideIndex++;

if (slideIndex > x.length) {
slideIndex = 1
}

x[slideIndex - 1].style.display = "inline-block";
dots[slideIndex - 1].className += " w3-border-green";
t = setTimeout(carousel, timedelay);
}

function pauseCarousel() {
clearTimeout(t)
}

function startCarousel() {
t = setTimeout(carousel, timedelay);
}



window.addEventListener("resize", resizeHandler);

   
try {
  var innerWidth = winodw.innerWidth;
} catch (error) {
  
}

// remove the data-togle from the large device 
window.onload = function WindowLoad(event) {
  var winWidth  = window.innerWidth,
      threshold = 995,
      els       = document.getElementsByClassName('nav-link-cn');

  [].forEach.call(els, function (el) {   
    if (winWidth > threshold) {
      el.removeAttribute("data-bs-toggle");
    } else {
      el.setAttribute("data-bs-toggle", "dropdown");
    }  
  });
}

function resizeHandler() {
  var winWidth  = window.innerWidth,
      threshold = 995,
      els       = document.getElementsByClassName('nav-link-cn');

  [].forEach.call(els, function (el) {   
    if (winWidth > threshold) {
      el.removeAttribute("data-bs-toggle");
    } else {
      el.setAttribute("data-bs-toggle", "dropdown");
    }  
  });
}

</script>
 
  </body>
  
  </html>