<!DOCTYPE html>
<html lang="en" dir=rtl >
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>نظام التصميم الوطني</title>
    <link
      rel="shortcut icon"
      type="image/png"
      href="/image/ds-big-green.svg"
    />
    <link href="/nds-ds.css" rel="stylesheet" />
    <link href="/style.css" rel="stylesheet" />
    <link
      rel="stylesheet"
      href="/atom-one-light.min.css"
    />
    <script src="/highlight.min.js"></script>
  </head>
  <body>
    <nav class="navbar navbar-expand-lg ds-header nds-header">
      <div class="container-fluid">
        <div class="d-flex">
          <button
            class="navbar-toggler navbar-toggler-right collapsed"
            type="button"
            data-toggle="collapse"
            data-target="#navb"
          >
            <i class="ds-menu"></i>
            <span class="md-hide text-primary">
              <i class="ds-x-circle"></i> إغلاق
            </span>
          </button>
          <a class="navbar-brand" href="/home">
            <img
              src="../image/ds-nd-logo.svg"
              alt="logo"
            />
            <span class="font-weight-bold m-auto text-dga-shade px-3">نظام التصميم الوطني</span>
            <div class="ds-tag--green align-self-center">النسخة التجريبية</div>
          </a>

        </div>
        <div class="d-flex flex-row order-3" id="right-nav">
          <ul class="navbar-nav flex-row">
            <!-- <li class="nav-item ds-search">
              <a class="nav-link with-icon d-flex" href="javascript:void(0)"
                ><i class="ds-zoom px-3"></i>
                <input type="text" placeholder="ابحث في النظام التصميمي…"/>
              </a>
            </li> -->
            <li class="nav-item mobile-hide vision-logo ds-lang">
              <a class="lang-btn" href=/en>English</a>
            </li>
          </ul>
        </div>
        <div class="collapse navbar-collapse order-2" id="navb">
            <ul class="navbar-nav mr-auto">
              <li class="nav-item">
                <a class="nav-link about" href="/components/developers-guide" id="navbarDropdown1">
                  عن نظام التصميم
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link styles" href="/components/grid" id="navbarDropdown2">
                  أنماط
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link components" href="/components/accordion" id="navbarDropdown3">
                  المكونات
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link patterns" href="/components/footer" id="navbarDropdown4">
                  القوالب
                </a>
              </li>
            </ul>
          </div>
      </div>
    </nav>
    <div class="container-fluid">

      <div class="row">
        <div class="nav-width col-lg-3">
          <nav class="ds-navbar navbar navbar-expand-md navbar-dark py-2 sticky-top">
  <button
    class="navbar-toggler mt-3"
    type="button"
    data-toggle="collapse"
    data-target="#navbarNavAltMarkup"
    aria-controls="navbarNavAltMarkup"
    aria-expanded="false"
    aria-label="Toggle navigation"
  >
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse pt-2" id="navbarNavAltMarkup">
    <div class="navbar-nav">
      <div class="ds-navdropdown about">
        <button type="button" class="ds-navdropdown-header main-header">
          عن نظام التصميم<i class="ds-chevron-down"></i>
        </button>
        <div class="ds-navdropdown-body sub-body">
          <!-- <a class="nav-link menu-devider py-3" href="/components/about-land-page" style="font-size: 20px;">عن نظام التصميم</a> -->
          <div class="ds-navdropdown">
            <button type="button" class="ds-navdropdown-header sub-header">
              البدء بالاستخدام<i class="ds-chevron-down"></i>
            </button>
            <div class="ds-navdropdown-body">
              <a class="nav-link" href="/components/developers-guide"
                >للمطورين</a
              >
              <a class="nav-link" href="/components/designers-guide"
                >للمصممين</a
              >
            </div>
          </div>
          <div class="ds-navdropdown">
            <button type="button" class="ds-navdropdown-header sub-header">
              إرشادات<i class="ds-chevron-down"></i>
            </button>
            <div class="ds-navdropdown-body">
              <a class="nav-link" href="/components/design-principle"
                >مبادئ التصميم</a
              >
            </div>
          </div>
        </div>
      </div>
      <div class="ds-navdropdown patterns">
        <button type="button" class="ds-navdropdown-header main-header">
          أنماط <i class="ds-chevron-down"></i>
        </button>
          <!-- <div class="ds-navdropdown">-->
            <!-- <button type="button" class="ds-navdropdown-header sub-header">
              صفحة <i class="ds-chevron-down"></i>
            </button> -->
            <div class="ds-navdropdown-body">
              <!-- <a class="nav-link menu-devider py-3" href="/components/styles-land-page" style="font-size: 20px;">الأنماط</a> -->
                <a class="nav-link" href="/components/grid">تخطيط الشبكة</a>
                <a class="nav-link" href="/components/spacing">المسافات</a>
                <a class="nav-link" href="/components/typography"
                  >نمط الحروف</a
                >
                <a class="nav-link" href="/components/colors">الألوان</a>
                <a class="nav-link" href="/components/icons"
                  >الأيقونات</a
                >
                

            </div>
      </div>
      
      <div class="ds-navdropdown components">
        <button type="button" class="ds-navdropdown-header main-header">
          المكونات <i class="ds-chevron-down"></i>
        </button>
        <div class="ds-navdropdown-body sub-body">
          <!-- <a class="nav-link menu-devider py-3" href="/components/components-land-page" style="font-size: 20px;">المكونات</a> -->
          <div class="ds-navdropdown">
            <button type="button" class="ds-navdropdown-header sub-header">
              التنقل <i class="ds-chevron-down"></i>
            </button>
            <div class="ds-navdropdown-body">
              <a class="nav-link" href="/components/accordion"
                >الأكورديون</a
              >
              <a class="nav-link" href="/components/button"
                >الأزرار</a
              >
              <a class="nav-link" href="/components/breadcrumbs"
                >مسارات التنقل</a
              >
              <a class="nav-link" href="/components/link">الروابط</a>
              <a class="nav-link" href="/components/stepper"
                >خطوات التقدم</a
              >
              <a class="nav-link" href="/components/pagination"
                >ترقيم الصفحات</a
              >
              <a class="nav-link" href="/components/side-navigation"
                >خيارات جانبية</a
              >
              <a class="nav-link" href="/components/tabs">علامة التبويب</a>
              <a class="nav-link" href="/components/inpage_Side_Navigation"
                >قائمة التنقل الجانبية</a
              >
              <a class="nav-link" href="/components/backtotop"
              >الرجوع إلى الاعلى</a
            >
            </div>
          </div>
          <div class="ds-navdropdown">
            <button type="button" class="ds-navdropdown-header sub-header">
              المحتوى <i class="ds-chevron-down"></i>
            </button>
            <div class="ds-navdropdown-body">
              <a class="nav-link" href="/components/banners"
                >لافتات</a
              >
              <a class="nav-link" href="/components/tags">العلامات</a>
              <a class="nav-link" href="/components/cards">البطاقات</a>
              <a class="nav-link" href="/components/lists">التعداد النقطي والرقمي</a>
              <a class="nav-link" href="/components/images"
                >الصور</a
              >
              <a class="nav-link" href="/components/alerts"
                >نافذة التنبيهات</a
              >
              <a class="nav-link" href="/components/filters"
                >تصفية النتائج</a
              >
            </div>
          </div>
          <div class="ds-navdropdown">
            <button type="button" class="ds-navdropdown-header sub-header">
              النماذج <i class="ds-chevron-down"></i>
            </button>
            <div class="ds-navdropdown-body">
              <a class="nav-link" href="/components/dropdown"
                >القائمة المنسدلة</a
              >
              <a class="nav-link" href="/components/selection-control"
                >عنصر التحكم</a
              >
              <a class="nav-link" href="/components/text-input"
                >حقل إدخال النص</a
              >
              <a class="nav-link" href="/components/file-upload"
              >تحميل الملفات</a
            >
            </div>
          </div>
        </div>
      </div>
      <div class="ds-navdropdown patterns">
        <button type="button" class="ds-navdropdown-header main-header">
          القوالب <i class="ds-chevron-down"></i>
        </button>
          <!-- <div class="ds-navdropdown">-->
            <!-- <button type="button" class="ds-navdropdown-header sub-header">
              صفحة <i class="ds-chevron-down"></i>
            </button> -->
            <div class="ds-navdropdown-body">
              <!-- <a class="nav-link menu-devider py-3" href="/components/templates-land-page" style="font-size: 20px;"
                >القوالب</a
              > -->
              <a class="nav-link" href="/components/footer"
                >الجزء السفلي</a
              >
              <a class="nav-link" href="/components/comments-suggestions"
                >التعليقات و الإقتراحات</a
              >
              <a class="nav-link" href="/components/feedback"
                >ردود الفعل</a
              >
              <a class="nav-link" href="/components/rating"
                >التقييم</a
              >
              <a class="nav-link menu-devider" href="/components/onboarding-dropdown"
              >القائمة المنسدلة</a
            >
              <a class="nav-link" href="/components/home-page-template"
                >الصفحة الرئيسية</a
              >
              <a class="nav-link" href="/components/form-page-template"
                > صفحة النموذج الإلكتروني</a
              >
              <a class="nav-link" href="/components/customer-service"
                >صفحة مركز خدمة العملاء</a
              >
              <a class="nav-link" href="/components/contact-us"
              >  صفحة تواصل معنا </a
            >
              <a class="nav-link" href="/components/nazaha-complaints-reports"
                >صفحة بلاغ عن فساد إلى (نزاهة) </a
              >
              <a class="nav-link menu-devider" href="/components/content-page-template"
                >صفحة المحتوى</a
              >
              <a class="nav-link" href="/components/service-card"
                >بطاقة الخدمة</a
              >
              <a class="nav-link menu-devider" href="/components/login-template"
                >تسجيل الدخول</a
              >
              <a class="nav-link" href="/components/search"
                >البحث</a
              >
              <a class="nav-link menu-devider" href="/components/mobile-stylesheet"
                >تطبيق الجوال</a
              >
              <a class="nav-link " href="/components/chatbot"
              >المحادثة الفورية</a
            >
            <a class="nav-link " href="/components/e-participation"
              >المشاركة المجتمعية</a
            >
            </div>
      </div>
    </div>
  </div>
