Как улучшить сайт - панели на странице в личном кабинете

В чем улучшение - интерфейс визуально делится на отдельные панели на странице. В каждой панеле прогружаются свои компоненты. 

В этом примере используется стандартная разметка Bootstrap + класс as-panel для создания панелей. 

Код разметки: 

<div class='row'>
  <div class='col-12 col-md-9'>
    <div class="as-panel">
     ....
    </div>
    <div class="as-panel">
      ......
    </div>
  </div>
  <div class='col-12 col-md-3'>
    <div class="as-panel">
      .....
	</div>
    <div class="as-panel">
      .....
    </div>
    <div class="as-panel">
      ......
    </div>
  </div>
  
</div>

Класс as-panel встроен в систему. Но можно и самостоятельно его прописать (чтобы не ждать обновления): 

.as-panel {
    background-color: #fff !important;
    padding: 1rem !important;
    border-radius: 1rem !important;
    margin-bottom: 1rem !important;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
}

Другие модули

Последние обновления

SQL-инструмент для создания личных кабинетов на сайте

Суть подхода и история создания Falcon Space

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства