قوائم تصفح

<div class="menu-area">
  <div class="menu-block">
    <div class="menu-sub-head">عنوان المجموعة</div>
    <div class="menu-item check-item">
      <i class="menu-item-icon"></i>
      <span>عنوان الجزئية</span>
      <em></em>
    </div>
  </div>

  <div class="menu-block">
    <div class="menu-sub-head">عنوان المجموعة</div>
      <div class="menu-item switch-item">
        <i class="menu-item-icon"></i>
        <span>عنوان الجزئية</span>
        <em>
          <div class="form-check form-switch">
            <input class="form-check-input" type="checkbox" role="switch" id="flexSwitchCheckDisabled" />
          </div>
        </em>
      </div>
    </div>
  </div>

  <div class="menu-block">
    <div class="menu-sub-head">
      <%= Resources.lang.GroupTitle %>
    </div>
    <div class="menu-item tag-item">
      <i class="menu-item-icon"></i>
      <span>عنوان الجزئية</span>
      <em>
        <span class="dga-tag tag-neutral tag-sm">العلامات</span>
      </em>
    </div>
   </div>
</div>