</nav>

<!-- <div class="ds-navdropdown-body sub-body">
  <div class="ds-navdropdown">
    <button type="button" class="ds-navdropdown-header sub-header">
      قسم <i class="ds-chevron-down"></i>
    </button> 
    <div class="ds-navdropdown-body">
      <a class="nav-link" href="/components/header"
        >القالب العلوي</a
      >
      <a class="nav-link" href="/components/menu">قائمة</a> -->
      
      <!-- <a class="nav-link" href="/components/feedback"
        >ردود الفعل</a
      >
      <a class="nav-link" href="/components/search"
        >البحث</a
      >
      <a class="nav-link" href="/components/comments-suggestions"
        >التعليقات و الإقتراحات</a
      >
      <a class="nav-link" href="/components/onboarding-dropdown"
        >القائمة المنسدلة - التهيئة</a
      > -->
    <!-- </div>
  </div> -->
        </div>

         <div class="main-page-section">
          

<div class="homepage-section">
  <div class="homepage-hero-section">
    <h3>تصميم الخدمات الحكومية من خلال</h3>
    <div class="ds-display-font">نظام التصميم الوطني</div>

    <p class="home_page_description">
      نظام التصميم الوطني هو مرجعك لتصميم الخدمات الحكومية بواسطة أنماط وعناصر ونماذج واجهة المستخدم. يتيح نظام التصميم تجربة متناسقة من خلال تسهيل العمل بين المصممين والمطورين.
    </p>
    <a href="/components/developers-guide" class="btn btn-secondary homepage-btn"
      >البدء بالاستخدام</a
    >
  </div>
  <div class="homepage-illustration"></div>
