     <!-- 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">
        <div class="container">
            <div class="row">
                <div class="col-lg-8 col-md-12 mb-30">
                    <div class="news-details-layout1">
                        <div class="position-relative mb-30">
                            <img src="../assets/img/news/news2.jpg" alt="news-details" class="img-fluid">
                        </div>
                        <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>
                            <li>
                                <a href="#">
                                    <i class="fa fa-eye" aria-hidden="true"></i>202</a>
                            </li>
                            <li>
                                <a href="#">
                                    <i class="fa fa-comments" aria-hidden="true"></i>20</a>
                            </li>
                        </ul>
                        <p>هذا النص هو مثال لنص يمكن أن يستبدل في نفس المساحة، لقد تم توليد هذا النص من مولد النص العربى، حيث يمكنك أن تولد مثل هذا النص أو العديد من النصوص الأخرى إضافة إلى زيادة عدد الحروف التى يولدها التطبيق.
                                إذا كنت تحتاج إلى عدد أكبر من الفقرات يتيح لك مولد النص العربى زيادة عدد الفقرات كما تريد، النص لن يبدو مقسما ولا يحوي أخطاء لغوية، مولد النص العربى مفيد لمصممي المواقع على وجه الخصوص، حيث يحتاج العميل فى كثير من الأحيان أن يطلع على صورة حقيقية لتصميم الموقع.
                                ومن هنا وجب على المصمم أن يضع نصوصا مؤقتة على التصميم ليظهر للعميل الشكل كاملاً،دور مولد النص العربى أن يوفر على المصمم عناء البحث عن نص بديل لا علاقة له بالموضوع الذى يتحدث عنه التصميم فيظهر بشكل لا يليق.
                                هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة فلن يبدو وكأنه نص منسوخ، غير منظم، غير منسق، أو حتى غير مفهوم. لأنه مازال نصاً بديلاً ومؤقتاً.</p>
                       
                     
                    </div>
                </div>
                <div class="ne-sidebar sidebar-break-md col-lg-4 col-md-12">
                  
                    <div class="sidebar-box">
                        <div class="topic-border color-cod-gray mb-5">
                            <div class="topic-box-lg color-cod-gray">أحدث الأخبار</div>
                        </div>
                        <div class="row">
                            <div class="col-lg-6 col-md-4 col-sm-6 col-6">
                                <div class="mt-25 position-relative">
                                    <a href="detail-new.php" class="mb-10 display-block img-opacity-hover">
                                        <img src="../assets/img/news/news5.jpg" alt="ad" class="img-fluid m-auto width-100">
                                    </a>
                                    <h3 class="title-medium-dark size-md mb-none">
                                        <a href="detail-new.php">هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة</a>
                                    </h3>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-4 col-sm-6 col-6">
                                <div class="mt-25 position-relative">
                                  
                                    <a href="detail-new.php" class="mb-10 display-block img-opacity-hover">
                                        <img src="../assets/img/news/news6.jpg" alt="ad" class="img-fluid m-auto width-100">
                                    </a>
                                    <h3 class="title-medium-dark size-md mb-none">
                                        <a href="detail-new.php">هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة</a>
                                    </h3>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-4 col-sm-6 col-6">
                                <div class="mt-25 position-relative">
                                 
                                    <a href="detail-new.php" class="mb-10 display-block img-opacity-hover">
                                        <img src="../assets/img/news/news7.jpg" alt="ad" class="img-fluid m-auto width-100">
                                    </a>
                                    <h3 class="title-medium-dark size-md mb-none">
                                        <a href="detail-new.php">هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة</a>
                                    </h3>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-4 col-sm-6 col-6">
                                <div class="mt-25 position-relative">
                                  
                                    <a href="detail-new.php" class="mb-10 display-block img-opacity-hover">
                                        <img src="../assets/img/news/news8.jpg" alt="ad" class="img-fluid m-auto width-100">
                                    </a>
                                    <h3 class="title-medium-dark size-md mb-none">
                                        <a href="detail-new.php">هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة</a>
                                    </h3>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-4 col-sm-6 col-6">
                                <div class="mt-25 position-relative">
                                  
                                    <a href="detail-new.php" class="mb-10 display-block img-opacity-hover">
                                        <img src="../assets/img/news/news9.jpg" alt="ad" class="img-fluid m-auto width-100">
                                    </a>
                                    <h3 class="title-medium-dark size-md mb-none">
                                        <a href="detail-new.php">Rosie Huntington Whitl Habits Career Art.Rosie TBeauty Habits.</a>
                                    </h3>
                                </div>
                            </div>
                            <div class="col-lg-6 col-md-4 col-sm-6 col-6">
                                <div class="mt-25 position-relative">
                                   
                                    <a href="detail-new.php" class="mb-10 display-block img-opacity-hover">
                                        <img src="../assets/img/news/news11.jpg" alt="ad" class="img-fluid m-auto width-100">
                                    </a>
                                    <h3 class="title-medium-dark size-md mb-none">
                                        <a href="detail-new.php">هذا النص يمكن أن يتم تركيبه على أي تصميم دون مشكلة</a>
                                    </h3>
                                </div>
                            </div>
                        </div>
                    </div>
                
                </div>
            </div>
        </div>
    </section>
    <!-- News Details Page Area End Here -->