  <!-- Breadcrumb Area Start Here -->
  <section class="breadcrumbs-area" style="background-image: url('../assets/img/bg-page.jpg');">
    <div class="container">
        <div class="breadcrumbs-content">
            <h1>صندوق العائلة</h1>
            <ul>
                <li>
                    <a href="index.php">الرئيسية</a> -</li>
                <li>صندوق العائلة</li>
            </ul>
        </div>
    </div>
</section>
<!-- Breadcrumb Area End Here -->  
  
  
  <!--================ Start Welcome Section Area =================-->
  <section class="welcome_section_area">
    <div class="container">
        <div class="row">
              <p> 
                    ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق.
                    هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق، أو حتى غير مفهوم. لأنه مازال نصاً بديلاً ومؤقتاً.                </p>
            
        </div>

        <div class="row">
                <div class="accordion" id="accordion">
                       
                        <div class="history-item">
                            <div class="history-header" id="historyTwo">
                                <h5>
                                    <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                       الهيكل التنظيمى للصندوق 
                                    </a>
                                </h5>
                            </div><!-- End .history-header -->
      
                            <div id="collapseTwo" class="collapse" aria-labelledby="historyTwo" data-parent="#accordion">
                                <div class="history-body">
                                        <div id="orgchart"></div>
                                                                    </div><!-- End .history-body -->
                            </div><!-- End .collapse -->
                        </div><!-- End .history-item -->
      
                        <div class="history-item">
                            <div class="history-header" id="historyThree">
                                <h5>
                                    <a href="#" class="collapsed" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                        تقارير
                                    </a>
                                </h5>
                            </div><!-- End .history-header -->
      
                            <div id="collapseThree" class="collapse" aria-labelledby="historyThree" data-parent="#accordion">
                                <div class="history-body">

                                        <ul class="sidebar-tags">
                                                <li>
                                                    <a href="report-detail.php">اسم التقرير1</a>
                                                </li>
                                                <li>
                                                    <a href="report-detail.php">تقرير 2</a>
                                                </li>
                                                <li>
                                                    <a href="report-detail.php">تقرير 3</a>
                                                </li>
                                                <li>
                                                    <a href="report-detail.php">تقرير</a>
                                                </li>
                                                <li>
                                                    <a href="report-detail.php">تقرير</a>
                                                </li>
                                                <li>
                                                    <a href="report-detail.php">تقرير</a>
                                                </li>
                                                <li>
                                                    <a href="report-detail.php">تقرير</a>
                                                </li>
                                                <li>
                                                    <a href="report-detail.php">تقرير</a>
                                                </li>
                                                <li>
                                                    <a href="report-detail.php">تقرير</a>
                                                </li>
                                            </ul>

                                </div><!-- End .history-body -->
                            </div><!-- End .collapse -->
                        </div><!-- End .history-item -->
      
                      
                    </div><!-- End .accordion -->
        </div>
      
    </div>
</section>
<!--================ End Welcome Section Area =================-->