</div>
<div class="home-start-section">
  <h1 class="home_start">البدء بالاستخدام</h1>
  <p class="text-gray-tint">قم باختيار دليلك المفضل لاستخدام نظام التصميم</p>
  <div
    class="d-flex flex-wrap pt-5 justify-content-md-start justify-content-center"
  >
    <div class="ds-life-experience-card " data-redirecturl="/components/developers-guide">
      <div class="header-section" tabindex="0">
        <img
          src="../image/code-green.svg"
          class="code-green"
          style="height: 64px;width: 64px;"
          alt="getting-started-img"
        />
        <!-- <img src="/img/code-grey.svg" class="code-grey" style="height: 64px;width: 64px;"> -->
        <div class="content-section">
          <h3>للمطورين</h3>
          <span class="text-gray-tint"
            >تعرف على إطار عمل واجهة المستخدم لتبدأ تطوير موقعك الإلكتروني</span
          >
        </div>
      </div>
    </div>
    <div class="ds-life-experience-card" data-redirecturl="/components/designers-guide">
      <div class="header-section" tabindex="0">
        <img
          src="../image/design-green.svg"
          class="code-green"
          style="height: 64px;width: 64px;"
          alt="getting-started-img"/>

        <!-- <img src="/img/code-grey.svg" class="code-grey" style="height: 64px;width: 64px;"> -->
        <div class="content-section">
          <h3>للمصممين</h3>
          <span class="text-gray-tint"
            >ابدأ رحلة التصميم من خلال إرشادات التصميم وأساسيات تجربة المستخدم</span>
        </div>
      </div>
    </div>
    <div class="ds-life-experience-card comeing-soon" data-data-redirecturl="/">
      <div class="header-section" tabindex="0">
        <img
          src="../image/writing-grey.svg"
          class="code-green"
          style="height: 64px;width: 64px;" alt="getting-started-img"
        />
        <!-- <img src="/img/code-grey.svg" class="code-grey" style="height: 64px;width: 64px;"> -->
        <div class="content-section">
          <h3 class="text-gray-tint font-24">لكُتاب المحتوى</h3>
          <span class="text-gray-tint"
            >استكشف إرشادات المحتوى والكتابة الإبداعية</span
          >
        </div>
      </div>
    </div>
  </div>
</div>
<div class="Highlights-section">
  <h2>معلومات تهمك</h2>
  <p class="text-gray-tint">استكشف أساسيات نظام التصميم</p>
  <div class="d-flex flex-wrap justify-content-md-start justify-content-center">
    <a class="ds-live-event-card" href="/components/design-principle"> <!--desgin principle-->
      <h3>مبادئ التصميم</h3>
      <p>تعرف على مبادئ التصميم الأساسية الأربعة لنظام التصميم الوطني</p>
    </a>
    <a class="ds-live-event-card" href="/components/grid">
      <h3>أنماط</h3>
      <p>
        بدء شكل ومظهر نظام التصميم
      </p>
    </a>
    <a class="ds-live-event-card" href="/components/accordion">
      <h3>المكونات</h3>
      <p>
        تعرف على مبادئ التصميم الأساسية الأربعة لنظام التصميم الوطني
      </p>
    </a>
    <a class="ds-live-event-card" href="/components/home-page-template">
      <h3>القوالب</h3>
      <p>
        استخدم الصفحات الجاهزة لسيناريوهات التصميم الرئيسية
      </p>
    </a>
  </div>
</div>
<div class="download-files-section">
  <div>
    <h2 class="download-section">تحميل الملفات</h2>
    <p class="text-gray-tint mb-0">للبدء، قم بتحميل ملفات التصميم والتطوير.</p>
  </div>

  <div class="flex-button">
    <button type="button" class="btn btn-primary m-3 m-lg-0 code-button">
      ملف الكود
    </button>
    <button type="button" class="btn btn-primary mx-3 mx-md-4 sketch-button">
      ملف التصميم (Sketch)
      <img src="image/sketch-logo.png" class="logo-sketch" alt="gov.sa logo" />
    </button>
    <button
      type="button"
      class="btn btn-primary m-3 m-lg-0 brand-assets-button"
    >
      ملحقات الهوية
    </button>
  </div>
</div>
<div class="Updates-section page-width">
  <h2>تواصل معنا</h2>
  <p class="text-gray-tint">نظام التصميم الوطني مقدم من فريق تصميم الهيئة الحكومة الرقمية. للدعم أو الملاحظات أو الاستفسارات، يرجى التواصل معنا من خلال:<a href="mailto:Design@dga.gov.sa">Design@dga.gov.sa</a>
  </p>
</div>
<!-- <hr />
<div class="contact-us-section">
  <h2>تواصل معنا</h2>
  <p class="text-gray-tint">
    نظام التصميم الوطني مقدم من فريق تصميم الهيئة الحكومة الرقمية. للدعم أو الملاحظات أو الاستفسارات، يرجى التواصل معنا من خلال:
    <a href="#" class="ds-body-link">Design@dga.gov.sa</a>
  </p>
