     <!-- 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 -->
    <!-- News Details Page Area Start Here -->
    <section class="bg-body section-space-less30 achivement">
        <div class="container">
            <div class="row">
                <div class="col-lg-7 col-md-6 mb-30">
                    <div class="news-details-layout1">
                       
                        <h2 class="title-semibold-dark size-c30">هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ</h2>
                        <ul class="post-info-dark mb-30">
                            <li>
                                <a href="#">
                                    <span>بواسطة</span> أميره على</a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-calendar" aria-hidden="true"></i>Jan 10, 2017</a>
                            </li>
                           
                        </ul>
                        <p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
                                إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد، النص لن يبدو مقسما ولا يحوي أخطاء لغوية، مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان أن يطلع على صورة حقيقية لتصميم الموقع.
                                ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق.
                                هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق، أو حتى غير مفهوم. لأنه مازال نصاً بديلاً ومؤقتاً.</p>
                       
                     
                    </div>
                </div>
                <div class="col-lg-5 col-md-6">
                     

                        <div class="large-image  ">
                                <img itemprop="image" class="product-image-zoom largeImage" src="../assets/img/news/news2.jpg" data-zoom-image="image/demo/shop/product/J9.jpg" title="Bint Beef" alt="Bint Beef">
                            </div>
                            <div  class="owl-carousel thumb-slider">
                                    <a data-index="3" class="img thumbnail " data-image="../assets/img/news/news3.jpg" title="Bint Beef">
                                        <img src="../assets/img/news/news3.jpg" title="Bint Beef" alt="Bint Beef">
                                    </a>
                                    <a data-index="3" class="img thumbnail " data-image="../assets/img/news/news4.jpg" title="Bint Beef">
                                        <img src="../assets/img/news/news4.jpg" title="Bint Beef" alt="Bint Beef">
                                    </a>
                                    <a data-index="3" class="img thumbnail " data-image="../assets/img/news/news5.jpg" title="Bint Beef">
                                        <img src="../assets/img/news/news5.jpg" title="Bint Beef" alt="Bint Beef">
                                    </a>
                                    <a data-index="3" class="img thumbnail " data-image="../assets/img/news/news6.jpg" title="Bint Beef">
                                        <img src="../assets/img/news/news6.jpg" title="Bint Beef" alt="Bint Beef">
                                    </a>
                                    <a data-index="3" class="img thumbnail " data-image="../assets/img/news/news7.jpg" title="Bint Beef">
                                        <img src="../assets/img/news/news7.jpg" title="Bint Beef" alt="Bint Beef">
                                    </a>
                             </div>
                </div>
          
            </div>
        </div>
    </section>
    <!-- News Details Page Area End Here -->