admin-log-in.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <title>تسجيل الدخول كأدمن</title>
  <meta content="Templines" name="author">
  <meta content="link loop" name="description">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="HandheldFriendly" content="true">
  <meta name="format-detection" content="telephone=no">
  <meta content="IE=edge" http-equiv="X-UA-Compatible">
  <link rel="apple-touch-icon" sizes="180x180" href="assets/img/logo/IconOnly_NoBuffer.png">
  <link rel="icon" type="image/png" sizes="32x32" href="assets/img/logo/IconOnly_NoBuffer.png">
  <link rel="icon" type="image/png" sizes="16x16" href="assets/img/logo/IconOnly_NoBuffer.png">
  <link rel="manifest" href="assets/img/logo/IconOnly_NoBuffer.png">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#222222">
  <link rel="stylesheet" href="assets/css/bootstrap.min.css">
  <link rel="stylesheet" href="assets/css/libs.min.css">
  <link rel="stylesheet" href="assets/css/main.css">
  <link rel="stylesheet" href="assets/css/styles/form-validation.css">
</head>

<body class="page-contacts">

  <!-- Loader-->
  <div id="page-preloader"><span class="spinner border-t_second_b border-t_prim_a"></span></div>
  <!-- Loader end-->


  <div class="page-wrapper">
    <header class="page-header">
      <div class="page-header-top">
        <div class="page-header-top__right">
          <div class="social">
            <ul class="social-list">
              <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-twitter"></i></a>
              </li>
              <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-facebook-f"></i></a>
              </li>
              <li class="social-list__item"><a class="social-list__link" href="#!"><i
                    class="fab fa-google-plus-g"></i></a></li>
              <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-youtube"></i></a>
              </li>
              <li class="social-list__item"><a class="social-list__link" href="#!"><i
                    class="fab fa-pinterest-p"></i></a></li>
            </ul>
          </div>
          <div class="login-link"><i class="fas fa-sign-in-alt"></i><a href="user-supplier-log-in.html">تسجيل الدخول</a>
          </div>

        </div>
      </div>
      <div class="page-header-bottom" data-uk-sticky>
        <div class="page-header-bottom__left">
          <div class="logo"><a class="logo__link" href="index.html"><img class="logo__img"
                src="assets/img/logo/IconOnly_NoBuffer.png" alt=""></a></div>
          <div class="support"> <a class="support__link" href="tel:236-799-5500">
              <div class="support__desc">
                <div class="support__label">للدعم الفني</div>
                <div class="support__phone">236-799-5500</div>
              </div>
              <div class="support__icon"><i class="fas fa-headset"></i></div>
            </a></div>
        </div>
        <div class="page-header-bottom__right">
          <nav class="uk-navbar-container uk-navbar-transparent" data-uk-navbar dir="rtl">
            <div class="nav-overlay uk-visible@l">
              <ul class="uk-navbar-nav">
                <li class="uk-active"><a href="index.html">الرئيسية</a></li>
                <li><a href="page-products-list.html">جميع المنتجات</a></li>
                <li><a href="page-categories-1.html">الأقسام<i class="fas fa-angle-down"
                      style="margin-right: 8px;"></i></a>
                  <div class="uk-navbar-dropdown">
                    <ul class="uk-nav uk-navbar-dropdown-nav nav-categories">


                    </ul>
                  </div>
                </li>
                <li><a href="typography.html">من نحن</a></li>
                <li><a href="page-contacts.html">اتصل بنا</a></li>
              </ul>
            </div>
          </nav>
          <a class="uk-navbar-toggle uk-hidden@l" href="#offcanvas" data-uk-toggle><span data-uk-icon="menu"></span></a>

        </div>
      </div>
    </header>
    <main class="page-main">

      <div class="page-content">
        <div class="uk-section-large uk-container" dir="rtl">
          <div class="contacts-block">
            <div class="uk-grid uk-grid-collapse" data-uk-grid>
              <div class="uk-width-2-3@m">
                <div class="block-form">
                  <div class="section-title">
                    <div class="uk-h2">تسجيل الدخول كأدمن</div>
                  </div>
                  <div class="section-content">
                    <form method="post" id="log-in-form">
                      <div class="uk-grid uk-grid-small uk-child-width-1-2@s" data-uk-grid>
                        <div class="uk-width-1-1">
                          <div class="custom-form-control">
                            <input class="uk-input uk-form-large" type="email" name="email" placeholder="الايميل *"
                              id="email">
                            <i class="fas fa-check-circle"></i>
                            <i class="fas fa-exclamation-circle"></i>
                            <small></small>
                          </div>
                        </div>
                        <div class="uk-width-1-1">
                          <div class="custom-form-control">
                            <input class="uk-input uk-form-large" type="password" name="password" id="password"
                              placeholder=" كلمة المرور *">
                            <i class="fas fa-check-circle"></i>
                            <i class="fas fa-exclamation-circle"></i>
                            <small></small>
                          </div>
                        </div>
                        <div class="uk-width-1-1">
                          <small class="formErrorMsg"></small>
                        </div>
                        <div class="section-cta__btn"><button type="submit"
                            class="uk-button uk-button-large"><span>تسجيل الدخول</span></button>
                        </div>
                      </div>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </main>

    <footer class="page-footer" dir="rtl">
      <div class="uk-container uk-container-large">
        <div class="page-footer-middle">
          <div class="uk-grid uk-child-width-1-3@l uk-child-width-1-2@s" data-uk-grid>
            <div class="uk-flex-first@l">
              <div class="title">من نحن</div>
              <p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص
                العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد
                الحروف التى يولدها التطبيق.</p>
              <ul class="social-list" dir="ltr">
                <li class="social-list__item"><a class="social-list__link" href="#!"><i
                      class="fab fa-facebook-f"></i></a></li>
                <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-twitter"></i></a>
                </li>
                <li class="social-list__item"><a class="social-list__link" href="#!"><i
                      class="fab fa-google-plus-g"></i></a></li>
                <li class="social-list__item"><a class="social-list__link" href="#!"><i
                      class="fab fa-linkedin-in"></i></a></li>
                <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-vimeo-v"></i></a>
                </li>
              </ul>
            </div>
            <div class="uk-flex-last@l" style="width: 320px;">
              <div class="title">ابق على اتصال</div>
              <ul class="contacts-list">
                <li class="contacts-list-item">
                  <div class="contacts-list-item__icon"><img src="./assets/img/icons/ico-phone24.svg" data-uk-svg
                      alt="For Rental Support"></div>
                  <div class="contacts-list-item__desc">
                    <div class="contacts-list-item__label">للدعم الفني</div>
                    <div class="contacts-list-item__content"> <a href="tel:12367995500/6600" dir="ltr">+1
                        (236) 799 5500 / 6600</a></div>
                  </div>
                </li>
                <li class="contacts-list-item">
                  <div class="contacts-list-item__icon"><img src="./assets/img/icons/ico-mail.svg" data-uk-svg
                      alt="Send Us Email"></div>
                  <div class="contacts-list-item__desc">
                    <div class="contacts-list-item__label">بريدنا الإلكتروني</div>
                    <div class="contacts-list-item__content"> <a
                        href="mailto:rentals@my-domain.net">linkloop@my-domain.net</a></div>
                  </div>
                </li>
              </ul>
            </div>
            <div class="container-fluid">
              <div class="row p-0">
                <div class="col-12 col-lg-6 col-xl-8 px-0">
                  <div class="title">صفحات مهمة</div>
                  <ul class="uk-nav">
                    <li> <a href="typography.html">من نحن</a></li>
                    <li> <a href="typography.html">الشروط و الأحكام</a></li>
                    <li> <a href="typography.html">الأقسام</a></li>
                    <li>
                      <a href="https://eauthenticate.saudibusiness.gov.sa/inquiry?certificateRefID=0000004056">موثق من
                        المركز السعودي للأعمال</a>
                      <div class="saudi-center-qr">
                        <img src="./assets/img/icons/saudi-center-qr-code.jpg" class="qr-code"
                          alt="saudi center qr code">
                        <img src="./assets/img/icons/saudi-business-center-logo.jpg" class="saudi-center-logo"
                          alt="saudi center logo">
                      </div>
                    </li>
                  </ul>

                </div>
                <div class="col-12 col-lg-6 col-xl-4 mt-5 mt-lg-0 px-0">
                  <div class="title">طرق الدفع</div>
                  <div class="pay-with">
                    <a href=""><img src="assets/img/icons/mastercard_icon.png" alt=""></a>
                    <a href=""><img src="assets/img/icons/visa_icon.png" alt="" class="ms-0"></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="page-footer-bottom" dir="ltr"><span>(c) 2023 link loop</span><a href="#!">الشروط و
            الاحكام</a><a href="typography.html">Sitemap</a></div><a class="totop-link" href="#top" data-uk-scroll>
          <img src="./assets/img/icons/plumbing-ico-totop.png" style="width: 50px;height: 50px;display: block;"
            alt="totop">
          <span>Go to
            top</span></a>
      </div>
      <div id="offcanvas" data-uk-offcanvas="overlay: true">
        <div class="uk-offcanvas-bar"><button class="uk-offcanvas-close" type="button" data-uk-close=""></button>
          <div class="uk-margin">
            <div class="logo"><a class="logo__link" href="index.html"><img class="logo__img"
                  src="./assets/img/logo/IconOnly_Transparent_NoBuffer.png" alt="logo"></a></div>
          </div>
          <div class="uk-margin">
            <ul class="uk-nav-default uk-nav-parent-icon" data-uk-nav>
              <li class="uk-active"><a href="index.html">الرئيسية</a></li>
              <li><a href="page-products-list.html">جميع المنتجات</a></li>
              <li class="uk-parent"><a href="page-categories-1.html">الأقسام<i class="fas fa-angle-down"
                    style="margin-right: 8px;"></i></a>


              </li>
              <li><a href="typography.html">من نحن</a></li>
              <li><a href="page-contacts.html">اتصل بنا</a></li>
            </ul>
          </div>
          <div class="uk-margin">
            <div class="support"> <a class="support__link" href="tel:236-799-5500">
                <div class="support__icon"><i class="fas fa-headset"></i></div>
                <div class="support__desc">
                  <div class="support__label">للدعم الفني</div>
                  <div class="support__phone">236-799-5500</div>
                </div>
              </a></div>
          </div>
          <div class="uk-margin">
            <div class="social">
              <ul class="social-list" dir="ltr">
                <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-twitter"></i></a>
                </li>
                <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-facebook-f"
                      aria-hidden="true"></i></a></li>
                <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-google-plus-g"
                      aria-hidden="true"></i></a></li>
                <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-youtube"
                      aria-hidden="true"></i></a></li>
                <li class="social-list__item"><a class="social-list__link" href="#!"><i class="fab fa-pinterest-p"
                      aria-hidden="true"></i></a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
      <div class="uk-flex-top" id="callback" data-uk-modal="">
        <div class="uk-modal-dialog uk-modal-body uk-margin-auto-vertical"><button class="uk-modal-close-default"
            type="button" data-uk-close=""></button>
          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
            labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
            laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
            voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
            non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        </div>
      </div>
    </footer>
  </div>

  <script src="assets/js/bootstrap.bundle.min.js"></script>
  <script src="assets/js/scripts/admin-log-in.js" type="module"></script>
  <script src="assets/js/libs.js"></script>
  <script src="assets/js/main.js"></script>
  <script src="assets/js/scripts/nav-get-categories.js" type="module"></script>
</body>

</html>