</div> -->

<!-- <h3 class="home_start">من أين تريد أن تبدأ؟</h3>
  <div class="flex-button mt-4">
    <a href="/" class="btn btn-secondary mb-3">
      مبادئ التصميم
    </a>
    <a href="/components/typography" class="btn btn-secondary mb-3 mx-2">
      الألوان و الخطوط
    </a>
    <a href="/components/button" class="btn btn-secondary mb-3 mx-2">
      المكونات
    </a>
  </div> -->
<!-- <img src="image/logo-home.svg" class="logo-circle" alt="gov.sa logo" /> -->


          <textarea title="htmlcode" id="htmlcode" class="d-none"></textarea>
        </div>
      </div>
      <div
      id="disclaimer-popup-window-Sketch"
      class="disclaimer-popup-fullscreen d-none">
       <div class="disclaimer-popup-container">
        <div class="col-md-6 disclaimer-popup bg-white p-5">
          <h5 class="my-4">إخلاء المسؤولية</h5>
          <p>
            للتحقق من سلامة الملفات التي تم تنزيلها
            <b>الرجاء نسخ SHA-256</b>
          </p>
          <p style="word-wrap: break-word;">
              7cd3758c452678a80bbd678424eb093a3ffac43146b65bbe10d407ea37321fc5
            </p>
            <div class="disclaimer-note">*يرجى ملاحظة أننا غير مسؤولين عن أي مشاكل أمنية قد يتعرض لها المستخدم من خلال استخدام أي من المكونات
          </div>
          <div class="col-md-12 mt-4 mx-0 px-0">
            <a
              class="btn btn-primary mr-3 mt-2"
              href="/downloads/downloads/nds-ds-sketch.zip">تحميل</a>
            <button type="button" class="btn btn-secondary mt-2 cancel-bnt">
              إغلاق
            </button>
          </div>
        </div>
       </div>
     </div>
     <div
      id="disclaimer-popup-window-Sketch-home"
      class="disclaimer-popup-fullscreen d-none">
       <div class="disclaimer-popup-container">
        <div class="col-md-6 disclaimer-popup bg-white p-5">
          <h5 class="my-4">إخلاء المسؤولية</h5>
          <p>
            للتحقق من سلامة الملفات التي تم تنزيلها
            <b>الرجاء نسخ SHA-256</b>
          </p>
          <p style="word-wrap: break-word;">
              2ef4680b8b0015de082361f39cada76cb32dfe5e953a9eb6ec55098f4cb2c756
            </p>
            <div class="disclaimer-note">*يرجى ملاحظة أننا غير مسؤولين عن أي مشاكل أمنية قد يتعرض لها المستخدم من خلال استخدام أي من المكونات
          </div>
          <div class="col-md-12 mt-4 mx-0 px-0">
            <a
              class="btn btn-primary mr-3 mt-2"
              href="/downloads/downloads/ds_HomepageTemplate.zip">تحميل</a>
            <button type="button" class="btn btn-secondary mt-2 cancel-bnt">
              إغلاق
            </button>
          </div>
        </div>
       </div>
     </div>
     <div
      id="disclaimer-popup-window-Sketch-form"
      class="disclaimer-popup-fullscreen d-none">
       <div class="disclaimer-popup-container">
        <div class="col-md-6 disclaimer-popup bg-white p-5">
          <h5 class="my-4">إخلاء المسؤولية</h5>
          <p>
            للتحقق من سلامة الملفات التي تم تنزيلها
            <b>الرجاء نسخ SHA-256</b>
          </p>
          <p style="word-wrap: break-word;">
              5099879c8d13619e8d224bb25b9b94f6b0eaa5a8e638025026d5c9a215184e0e
            </p>
            <div class="disclaimer-note">*يرجى ملاحظة أننا غير مسؤولين عن أي مشاكل أمنية قد يتعرض لها المستخدم من خلال استخدام أي من المكونات
          </div>
          <div class="col-md-12 mt-4 mx-0 px-0">
            <a
              class="btn btn-primary mr-3 mt-2"
              href="/downloads/downloads/ds_FormTemplate.zip">تحميل</a>
            <button type="button" class="btn btn-secondary mt-2 cancel-bnt">
              إغلاق
            </button>
          </div>
        </div>
       </div>
     </div>
     <div
      id="disclaimer-popup-window-Sketch-contact"
      class="disclaimer-popup-fullscreen d-none">
       <div class="disclaimer-popup-container">
        <div class="col-md-6 disclaimer-popup bg-white p-5">
          <h5 class="my-4">إخلاء المسؤولية</h5>
          <p>
            للتحقق من سلامة الملفات التي تم تنزيلها
            <b>الرجاء نسخ SHA-256</b>
          </p>
          <p style="word-wrap: break-word;">
              fcd545c4adc6cefc4599f5217d0d3e4e5a62c0c05091eed83c59f5613f48d364
            </p>
            <div class="disclaimer-note">*يرجى ملاحظة أننا غير مسؤولين عن أي مشاكل أمنية قد يتعرض لها المستخدم من خلال استخدام أي من المكونات
          </div>
          <div class="col-md-12 mt-4 mx-0 px-0">
            <a
              class="btn btn-primary mr-3 mt-2"
              href="/downloads/downloads/ds_ContactUsTemplate.zip">تحميل</a>
            <button type="button" class="btn btn-secondary mt-2 cancel-bnt">
              إغلاق
            </button>
          </div>
        </div>
       </div>
     </div>
     <div
      id="disclaimer-popup-window-Sketch-content"
      class="disclaimer-popup-fullscreen d-none">
       <div class="disclaimer-popup-container">
        <div class="col-md-6 disclaimer-popup bg-white p-5">
          <h5 class="my-4">إخلاء المسؤولية</h5>
          <p>
            للتحقق من سلامة الملفات التي تم تنزيلها
            <b>الرجاء نسخ SHA-256</b>
          </p>
          <p style="word-wrap: break-word;">
              9b29fc2f2cfab8aa69e47da101b841774749275a716092c96024e418eddfbc9c
            </p>
            <div class="disclaimer-note">*يرجى ملاحظة أننا غير مسؤولين عن أي مشاكل أمنية قد يتعرض لها المستخدم من خلال استخدام أي من المكونات
          </div>
          <div class="col-md-12 mt-4 mx-0 px-0">
            <a
              class="btn btn-primary mr-3 mt-2"
              href="/downloads/downloads/ds_ContentTemplate.zip">تحميل</a>
            <button type="button" class="btn btn-secondary mt-2 cancel-bnt">
              إغلاق
            </button>
          </div>
        </div>
       </div>
     </div>
     <div
      id="disclaimer-popup-window-code"
      class="disclaimer-popup-fullscreen d-none">
       <div class="disclaimer-popup-container">
        <div class="col-md-6 disclaimer-popup bg-white p-5">
          <h5 class="my-4">إخلاء المسؤولية</h5>
          <p>
            للتحقق من سلامة الملفات التي تم تنزيلها
            <b>الرجاء نسخ SHA-256</b>
          </p>
          <p style="word-wrap: break-word;">
              20ea8048840e06d60b9d9f5aaf33e1bd7d9c38c7d5ed516a738be253e7bf4db5
            </p>
            <div class="disclaimer-note">*يرجى ملاحظة أننا غير مسؤولين عن أي مشاكل أمنية قد يتعرض لها المستخدم من خلال استخدام أي من المكونات
          </div>
          <div class="col-md-12 mt-4 mx-0 px-0">
            <a class="btn btn-primary mr-3 mt-2"
               href="/downloads/downloads/nds-ds.zip">
              تحميل
            </a>
            <button type="button" class="btn btn-secondary mt-2 cancel-bnt">
              إغلاق
            </button>
          </div>
        </div>
       </div>
     </div>
     <!-- disclaimer-popup-window-brand-assets -->
     <div
      id="disclaimer-popup-window-brand-assets"
      class="disclaimer-popup-fullscreen d-none">
       <div class="disclaimer-popup-container">
        <div class="col-md-6 disclaimer-popup bg-white p-5">
          <h5 class="my-4">إخلاء المسؤولية</h5>
          <p>
            للتحقق من سلامة الملفات التي تم تنزيلها
            <b>الرجاء نسخ SHA-256</b>
          </p>
          <p style="word-wrap: break-word;">
              0c1f3ebc84cbb335c1672d65c4edb36d42eec8a43bd46d5160db406eb21194f5
            </p>
            <div class="disclaimer-note">*يرجى ملاحظة أننا غير مسؤولين عن أي مشاكل أمنية قد يتعرض لها المستخدم من خلال استخدام أي من المكونات
          </div>
          <div class="col-md-12 mt-4 mx-0 px-0">
            <a class="btn btn-primary mr-3 mt-2"
               href="/downloads/downloads/nds-brand-assets.zip">
              تحميل
            </a>
            <button type="button" class="btn btn-secondary mt-2 cancel-bnt">
              إغلاق
            </button>
          </div>
        </div>
       </div>
     </div>
    </div>

    <button class="back-to-top" id="bckTop" title="Go to top">
      <i class="ds-chevron-up" style="color: white;"></i>الرجوع إلى الاعلى
    </button>
    <div style="height: 130px;"></div>

    <footer class="ds-footer" id="footer" style="height: auto;">
      <div class="ds-footer-container">
        <div class="ds-footer-policy nds-footer">
          <div class="align-items-center d-flex d-lg-block flex-column order-2 order-lg-1">
            <img
              src="../image/DGA-logo.svg"
              alt="dga-logo"
              class="green-nav-logo my-2 my-md-0"
              style="
                  width: 100px;
                  height: 35px;
              "
            /><span class="px-3">تطوير وتشغيل هيئة الحكومة الرقمية</span>
          </div>
          <div class="order-1 order-lg-2">
            <a class="ds-body-link" href=https://www.my.gov.sa/wps/portal/snp/main/!ut/p/z1/dc1BC4JAEAXg3-LBqzObrkm3rYOwIBaS2V5CY11F2xXd8u8n1EWoub3H9xgQUIDQ5atVpW2NLvslX0V448coIAxJmsY8wNOBnDeU54hxCBcQIFbEp_uFJNuUZTlBpF-Af44hcBCqN9XnHdOVHykQo6zlKEfvOS51Y-0w7Vx0cZ5nTxmjeundzcPFX5PGTBaKtYRMahi6rk4srQLmOG8X4XCe/dz/d5/L0lHSkovd0RNQU5rQUVnQSEhLzROVkUvYXI!/ target="blank">موقع GOV.SA</a>
            <a class="ds-link" href=https://www.my.gov.sa/wps/portal/snp/content/privacyPolicy/!ut/p/z1/04_Sj9CPykssy0xPLMnMz0vMAfIjo8zivQIsTAwdDQz9LSw8XQ0CnT0s3JxDfA0MvA30w8EK_AxdDTwMTQz9DUyM3AwCXVwc_UxDDL0Mw8z0o4jRD1fgb2zqBFTga-7vGBxmaGBgSpx-AxzA0YCw_iiwEnw-QDUDixPBCvC4ITg1T78gNzQ0wiAzIN1RUREACNofjw!!/dz/d5/L0lHSkovd0RNQUZrQUVnQSEhLzROVkUvYXI!/ target="blank">سياسة الخصوصية</a>
            <a class="ds-link " href=https://www.my.gov.sa/wps/portal/snp/content/termsofUse/!ut/p/z1/04_Sj9CPykssy0xPLMnMz0vMAfIjo8zivQIsTAwdDQz9LSw8XQ0CnT0s3JxDfA0MTAz1w8EK_AxdDTwMTQz9DUyM3AwCXVwc_UxDDL0Mw8z0o4jRD1fgb2zqBFTga-7vGBxmaGBgSpx-AxzA0YCw_iiwEnw-QDUDixPBCvC4ITg1T78gNzQ0wiAzIN1RUREArQ8lFw!!/dz/d5/L0lHSkovd0RNQUZrQUVnQSEhLzROVkUvYXI!/ target="blank">شروط الاستخدام</a>
          </div>

          <div class="order-3">
            <span>© جميع الحقوق محفوظة لـهيئة الحكومة الرقمية2021</span>
          </div>
        </div>
      </div>
    </footer>
    <script src="/nds-ds.js"></script>
  <script src="/main.js"></script>
  </body>
</html>
