كود وضع اطار من جميع الجهات (مطور ومتوافق مع كل المتصفحات)

<!-- Box >> Start -->
<div class="box">
 
   <!-- Box Header >> Start -->
   <div class="box-header">
      <div class="box-header-right"></div>
      <div class="box-header-left"></div>
   <!-- Box Header >> End -->
   </div>
 
   <!-- Box Body >> Start -->
   <div class="box-body">
      <div class="box-body-right">
      <div class="box-body-left">
         المحتويات
      </div>
      </div>
   <!-- Box Body >> End -->
   </div>
 
   <!-- Box Footer >> Start -->
   <div class="box-footer">
      <div class="box-footer-right"></div>
      <div class="box-footer-left"></div>
   <!-- Box Footer >> End -->
   </div>
 
<!-- Box >> End -->
</div>