Add New Page

                  
 HTML
                    Copy
                  
<div class="page-head">
  <h1 class="page-title">صفحة جديدة</h1>
  <p class="page-desc">يرجى ملء الحقول أدناه لإنشاء صفحة جديدة.</p>
</div>
<div class="row g-4">
  <div class="col-12">
    <label class="form-label">عنوان الصفحة <span class="text-danger">*</span></label>
    <input class="form-control" type="text" placeholder="مثال: من نحن"/>
  </div>
  <div class="col-sm-6">
    <label class="form-label">اسم الصفحة <span class="text-danger">*</span></label>
    <input class="form-control" type="text" placeholder="مثال: About US"/><span class="form-info-text">يستخدم لتسهيل البحث على الصفحة وبجب أن يكون الاسم غير مستخدم سابقاً.</span>
  </div>
  <div class="col-sm-6">
    <label class="form-label">رمز الصفحة <span class="text-danger">*</span></label>
    <input class="form-control" type="text" placeholder="مثال: about-us"/><span class="form-info-text">أدخل نصًا فريدًا لاستخدامه كجزء من الرابط (URL).</span>
  </div>
  <div class="col-12">
    <h6 class="d-flex gap-3 align-items-center text-body-xs mb-0"><span class="tticon-browser-charts icon-18"></span>إعدادات محرك البحث SEO
      <hr class="m-0 flex-grow-1"/>
    </h6>
  </div>
  <div class="col-sm-6">
    <label class="form-label">كلمات مفتاحية <span class="text-danger">*</span></label>
    <input class="js-choices" dir="rtl" data-placeholder="أكتب الكلمة المفتاحية وأضغط Enter.."/>
  </div>
  <div class="col-sm-6">
    <label class="form-label">وصف الصفحة <span class="text-danger">*</span></label>
    <input class="form-control" type="text" placeholder="مثال: تعرف على رسالتنا وقيمنا في منصة نمو..."/>
  </div>
  <div class="col-12">
    <label class="form-label">صورة الغلاف </label>
    <input class="js-filepond"/>
  </div>
  <div class="col-12"> 
    <div class="form-textarea-group">
      <textarea class="form-control js-tinymce tinymce-lg" placeholder="ابدأ بكتابة محتوى الصفحة هنا…"></textarea>
      <div class="form-footer"> 
        <button class="btn btn-primary"> <span class="tticon-check btn-icon"> </span>نشر الصفحة</button>
        <button class="btn btn-white">اغلاق</button>
      </div>
    </div>
  </div>
</div>