معماری پنل

<body>
  <div class="sidebar-show" id="sidebar">
      <div class="btn btn-success btn-new-task">سفارش جدید</div>
      <div class="d-flex justify-content-between credit">
          <div><a href="#"><i class="mdi mdi-plus"></i><span class="mr-1">اعتبار حساب</span></a></div>
          <div><span>5,500 تومان</span></div>
      </div>
      <ul>
          <li><a class="sidebar-item" href="index.html"><i class="mdi mdi-view-dashboard"></i><span>پیشخوان</span></a></li>
          <li class="dropdown-group">
              <a class="dropdown-btn">
                  <i class="mdi mdi-textbox">
                  </i><span>فرم</span>
              </a>
              <div class="dropdown-content">
                  <a class="sidebar-item" href="form.html"><i class="mdi mdi-textbox"></i><span>معمولی</span></a>
              </div>
          </li>
      </ul>
  </div>
  <div class="back-drop"></div>
  <a class="scroll-to-top" href="#"></a>
  nav-bar here . .
  <div class="app-body show-menu">
      content here . .
  </div>
</body>
<div id="nav-bar">
<div class="sidebar-ctrl sidebar-ctrl-show-menu"><i class="mdi mdi-menu mdi-24px sidebar-toggle"></i><span>پنل مدیریت</span>
</div>
<div class="option-bar">
<svg class="svg svg-1" xmlns="http://www.w3.org/2000/svg" width="371" height="61" viewBox="0 0 371 61">
<defs></defs>
<path class="cls-1" d="M-9-7H371L348,43.785C343.064,53.477,339.046,61,328,61H-9V-7Z"></path>
</svg>
<svg class="svg svg-2" xmlns="http://www.w3.org/2000/svg" width="371" height="61" viewBox="0 0 371 61">
<defs></defs>
<path class="cls-1" d="M-9-7H371L348,43.785C343.064,53.477,339.046,61,328,61H-9V-7Z"></path>
</svg>
<svg class="svg svg-3" xmlns="http://www.w3.org/2000/svg" width="371" height="61" viewBox="0 0 371 61">
<defs></defs>
<path class="cls-1" d="M-9-7H371L348,43.785C343.064,53.477,339.046,61,328,61H-9V-7Z"></path>
<div class="option-bar-container d-flex justify-content-between"><a href="#">
<div class="profile"><img class="profile-image" src="../assets/img/profile.jpg">
<div class="profile-details"><p>معین زارع</p><span>کارشناسی نرم افزار</span></div>
</div>
</a>
</svg>
<div class="actions"><a href="#" data-toggle="tooltip" data-placement="bottom" title="اطلاعیه ها"><i
    class="mdi mdi-bell"></i></a><a href="#" data-toggle="tooltip" data-placement="bottom"
    title="خروج"
    onclick="window.location.href = "login.html"><i
    class="mdi mdi-logout"></i></a></div>
</div>
</div>
</div>