@extends('layouts.master')
@section('content')


    <!-- Main Section Start -->
    <section id="main" class="main" style="margin-top: 200px">

        <!-- Main Section Content Start -->
        <div class="main__content" >
            <div class="container-fluid p-0 fullheight-mobile">
                <div class="row g-0 fullheight-mobile">

                    <!-- Main Section Intro Start -->
                    <div class="col-12 col-xl-6 main__intro">

                        <!-- Intro Content Start -->
                        <div class="intro__content">

                            <!-- Headline Start -->
                            <div id="headline" class="headline bottom column">
                                <img src="{{asset('assets/img/ImportMSG.png')}}" alt="ImportMSG">
                                <h1 class="headline__animate small text-light">Important instructions</h1>
                                <p class="headline__text text-light-base small bottom" dir="rtl">تعليمات هامه يجب اتباعها</p>

                            </div>
                            <!-- Headline End -->

                        </div>
                        <!-- Intro Content End -->

                    </div>
                    <!-- Main Section Intro End -->

                    <!-- Main Section Media Start -->
                    <div class="col-12 col-xl-6 main__media">

                        <!-- Media Content Start -->
                        <div class="media__content half">

                            <!-- Main Section Image & Background Effect Start -->
                            <div class="media__image">

                                <!-- Background Effect Start -->
                                <!-- kenburns background -->
                                <!-- <img src="img/ImportMSG.png" alt="ImportMSG" > -->
                                <!-- Background Effect End -->

                                <!-- Color Layer Start -->
                                <div class="color-layer color-layer-black-04-mobile"></div>
                                <!-- Color Layer End -->

                            </div>
                            <!-- Main Section Image & Background Effect End -->

                        </div>
                        <!-- Media Content End -->

                    </div>
                    <!-- Main Section Media End -->

                </div>
            </div>
        </div>
        <!-- Main Section Content End -->

    </section>
    <!-- Main Section End -->

    <!-- About Section Start -->
    <section id="about" class="inner about">

        <!-- Section Info Start -->
        <div class="inner__info bg-dark">
            <div class="info__wrapper">
                <div class="container-fluid p-0">
                    <div class="row g-0">

                        <!-- Section Title Start -->
                        <div class="col-12 col-lg-1 info__title">
                            <div class="title-content column">

                            </div>
                        </div>
                        <!-- Section Title End -->

                        <!-- Section Content Start -->
                        <div class="col-12 col-lg-11 info__content">
                            <div class="container-fluid p-0">
                                <div class="row g-0">

                                    <!-- Content Block - Section Text - Start -->
                                    <div class="col-12 col-lg-12 content-block mobile-margin">
                                        <div class="column">
                                            <div class="text-light">
                                                <div class="ul_admin_note" dir="rtl">
                                                    <ul>
                                                        <li>
                                                            <h3 class="font-semibold mb-4"><mark> ملحوظات الحضور:</mark></h3>
                                                            <h4>

                                                                في حالة انك تريد ان يقوم اكثر من شخص بعملية الحضور لا مشكلة
                                                                يجب عليك قراة المثال التالي لفهم كيف تتم هذه العملية
                                                                لنفترض اننا لدينا الحصة الان وأحد المشرفين يريد تحضير
                                                                الأولاد والأخر سوف يقوم بتحضير البنات الخطوة الاولي ان يقوم
                                                                احدهم بإنشاء درس وفتح الاسكانر ثم يقوم الأخر بالدخول علي
                                                                الابليكيشن والضغط علي الايقونة التي تخص الاسكانر سيجد
                                                                الاسكانر ظهر في الوقت الذي حدده المشرف الاخر اثناء إنشاءه
                                                                للدرس وهنا تم فتح الاسكانر في التليفون الخاص بالمشرف الاول
                                                                والمشرف الثاني ونستنتج ان مهما كان عدد المشرفين الذين
                                                                سيقومون بعملية الحضور لا نحتاج إلا لواحد فقط لإنشاء الدرس
                                                                والضغط علي " فتح الاسكانر " ثم اذآ يمكنك البدء في التحضير
                                                                وبعد الانتهاء يمكن ان يضغط احدكم علي انهاء الحضور وفي حالة
                                                                انه قام احدهم بإنهاء الحضور يجب علي الباي ألا يقوم بتحضير
                                                            </h4>
                                                        </li>

                                                        <br>
                                                        <li>
                                                            <h3 class="font-semibold mb-4"><mark>اضافة الامتحان:</mark></h3>
                                                           <h4>
                                                               في حالة اضافة الامتحان يفضل ان يقوم المشرف بإضافة الامتحان
                                                               قبل ميعاده بفترة ولا يسمح ان يتم اضافة اكثر من امتحان وتحديد
                                                               معاد البدء لهم في نفس الوقت يجب علي المشرف الانتباه لمن يريد
                                                               اضافة الامتحان او بمعني اخر انهي مجموعة الي عليها امتحان
                                                           </h4>
                                                        </li>
                                                        <br>
                                                        <li>
                                                            <h3 class="font-sans mb-4 "><mark> انشاء المجموعات:</mark></h3>
                                                            <h4>
                                                                " زي المثال ده اثناء انشاء المجموعات يجب عليك الا تكرر اسم
                                                                مجموعة اكثر من مرة و يجب عليك توضيح اسم المجموعة ومعادها
                                                                اثناء الإنشاء او يمكن ان تقوم بإنشاء كود لكل مجموعة يعبر عن
                                                                اسمها وتنشئ المجموعات باسماء الاكواد الي انت عملتها عشان
                                                                تبقي عارف كل مجموعة علي الابليكيشن بتمثل انهي مجموعة علي ارض
                                                                الواقع وتقدر تعرف طلبة كل سنتر اسم مجموعتهم علي الابليكيشن
                                                                حتي لا يحدث مشكلة بالنسبة للمشرف "بسبب انه ممكن ينسي اسم
                                                                مجموعة علي الابليكيشن وميعرفش دي انهي مجموعة علي ارض الواقع
                                                                ويستحسن ان يتم كتابة اسم ومعاد كل مجموعة المستر بيدي فيها
                                                                وانت مسميها اية علي الابليكيشن عشان لو نسيت يا صديقي مجموعة
                                                                معينة علي الابليكيشن بتمثل انهي مجموعة علي ارض الواقع تبقي
                                                                كاتب كل حاجة
                                                            </h4>
                                                        </li>
                                                        <li>   <h3>مجموعة سنتر المحمدي = مجموعة .....علي الابليكيشن</h3></li>
                                                        <li>  <h3>هنا انا وضحت المجموعة علي ارض الواقع اسمها اية وعلي
                                                                الابليكيشن اسمها اية</h3>
                                                        </li>

                                                    </ul>
                                                </div>


                                            </div>

                                        </div>
                                    </div>
                                    <!-- Content Block - Section Text - End -->


                                </div>
                            </div>
                        </div>
                        <!-- Section Content End -->

                    </div>
                </div>
            </div>
        </div>
        <!-- Section Info End -->


        <!-- About Section End -->

        <!-- Portfolio Section Start -->
        <section id="portfolio" class="inner portfolio">

            <!-- Section Info Start -->
            <div class="inner__info bg-medium">
                <div class="info__wrapper">
                    <div class="container-fluid p-0">
                        <div class="row g-0">

                            <!-- Section Title Start -->
                            <div class="col-12 col-lg-1 info__title">
                                <div class="title-content column">

                                </div>
                            </div>
                            <!-- Section Title End -->

                            <!-- Section Content Start -->
                            <div class="col-12 col-lg-11 info__content">
                                <div class="container-fluid p-0">
                                    <div class="row g-0">

                                        <!-- Content Block - Section Text - Start -->
                                        <div class="col-12 col-lg-6 content-block">
                                            <div class="column">
                                                <h2 class="text-light"></h2>
                                                <p class="section-text text-light-base">


                                                </p>
                                            </div>
                                        </div>
                                        <!-- Content Block - Section Text - End -->


                                    </div>
                                </div>
                            </div>
                            <!-- Section Content End -->

                        </div>
                    </div>
                </div>
            </div>


            <!-- Portfolio Section End -->
@endsection