templates/default/index.html.twig line 1649

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block content %}
  3.     {% if 'commons.language.direction'|trans == 'rtl' %}
  4.         <section id="hero-image" class="hero-image hero-p-v1 pos-relative">
  5.             <!-- Color Overlay -->
  6.             <div class="section-overlay bg-color-light opacity-90"></div>
  7.             <!-- /End Color Overlay -->
  8.             <div class="container wrapper-h-xs-lg">
  9.                 <div class="row vert-middle-sm">
  10.                     <div class="col-sm-4 col-sm-push-8 text-center-sm wrapper-v-lg">
  11.                         <!-- Headline -->
  12.                         <h2 class="reveal-bottom-opacity">هل تخطط لتنظيم مؤتمر قريباً؟</h2>
  13.                         <!-- /End Headline -->
  14.                         <!-- Description -->
  15.                         <p class="reveal-bottom-opacity">ديوانية: أقوى نظام عربي لإدارة المؤتمرات
  16.                             (إدارة المؤتمر - الإدارة المالية واللوجيستية - إدارة المشروعات)</p>
  17.                         <!-- /End Description -->
  18.                         <!-- Button -->
  19.                         <div class="wrapper-v-lg reveal-bottom-opacity delay4">
  20.                             <a href="{{ path('cloud_package_pricing') }}" class="btn btn-color smooth-scroll m-all-0" role="button"> {{ 'diwanyah.labels.subscribe_now'|trans }} </a>
  21.                             {# <br>
  22.                             <span> اشترك الآن وإدفع لاحقاً </span> #}
  23.                         </div>
  24.                         <!-- /End Button -->
  25.                     </div>
  26.                     <div class="col-sm-8 col-sm-pull-4  wrapper-v-lg wrapper-h-xs-sm">
  27.                         <!-- Hero Smartphone Images -->
  28.                         <div class="pos-relative">
  29.                             <img src="{{ asset('assets/images/macbook.png') }}" class="img-top-top img-responsive reveal-right-10" alt="">
  30.                         </div>
  31.                         <!-- /End Hero Smartphone Images -->
  32.                     </div>
  33.                 </div>
  34.             </div>
  35.         </section>
  36.         <section id="phases" class="section-p-lg">
  37.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  38.                 <div class="row">
  39.                     <!-- Headline -->
  40.                     <div class="col-sm-12 wrapper-v-lg text-center">
  41.                         <h2 class="text-center"> مراحل إدارة المؤتمر </h2>
  42.                     </div>
  43.                     <!-- /End Headline -->
  44.                     <!-- Services Block 1 -->
  45.                     <div class="col-sm-12 col-lg-4 wrapper-v-lg text-center">
  46.                         <!-- Icon -->
  47.                         <div class="icon-lg icon-color">
  48.                             <i class="icon icon-basic-gear"></i>
  49.                         </div>
  50.                         <!-- /End Icon -->
  51.                         <!-- Description -->
  52.                         <h4> الإعداد للمؤتمر </h4>
  53.                         <div class="col-md-12">
  54.                             <p class="text-center">
  55.                                 أولى الخطوات لبدء المؤتمر وفيـه <br>
  56.                                 تظهر إمكانيات ديوانية الإحترافية
  57.                             </p>
  58.                             <ol class="text-right custom-list">
  59.                                 <li><span></span>إدارة التسجيل والقبول</li>
  60.                                 <li><span></span>إدارة المعرض والحجوزات</li>
  61.                                 <li><span></span>إدارة الورقة البحثية</li>
  62.                                 <li><span></span>الإدارة اللوجستية والمالية</li>
  63.                             </ol>
  64.                         </div>
  65.                         <!-- /End Description -->
  66.                     </div>
  67.                     <!-- /End Services Block 1 -->
  68.                     <!-- Services Block 2 -->
  69.                     <div class="col-sm-12 col-lg-4 wrapper-v-lg text-center">
  70.                         <!-- Icon -->
  71.                         <div class="icon-lg icon-color">
  72.                             <i class="icon icon-basic-video"></i>
  73.                         </div>
  74.                         <!-- /End Icon -->
  75.                         <!-- Description -->
  76.                         <h4> أثناء انعقاد المؤتمر <br>
  77.                         </h4>
  78.                         <div class="col-md-12">
  79.                             <p class="text-center">
  80.                                 أكثر مراحل المؤتمر حساسية وتظهر <br>
  81.                                 هنا إمكانيات "ديوانية" الاحترافية
  82.                             </p>
  83.                             <ol class="text-right custom-list">
  84.                                 <li><span></span>إدارة الحضور والشهادات</li>
  85.                                 <li><span></span>إدارة التصويت والاستبيانات</li>
  86.                                 <li><span></span>إدارة البث الحي</li>
  87.                                 <li><span></span>إدارة المركز الإعلامي والمحتوى</li>
  88.                             </ol>
  89.                         </div>
  90.                         <!-- /End Description -->
  91.                     </div>
  92.                     <!-- /End Services Block 2 -->
  93.                     <!-- Services Block 3 -->
  94.                     <div class="col-sm-12 col-lg-4 wrapper-v-lg text-center">
  95.                         <!-- Icon -->
  96.                         <div class="icon-lg icon-color"><i class="icon icon-basic-todolist-pencil"></i></div>
  97.                         <!-- /End Icon -->
  98.                         <!-- Description -->
  99.                         <h4> ختم المؤتمر <br>
  100.                         </h4>
  101.                         <div class="col-md-12">
  102.                             <p class="text-center">
  103.                                 لا يكتمل دور المؤتمر إلا بتنفيذ <br>
  104.                                 التوصيات المنبثقة منه وهنا دورنا
  105.                             </p>
  106.                             <ol class="text-right custom-list">
  107.                                 <li><span></span>إدارة التوصيات</li>
  108.                                 <li><span></span>إدارة المتطوعين</li>
  109.                                 <li><span></span>إدارة المحتوى</li>
  110.                                 <li><span></span>إحصائيات وتقارير</li>
  111.                             </ol>
  112.                         </div>
  113.                         <!-- /End Description -->
  114.                     </div>
  115.                     <!-- /End Services Block 3 -->
  116.                 </div>
  117.             </div>
  118.         </section>
  119.         <section id="component" class="section-p-lg componunts-app">
  120.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  121.                 <div class="row vert-middle-md">
  122.                     <!-- Function Smartphone Image -->
  123.                     <div class="col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2 wrapper-v-lg">
  124.                         <div class="function-device-shadow">
  125.                             <img src="{{ asset('assets/images/function-1-device-1.png') }}" class="img-responsive reveal-top-20" alt="">
  126.                         </div>
  127.                     </div>
  128.                     <!-- /End Function Smartphone Image -->
  129.                     <!-- Function Block -->
  130.                     <div class="col-md-8 col-sm-12 wrapper-v-lg text-right">
  131.                         <!-- Headline -->
  132.                         <h2>مكونات ديوانية</h2>
  133.                         <!-- /End Headline -->
  134.                         <!-- Description -->
  135.                         <p class="f-15">
  136.                             يُعدُّ نظام «ديوانية» نظامًا فريدًا في إدارة مؤتمراتك بكفاءة عالية، وجودة رائدة، وآليات حديثة،
  137.                             منذ لحظة التفكير وحتى إتمام المشاريع المنبثقة عن توصيات تلك المؤتمرات، ويشتمل على:
  138.                         </p>
  139.                         <!-- /End Description -->
  140.                         <div class="row">
  141.                             <!-- Function Subblock -->
  142.                             <div class="col-md-6 wrapper-v-lg custom-list">
  143.                                 <div class="col-lg-12 p-all-0">
  144.                                     <p><span class="list-num">1</span> واجهة وموقع المؤتمر على الإنترنت. </p>
  145.                                 </div>
  146.                                 <!-- /End -->
  147.                                 <div class="col-lg-12 p-all-0">
  148.                                     <p><span class="list-num">2</span> إدارة ومتابعة أجندة فعاليات المؤتمر.</p>
  149.                                 </div>
  150.                                 <!-- /End -->
  151.                                 <div class="col-lg-12 p-all-0">
  152.                                     <p><span class="list-num">3</span> دورة المشاركات والأوراق البحثية.</p>
  153.                                 </div>
  154.                                 <!-- /End -->
  155.                                 <div class="col-lg-12 p-all-0">
  156.                                     <p><span class="list-num">4</span> الإدارة اللوجستية والمالية للمؤتمر.</p>
  157.                                 </div>
  158.                                 <!-- /End -->
  159.                                 <div class="col-lg-12 p-all-0">
  160.                                     <p><span class="list-num">5</span> الرعايات والمنظمون ولجان المؤتمر.</p>
  161.                                 </div>
  162.                                 <!-- /End -->
  163.                                 <div class="col-lg-12 p-all-0">
  164.                                     <p><span class="list-num">6</span> إدارة التسجيل والحضور.</p>
  165.                                 </div>
  166.                                 <!-- /End -->
  167.                             </div>
  168.                             <!-- /End Function Subblock -->
  169.                             <!-- Function Subblock -->
  170.                             <div class="col-md-6 wrapper-v-lg">
  171.                                 <div class="col-lg-12 p-all-0">
  172.                                     <p><span class="list-num">7</span> البث المباشر والاستبيانات.</p>
  173.                                 </div>
  174.                                 <!-- /End -->
  175.                                 <div class="col-lg-12 p-all-0">
  176.                                     <p><span class="list-num">8</span> المركز الإعلامي والمعلوماتي.</p>
  177.                                 </div>
  178.                                 <!-- /End -->
  179.                                 <div class="col-lg-12 p-all-0">
  180.                                     <p><span class="list-num">9</span> هيكلة أولويات التوصيات.</p>
  181.                                 </div>
  182.                                 <!-- /End -->
  183.                                 <div class="col-lg-12 p-all-0">
  184.                                     <p><span class="list-num">10</span> إدارة مشاريع التوصيات.</p>
  185.                                 </div>
  186.                                 <!-- /End -->
  187.                                 <div class="col-lg-12 p-all-0">
  188.                                     <p><span class="list-num">11</span> إدارة المهام والمتطوعين.</p>
  189.                                 </div>
  190.                                 <!-- /End -->
  191.                                 <div class="col-lg-12 p-all-0">
  192.                                     <p><span class="list-num">12</span> التقارير والرسوم البيانية.</p>
  193.                                 </div>
  194.                                 <!-- /End -->
  195.                             </div>
  196.                             <!-- /End Function Subblock -->
  197.                         </div>
  198.                     </div>
  199.                     <!-- Function -->
  200.                 </div>
  201.             </div>
  202.         </section>
  203.         <section id="logistics" class="section-p-lg">
  204.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity" data-sr-id="13"
  205.                  style="; visibility: visible;  -webkit-transform: translateY(0); opacity: 1;transform: translateY(0); opacity: 1;-webkit-transition: -webkit-transform 0.8s linear 0s, opacity 0.8s linear 0s; transition: transform 0.8s linear 0s, opacity 0.8s linear 0s; ">
  206.                 <div class="row">
  207.                     <!-- Headline -->
  208.                     <div class="col-sm-8 col-sm-offset-2 wrapper-v-lg text-center">
  209.                         <h2>الإدارة اللوجيستية للمؤتمر</h2>
  210.                         <p> تُعد من أهم مكونات النظام، ومن خلالها تتم الإدارة الفعلية للمؤتمر؛ بحيث تبدأ بوضع خطة تنفيذ
  211.                             المؤتمر بشكلٍ مرن، وتنتهي بمهامٍ محددةٍ تُوكَّل لمسؤول عنها؛ يُحدثها حتى إنهائها تمامًا...
  212.                             <a class="link-modal" href="#" data-toggle="modal" data-target="#myModal">المزيد</a>
  213.                             <br><br>
  214.                             <strong>مستويات تقارير اللوجستيات</strong>
  215.                         </p>
  216.                     </div>
  217.                     <!-- /End Headline -->
  218.                 </div>
  219.                 <div class="row vert-middle-md">
  220.                     <!-- Features Left -->
  221.                     <div class="col-md-3 col-sm-6 features-left wrapper-v-md wrapper-h-xs-lg">
  222.                         <div class="reveal-left-10" data-sr-id="5">
  223.                             <!-- Icon -->
  224.                             <div class="icon-md icon-color">
  225.                                 <i class="icon icon-software-paintbucket"></i>
  226.                             </div>
  227.                             <!-- /End Icon -->
  228.                             <!-- Description -->
  229.                             <h4>تقرير بمهمة</h4>
  230.                             <p>يعرض تقريرًا بـ "نسبة الإنجاز، والتكلفة الفعلية" لمهمة محددة، أو عدة مهام، مع إمكانية مقارنة
  231.                                 التقديرات الفعلية بالتقديرية "مدة وتكلفة". </p>
  232.                             <!-- /End Description -->
  233.                             <!-- Icon -->
  234.                             <div class="icon-md icon-color">
  235.                                 <i class="icon icon-basic-picture"></i>
  236.                             </div>
  237.                             <!-- /End Icon -->
  238.                             <!-- Description -->
  239.                             <h4>تقرير بمهام مسؤول</h4>
  240.                             <p>يعرض تقريرًا بـ "المهام الموكلة إلى كل مسؤول، ونسبة إنجازه لها، وتكلفتها" مع إمكانية مقارنة
  241.                                 التقديرات الفعلية بالتقديرية "مدة وتكلفة". </p>
  242.                             <!-- /End Description -->
  243.                         </div>
  244.                     </div>
  245.                     <!-- /End Features Left -->
  246.                     <!-- Features Right -->
  247.                     <div class="col-md-3 col-md-push-6 col-sm-6  wrapper-v-md features-right wrapper-h-xs-lg">
  248.                         <div class="reveal-right-10" data-sr-id="7">
  249.                             <!-- Icon -->
  250.                             <div class="icon-md icon-color">
  251.                                 <i class="icon icon-software-font-vertical-scale"></i>
  252.                             </div>
  253.                             <!-- /End Icon -->
  254.                             <!-- Description -->
  255.                             <h4>تقرير بالمؤتمر كاملًا</h4>
  256.                             <p>يعرض تقريرًا بـ "نسبة الإنجاز والتكلفة الفعلية"، لكل مهام المؤتمر، مع إمكانية مقارنة
  257.                                 التقديرات الفعلية بالتقديرية "مدة وتكلفة". </p>
  258.                             <!-- /End Description -->
  259.                             <!-- Icon -->
  260.                             <div class="icon-md icon-color">
  261.                                 <i class="icon icon-ecommerce-diamond"></i>
  262.                             </div>
  263.                             <!-- /End Icon -->
  264.                             <!-- Description -->
  265.                             <h4>تقرير بفئة مهام</h4>
  266.                             <p>يعرض تقريرًا بـ "بالتكلفة الإجمالية لفئة ما، مثل الإيجارات، أو الإقامات، مع إمكانية عرض أكثر
  267.                                 من فئة في تقريرٍ واحد.</p>
  268.                             <!-- /End Description -->
  269.                         </div>
  270.                     </div>
  271.                     <!-- /End Features Right -->
  272.                     <!-- Features Smartphone Image -->
  273.                     <div class="col-md-6 col-md-offset-0 col-md-pull-3 col-sm-8 col-sm-offset-2 text-center wrapper-v-lg">
  274.                         <div class="row">
  275.                             <div class="col-lg-10 col-lg-offset-1 wrapper-h-xs-lg reveal-bottom-20">
  276.                                 <img src="{{ asset('assets/images/features-device--1.png') }}" class="img-responsive m-x-auto w-80" alt=""
  277.                                      data-sr-id="1">
  278.                             </div>
  279.                         </div>
  280.                     </div>
  281.                     <!-- /End Features Smartphone Image -->
  282.                 </div>
  283.             </div>
  284.         </section>
  285.         <section id="register" class="section-p-lg pos-relative ov-hidden">
  286.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  287.                 <div class="row">
  288.                     <!-- Function 2 Block -->
  289.                     <div class="col-sm-6 wrapper-v-lg text-right">
  290.                         <!-- Headline -->
  291.                         <h2>التسجيل والحضور</h2>
  292.                         <!-- /End Headline -->
  293.                         <!-- Description -->
  294.                         <p> يدعم نظام «ديوانية» أكثر من نوعٍ للتسجيل، كلٌ حسب بياناته ومسارته الخاصة. </p>
  295.                         <!-- /End Description -->
  296.                         <div class="row">
  297.                             <div class="col-md-11 col-sm-11 wrapper-v-md">
  298.                                 <!-- Panel Group -->
  299.                                 <div class="panel-group text-dark" id="accordion" role="tablist"
  300.                                      aria-multiselectable="true">
  301.                                     <!-- Panel -->
  302.                                     <div class="panel panel-color">
  303.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  304.                                              data-parent="#accordion" data-target="#collapse-1">
  305.                                             <h4 class="panel-title">
  306.                                                 التسجيل كـ «عارض» <i class="icon icon-arrows-plus"></i>
  307.                                             </h4>
  308.                                         </div>
  309.                                         <div id="collapse-1" class="panel-collapse collapse" role="tabpanel">
  310.                                             <div class="panel-body">
  311.                                                 <ul>
  312.                                                     <li class="text-justify">
  313.                                                         يُتيح نظام «ديوانية» التسجيل كعارض، فيُظهر كافة
  314.                                                         تفاصيل المساحات المتاحة في المعرض المصاحب للمؤتمر (بمخططٍ أفقي لأرض
  315.                                                         المعرض ومساحاته)، مبينًا سعر كل وحدة، وشارحًا لكل خطوات الدفع،
  316.                                                         وتأكيد الحجز، وتقريرٍ بالاستلام. <br>
  317.                                                     </li>
  318.                                                     <li>
  319.                                                         بمجرد الحجز والدفع للمساحة المرادة، يقوم النظام بإصدار بطاقة شخصية
  320.                                                         (ID)، مع إظهار حالة تلك المساحة للآخرين؛ بأنها محجوزة.
  321.                                                         مع متابعة الأحداث وأخبار المعارض بشكل ميسرٍ ودقيق.
  322.                                                     </li>
  323.                                                 </ul>
  324.                                             </div>
  325.                                         </div>
  326.                                     </div>
  327.                                     <!-- /End Panel -->
  328.                                     <!-- Panel-->
  329.                                     <div class="panel panel-color">
  330.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  331.                                              data-parent="#accordion" data-target="#collapse-2">
  332.                                             <h4 class="panel-title">
  333.                                                 التسجيل كـ «مشارك» <i class="icon icon-arrows-plus"></i>
  334.                                             </h4>
  335.                                         </div>
  336.                                         <div id="collapse-2" class="panel-collapse collapse" role="tabpanel">
  337.                                             <div class="panel-body">
  338.                                                 <ul>
  339.                                                     <li class="text-justify">
  340.                                                         هو الشخص المشارك في المؤتمر؛ بورقة بحثية أو
  341.                                                         بكلمة تفاعلية، أو بمداخلة بينية.
  342.                                                     </li>
  343.                                                     <li class="text-justify">
  344.                                                         في حالة مشاركته بورقة بحثية؛ فإن النظام يدير
  345.                                                         له دورة ورقته كاملة؛ مذ تقديمها وحتى البت النهائي عليها؛ وفي حالة
  346.                                                         قبولها؛ يُعلَم المشارك بكل تفاصيل مشاركته (الجلسات المشارك فيها، مدة
  347.                                                         مشاركته، ميعادها، إلخ) ثم يُصدِر النظام "بطاقة هوية خاصة به"
  348.                                                         ليطبعها، ويدخل بها المؤتمر.
  349.                                                         وإذا رفضت ورقته البحثية، تأخذ دورتها الكاملة من تقديم الاستشكال،
  350.                                                         والرد عليه، حتى النتيجة النهائية.
  351.                                                     </li>
  352.                                                     <li>
  353.                                                         يُمكِّن النظام المسؤولين من إضافة مشاركين، وحتى ولو لم يشاركوا بورقة
  354.                                                         بحثية.
  355.                                                     </li>
  356.                                                 </ul>
  357.                                             </div>
  358.                                         </div>
  359.                                     </div>
  360.                                     <!-- /End Panel -->
  361.                                     <!-- Panel -->
  362.                                     <div class="panel panel-color">
  363.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  364.                                              data-parent="#accordion" data-target="#collapse-3">
  365.                                             <h4 class="panel-title"> التسجيل: كـ «إعلامي» <i
  366.                                                     class="icon icon-arrows-plus"></i></h4>
  367.                                         </div>
  368.                                         <div id="collapse-3" class="panel-collapse collapse" role="tabpanel">
  369.                                             <div class="panel-body">
  370.                                                 <ul>
  371.                                                     <li class="text-justify">
  372.                                                         إدارة كاملة لعملية التعاون بين وسائل الإعلام
  373.                                                         المختلفة وبين هيئة المؤتمر، تمتاز بالسهولة واليسر والمتابعة بين
  374.                                                         الجهتين؛ وذلك لتلافي المشاكل الناجمة عن عدم المتابعة معهم.
  375.                                                     </li>
  376.                                                     <li class="text-justify">
  377.                                                         يُقدم الإعلامي خطاب تكليفه بالمهمة من قِبل
  378.                                                         مؤسسته، ممهورا بخاتمها، ثم بعد موافقة منظمو المؤتمر على مشاركته؛
  379.                                                         يُصدِر له النظام "بطاقة هوية خاصة به".
  380.                                                     </li>
  381.                                                 </ul>
  382.                                             </div>
  383.                                         </div>
  384.                                     </div>
  385.                                     <!-- /End Panel -->
  386.                                     <!-- Panel -->
  387.                                     <div class="panel panel-color">
  388.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  389.                                              data-parent="#accordion" data-target="#collapse-4">
  390.                                             <h4 class="panel-title">
  391.                                                 التسجيل كـ «راعي» <i class="icon icon-arrows-plus"></i>
  392.                                             </h4>
  393.                                         </div>
  394.                                         <div id="collapse-4" class="panel-collapse collapse" role="tabpanel">
  395.                                             <div class="panel-body">
  396.                                                 <ul>
  397.                                                     <li class="text-justify">
  398.                                                         يُولي النظام أهمية خاصة بالرعاة، وبكيفية
  399.                                                         التنسيق والتعاون معهم؛ لتسهيل عملية التسجيل والمتابعة والمشاركات.
  400.                                                     </li>
  401.                                                     <li class="text-justify">
  402.                                                         فيتيح مكونة خاصة بالتسجيل كـ «راعي» على أن يقدم
  403.                                                         طلبًا بالمشاركة في رعاية المؤتمر، وبعد الموافقة يتيح له النظام إصدار
  404.                                                         بطاقة هوية خاصة به؛ مع استكمال لكل مراحل عملية الرعاية، من متابعة
  405.                                                         المشروعات، والتقارير اللحظية، فضلا عن وسائل تواصل مباشرة مع منظمي
  406.                                                         المؤتمر.
  407.                                                     </li>
  408.                                                 </ul>
  409.                                             </div>
  410.                                         </div>
  411.                                     </div>
  412.                                     <!-- /End Panel -->
  413.                                     <!-- Panel -->
  414.                                     <div class="panel panel-color">
  415.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  416.                                              data-parent="#accordion" data-target="#collapse-5">
  417.                                             <h4 class="panel-title">
  418.                                                 التسجيل كـ «حضور» <i class="icon icon-arrows-plus"></i>
  419.                                             </h4>
  420.                                         </div>
  421.                                         <div id="collapse-5" class="panel-collapse collapse" role="tabpanel">
  422.                                             <div class="panel-body">
  423.                                                 <ul>
  424.                                                     <li class="text-justify">
  425.                                                         يُدعِّم النظام إظهار مستويات مختلفة من مشاركات
  426.                                                         الحضور، لكلٍ منها مميزات وتكلفة متغيرة، فيستعرض الحاضر شرائح
  427.                                                         المشاركات العامة؛ ثم يختار ما يناسبه، مع تدعيم كامل لعملية الدفع
  428.                                                         الإلكترونية للتذاكر، والتي تُعد خطوة رئيسة من خطوات التسجيل كحضور..
  429.                                                         ومن ثَمَّ بعد التسجيل والدفع؛ يُصدر النظام له "بطاقة هوية خاصة".
  430.                                                     </li>
  431.                                                 </ul>
  432.                                             </div>
  433.                                         </div>
  434.                                     </div>
  435.                                     <!-- /End Panel -->
  436.                                 </div>
  437.                                 <!-- /End Panelgroup -->
  438.                             </div>
  439.                         </div>
  440.                     </div>
  441.                     <!-- /End Function 2 Block -->
  442.                     <!-- Function 2 Watch Image -->
  443.                     <div class="col-sm-6 image-watch text-right">
  444.                         <img class="reveal-left-20 w-100" src="{{ asset('assets/images/registration.png') }}" alt="">
  445.                     </div>
  446.                     <!-- /End Function 2 Watch Image -->
  447.                 </div>
  448.             </div>
  449.         </section>
  450.         <section id="research-paper" class="section-p-lg">
  451.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  452.                 <div class="row">
  453.                     <!-- Headline & Description -->
  454.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  455.                         <h2>دورة الأوراق البحثية</h2>
  456.                         <p> متابعة عملية دورة الأوراق البحثية المقدمة؛ مذ فتح باب استقبال المشاركات، ومرورًا بتقرير
  457.                             استلامها، ثم متابعة عملية التقييم والتحكيم، فإعلان النتائج، ومن ثَم فتح باب الطعون، وإظهار
  458.                             النتائج النهائية...
  459.                             <a class="link-modal" href="#" data-toggle="modal" data-target="#myModal2">المزيد</a>
  460.                             <br><br>
  461.                             <strong> مراحل دورة الأوراق البحثية </strong>
  462.                         </p>
  463.                     </div>
  464.                     <div class="col-md-12 wrapper-v-lg text-center p-all-0">
  465.                         <div class="col-md-8">
  466.                             <div class="col-md-12 p-all-0">
  467.                                 <div class="col-md-6 col-xs-12 wrapper-v-lg">
  468.                                     <div class="icon-sm icon-color text-right"><i class="fa fa-check-square-o"></i>
  469.                                         <p class="text-right">فتح باب استقبال المشاركات</p>
  470.                                     </div>
  471.                                     <p class="text-justify">
  472.                                         مع بدأ الإعلان عن المؤتمر يتم وضع مواعيد أولية للمؤتمر، منها موعد بدء استقبال
  473.                                         المشاركات؛ فيسمح النظام وقتها لمن أراد المشاركة التسجيل في النظام، وإرسال ورقته
  474.                                         البحثية.
  475.                                     </p>
  476.                                 </div>
  477.                                 <div class="col-md-6 col-xs-12 wrapper-v-lg">
  478.                                     <div class="icon-sm icon-color text-right">
  479.                                         <i class="fa fa-check-square-o"></i>
  480.                                         <p class="text-right">التحكيم وإعلان النتائج </p>
  481.                                     </div>
  482.                                     <p class="text-justify">
  483.                                         تأخذ الورقة البحثية دورتها الطبيعية في التحكيم، حيث تعرض على المختصين للبت بقبول أو
  484.                                         رفض الورقة، وإعلام صاحب الورقة بنتيجة التقييم.
  485.                                     </p>
  486.                                 </div>
  487.                             </div>
  488.                             <div class="col-md-12 p-all-0">
  489.                                 <div class="col-md-6 col-xs-12 wrapper-v-lg">
  490.                                     <div class="icon-sm icon-color text-right">
  491.                                         <i class="fa fa-check-square-o"></i>
  492.                                         <p class="text-right">فتح باب الطعون</p>
  493.                                     </div>
  494.                                     <p class="text-justify">
  495.                                         لا يحق لصاحب الورقة البحثية التي تم رفضها بتقديم طعن إلا بعد فتحباب استقبال الطعون،
  496.                                         وهذا لضمان تنظيم العمل بشكل أفضل، وبعد تقديم الطعن تأخذ الورقة دورتها في إعادة
  497.                                         التحكيم لصدور القرار النهائي بشأنها.
  498.                                     </p>
  499.                                 </div>
  500.                                 <div class="col-md-6 col-xs-12 wrapper-v-lg">
  501.                                     <div class="icon-sm icon-color text-right">
  502.                                         <i class="fa fa-check-square-o"></i>
  503.                                         <p class="text-right">إظهار النتائج النهائية</p>
  504.                                     </div>
  505.                                     <p class="text-justify">
  506.                                         بظهور النتائج النهائية للأبحاث جميعًا بعد مرور دورة التحكيم والطعون، يكون مدير
  507.                                         النظام قد عرف المشاركون وفي طريقه لوضع جدول فعاليات المؤتمر.
  508.                                     </p>
  509.                                 </div>
  510.                             </div>
  511.                         </div>
  512.                         <div class="col-md-4 m-t-50">
  513.                             <div class="logistics-icon">
  514.                                 <i class="icon icon-basic-sheet-txt new-icon"></i>
  515.                             </div>
  516.                             <div class="wrapper-v-lg">
  517.                                 <h4>إلغاء دورة الورقة البحثية</h4>
  518.                                 <p class="text-center">
  519.                                     يمكن إلغاء دورة الورقة البحثية مع المؤتمرات التي لا تقوم عليها، مثل المؤتمرات الصحفية،
  520.                                     والترويجية، وغيرها، مع إمكانية إضافة المشاركين (المتحدثين)، وأوراق العمل إلى النظام بشكل
  521.                                     مباشر من خلال لوحة التحكم.
  522.                                 </p>
  523.                             </div>
  524.                         </div>
  525.                     </div>
  526.                     <!-- /End -->
  527.                 </div>
  528.             </div>
  529.         </section>
  530.         <section id="download" class="section-p-lg">
  531.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  532.                 <div class="row">
  533.                     <!-- Headline & Description-->
  534.                     <div class="col-sm-12 wrapper-v-lg text-center">
  535.                         <h2>إدارة ديوانية من الجوال</h2>
  536.                         <p> لوحة تحكم النظام تتيح لمدراء النظام وفرق تنفيذ المشروعات والمتطوعين إدارة المشروع ومهامه من خلال
  537.                             الهواتف المحمولة، وذلك لملائمة النظام <br>«واجهة، ولوحة تحكم» للعمل من خلال شاشات الهواتف بمختلف
  538.                             مقاساتها. </p>
  539.                     </div>
  540.                     <!-- /End Headline & Description-->
  541.                 </div>
  542.                 <!-- Download Smartphone Image -->
  543.                 <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  544.                     <div class="download-device-shadow">
  545.                         <img src="{{ asset('assets/images/download-device.png') }}" class="img-responsive reveal-top-20" alt="">
  546.                     </div>
  547.                 </div>
  548.                 <!-- /End Download Smartphone Image -->
  549.             </div>
  550.         </section>
  551.         <section id="questionnaires" class="section-p-lg">
  552.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  553.                 <div class="row vert-middle-md">
  554.                     <div class="col-md-6 col-md-offset-0 col-sm-8 col-sm-offset-2 wrapper-v-lg">
  555.                         <div><img src="{{ asset('assets/images/function-1-device-01.png') }}" class="img-responsive reveal-top-20" alt=""></div>
  556.                     </div>
  557.                     <div class="col-md-6 col-sm-12 wrapper-v-lg text-right">
  558.                         <h2>إدارة الاستبيانات</h2>
  559.                         <p>نظامٌ يعمل على تحسين عملية الاستفتاء على أكثر من صعيد في آن واحد دون عناءٍ أو تضاربٍ في البيانات،
  560.                             ولمجموعاتٍ مختلفة من المستخدمين، والحصول على نتائج تلك الاستفتاءات بشكلٍ سريعٍ وآمنٍ... </p>
  561.                         <div class="row">
  562.                             <div class="col-md-6 wrapper-v-lg">
  563.                                 <div class="icon-sm icon-color"><i class="icon icon-basic-book-pencil"></i></div>
  564.                                 <p>
  565.                                     <strong>إدارة الاستبيانات العامة:</strong> يتيح النظام إجراء الاستبيانات العامة لكل
  566.                                     زُوار الموقع، والتي تستخدم في جمع بياناتٍ مرجوة بشكلٍ عام.
  567.                                 </p>
  568.                             </div>
  569.                             <div class="col-md-6 wrapper-v-lg">
  570.                                 <div class="icon-sm icon-color"><i class="icon icon-basic-sheet-multiple"></i></div>
  571.                                 <p>
  572.                                     <strong>إدارة الاستبيانات المخصصة:</strong> وهي تلك التي تظهر لأعضاء النظام، مع إمكانية
  573.                                     تقسيمهم إلى مجموعات مختلفة؛ لكل مجموعة استبياناتها الخاصة.
  574.                                 </p>
  575.                             </div>
  576.                         </div>
  577.                         <!--<div class="wrapper-v-lg"> <a href="#" class="btn btn-color">المذيد</a> </div>-->
  578.                     </div>
  579.                 </div>
  580.             </div>
  581.         </section>
  582.         <section id="features" class=" section-p-lg">
  583.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  584.                 <div class="row">
  585.                     <!-- Headline -->
  586.                     <div class="col-sm-12 wrapper-v-lg text-center">
  587.                         <h2 class="text-center">متابعة توصيات المؤتمر</h2>
  588.                         <p>
  589.                             نظامٌ إلكترونيٌ مخصص لإدارة نتائج وتوصيات المؤتمر، بحيث يتم متابعة تنفيذها بشكلٍ فعَّال، ساعية
  590.                             إلى الربط بين الجهات الداعمة للمشاريع،<br> وجهات تنفيذها، عبر تحويلها إلى مشاريع منبثقة عن هذه
  591.                             التوصيات... <a class="link-modal" href="#" data-toggle="modal"
  592.                                            data-target="#myModal3">المزيد</a><br>
  593.                         </p>
  594.                     </div>
  595.                     <!-- /End Headline -->
  596.                 </div>
  597.                 <div class="row vert-middle-md">
  598.                     <div class="col-md-3 col-sm-6 features-left wrapper-v-md wrapper-h-xs-lg">
  599.                         <div class="reveal-left-10">
  600.                             <div class="icon-md icon-color">
  601.                                 <i class="icon icon-software-transform-bezier"></i>
  602.                                 <h4>توزيع المهام على فريق العمل.</h4>
  603.                             </div>
  604.                             <div class="icon-md icon-color">
  605.                                 <i class="icon icon-software-add-vectorpoint"></i>
  606.                                 <h4>إمكانية السماح لضم متطوعين.</h4>
  607.                             </div>
  608.                             <div class="icon-md icon-color">
  609.                                 <i class="icon icon-software-reflect-vertical"></i>
  610.                                 <h4>متابعات دورية ومستمرة.</h4>
  611.                             </div>
  612.                             <div class="icon-md icon-color">
  613.                                 <i class="icon icon-basic-webpage-multiple"></i>
  614.                                 <h4>تقارير تفصيلية.</h4>
  615.                             </div>
  616.                         </div>
  617.                     </div>
  618.                     <div class="col-md-3 col-md-push-6 col-sm-6  wrapper-v-md features-right wrapper-h-xs-lg">
  619.                         <div class="reveal-right-10">
  620.                             <div class="icon-md icon-color">
  621.                                 <i class="icon icon-basic-message-txt"></i>
  622.                                 <h4>عرض توصيات المؤتمر.</h4>
  623.                             </div>
  624.                             <div class="icon-md icon-color">
  625.                                 <i class="icon icon-basic-settings"></i>
  626.                                 <h4>تحويل التوصيات إلى مشاريع.</h4>
  627.                             </div>
  628.                             <div class="icon-md icon-color">
  629.                                 <i class="icon icon-basic-postcard-multiple"></i>
  630.                                 <h4>تعيين فريق عمل كل المشروع.</h4>
  631.                             </div>
  632.                             <div class="icon-md icon-color">
  633.                                 <i class="icon icon-ecommerce-money"></i>
  634.                                 <h4>بناء خطة تنفيذ المشروع.</h4>
  635.                             </div>
  636.                         </div>
  637.                     </div>
  638.                     <div class="col-md-6 col-md-offset-0 col-md-pull-3 col-sm-8 col-sm-offset-2 text-center wrapper-v-lg">
  639.                         <div class="row">
  640.                             <div class="col-lg-10 col-lg-offset-1 wrapper-h-xs-lg p-all-0">
  641.                                 <img src="{{ asset('assets/images/imac-mockup.png') }}"
  642.                                      class="img-responsive reveal-bottom-20" alt="">
  643.                             </div>
  644.                         </div>
  645.                     </div>
  646.                 </div>
  647.             </div>
  648.         </section>
  649.         <section id="Media" class="section-p-lg">
  650.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  651.                 <div class="row">
  652.                     <!-- Headline & Description -->
  653.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  654.                         <h2>المركز الإعلامي والمعلوماتي</h2>
  655.                         <p>يحتوي «مركز النظام الإعلامي» على كثير من خدمات المحتوى، التي تساهم في إثراء البنية المعرفية
  656.                             للمؤتمر، حيث تستطيع من خلاله إنشاء محتوى خاصًا لكل مؤتمرٍ على حدة، أو محتوى تعريفيًّا بالمؤسسة،
  657.                             وأنشطتها، ورؤيتها، إلخ. <br>
  658.                         </p>
  659.                     </div>
  660.                     <div class="col-md-12 wrapper-v-lg text-center">
  661.                         <div class="col-md-12 p-all-0">
  662.                             <div class="col-md-6 col-xs-6-break wrapper-v-sm text-center">
  663.                                 <div class="logistics-icon"><i class="icon icon-basic-spread-text new-icon"></i></div>
  664.                                 <div class="wrapper-v-lg">
  665.                                     <h4>قسم الأخبار</h4>
  666.                                     <p class="text-center">وفيه يتم إنشاء قاعدةٍ إخبارية موسعة تَلُم بكل مؤتمر على حدة؛ مع
  667.                                         إمكانية نشر وإضافة المادة الإخبارية وإظهارها للجمهور المستهدف، بواسطة مجموعة من
  668.                                         أدوات التنسيق المختلفة، بالإضافة إلى إمكانية إرفاق الملفات والصور المختلفة مع الخبر.
  669.                                         مع إمكانية إرسال المادة الإخبارية المحررة؛ إلى عددٍ غير محدود من البريد الإلكتروني
  670.                                         الخاص بالمؤسسات الإعلامية المختلفة؛ للمساهمة في نشرها. </p>
  671.                                 </div>
  672.                             </div>
  673.                             <div class="col-md-6 col-xs-6-break wrapper-v-sm text-center">
  674.                                 <div class="logistics-icon">
  675.                                     <i class="icon icon-basic-video new-icon"></i>
  676.                                 </div>
  677.                                 <div class="wrapper-v-lg">
  678.                                     <h4>الوسائط المتعددة</h4>
  679.                                     <p class="text-center"> يدعم «مركز الإعلام» داخل النظام عددًا غير محدودٍ من ألبومات
  680.                                         الصور، والفيديوهات، والصوتيات، وذلك لكل مؤتمر على حدة، مع طرقِ عرضٍ جذَّابةٍ
  681.                                         لمستخدمي النظام. وكذا إمكانية مشاركة أية جهة إعلامية أخرى في نفس الوقت، مساهمة منها
  682.                                         في نشر تلك الوسائط للجمهور العام. </p>
  683.                                 </div>
  684.                             </div>
  685.                         </div>
  686.                         <div class="col-md-12 p-all-0">
  687.                             <div class="col-md-6 col-xs-6-break wrapper-v-sm text-center">
  688.                                 <div class="logistics-icon">
  689.                                     <i class="icon icon-basic-map new-icon"></i>
  690.                                 </div>
  691.                                 <div class="wrapper-v-lg">
  692.                                     <h4>قسم الصفحات المعلوماتية</h4>
  693.                                     <p class="text-center"> وفيه يتم إنشاء صفحات معلوماتية خاصة بالمؤتمر، أو بموضوعه، أو
  694.                                         بمصطلحاته أو ببحوثه وملخصاتها؛ ونشرها لإفادة الجمهور بمحتواها، ومشاركته بأبرز ما جاء
  695.                                         فيها. </p>
  696.                                 </div>
  697.                             </div>
  698.                             <div class="col-md-6 col-xs-6-break wrapper-v-sm text-center">
  699.                                 <div class="logistics-icon">
  700.                                     <div data-icon="" class="icon new-icon icon-shadow"></div>
  701.                                 </div>
  702.                                 <div class="wrapper-v-lg">
  703.                                     <h4>البث المباشر</h4>
  704.                                     <p class="text-center"> يمتاز نظام المركز الإعلامي بنظام إدارة المؤتمرات بخاصية «البث
  705.                                         المباشر» لفاعليات المؤتمر كاملة، أو لبعض تلك الفعاليات – بحسب رغبة إدارة المؤتمر؛
  706.                                         فضلاً عن تسجيل ساعات البث المباشر، وأرشفته بقاعدة بيانات النظام؛ للعودة إليها وقت
  707.                                         الحاجة. </p>
  708.                                 </div>
  709.                             </div>
  710.                         </div>
  711.                     </div>
  712.                     <!-- /End -->
  713.                 </div>
  714.             </div>
  715.         </section>
  716.         {{ render(controller('CloudServicesBundle:Package:widget')) }}
  717.         <section id="gallery" class="section-p-lg">
  718.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  719.                 <div class="row">
  720.                     <!-- Headline & Description -->
  721.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  722.                         <h2>تعرف أكثر على النظام</h2>
  723.                         <p></p>
  724.                     </div>
  725.                     <!-- /End Headline & Description -->
  726.                     <div class="col-md-12 wrapper-v-lg">
  727.                         <!-- Headline & Description -->
  728.                         <div class="gallery-slider owl-carousel owl-theme">
  729.                             <!-- Gallery App Image 1 -->
  730.                             <div class="item">
  731.                                 <img src="{{ asset('assets/images/screen-1.jpg') }}" class="img-responsive" alt="">
  732.                             </div>
  733.                             <!-- /End Gallery App Image 1 -->
  734.                             <!-- Gallery App Image 2 -->
  735.                             <div class="item">
  736.                                 <img src="{{ asset('assets/images/screen-2.jpg') }}" class="img-responsive" alt="">
  737.                             </div>
  738.                             <!-- /End Gallery App Image 2 -->
  739.                             <!-- Gallery App Image 3 -->
  740.                             <div class="item">
  741.                                 <img src="{{ asset('assets/images/screen-3.jpg') }}" class="img-responsive" alt="">
  742.                             </div>
  743.                             <!-- /End Gallery App Image 3 -->
  744.                         </div>
  745.                     </div>
  746.                 </div>
  747.             </div>
  748.         </section>
  749.         <section id="blog" class="section-p-lg">
  750.             <div class="container wrapper-h-xs-lg">
  751.                 <div class="row">
  752.                     <div class="col-sm-12 wrapper-v-lg text-center">
  753.                         <h2>من المدونة</h2>
  754.                     </div>
  755.                     <div class="col-sm-6 col-xs-12-break wrapper-v-sm text-center reveal-bottom-opacity">
  756.                         <div class="blog-container">
  757.                             <div class="logistics-icon">
  758.                                 <img src="{{ asset('assets/images/success1.png') }}" alt="">
  759.                                 <a href="{{ path('blog_view', { 'id': 1 }) }}" class="btn btn-color">اقرأ المزيد</a>
  760.                             </div>
  761.                             <div class="wrapper-v-lg">
  762.                                 <h4 class="text-right">كيف تُدير مؤتمر من الألف إلى الياء</h4>
  763.                                 <p class="text-justify">
  764.                                     هيقع العديد منا في أخطاء في أثناء إعداد الفاعليات و لا نتنبه لذلك إلا بعد فوات الأوان، بعد أن ينتهي المؤتمر أو الفاعلية و نخرج بالتوصيات و تحدث المفاجأة لاحقا أن كأن شيئا لم يكن و لا نجد التفاعل المرجو من المدعوين و المشاركين بعدها مما يُعد خسارة مادية على صاحب الفاعلية...
  765.                                 </p>
  766.                             </div>
  767.                         </div>
  768.                     </div>
  769.                     <div class="col-sm-6 col-xs-12-break wrapper-v-sm text-center reveal-bottom-opacity delay2">
  770.                         <div class="blog-container">
  771.                             <div class="logistics-icon">
  772.                                 <img src="{{ asset('assets/images/steps1.png') }}" alt="">
  773.                                 <a href="{{ path('blog_view', { 'id': 2 }) }}" class="btn btn-color">اقرأ المزيد</a>
  774.                             </div>
  775.                             <div class="wrapper-v-lg">
  776.                                 <h4 class="text-right">لماذا يفشل البعض في تنظيم مؤتمراتهم</h4>
  777.                                 <p class="text-justify">
  778.                                     كثيرا ما نرسم لأنفسنا خطة لإنجاز عمل ما وندرسها ونوفر عناصر وجودها ونتوقّع النجاح الباهر، إلا أننا عند التنفيذ نجد أنفسنا قد كسبنا ما لم نحسب له حساب أحياناً في الربح وأحياناً في الخسارة والسبب في ذلك يعود إلى أننا أحياناً نعمل على توفير السببية التامة لإنجاح العمل من توفير المقتضيات وعناصر الوجود ونعمل على رفع موانعه فنحظى بالربح...
  779.                                 </p>
  780.                             </div>
  781.                         </div>
  782.                     </div>
  783.                 </div>
  784.             </div>
  785.             </div>
  786.         </section>
  787.         <section id="newsletter" class="newsletter-image section-p-lg pos-relative">
  788.             <div class="section-overlay bg-white opacity-90"></div>
  789.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity" data-sr-id="18">
  790.                 <div class="row">
  791.                     <!-- Headline -->
  792.                     <div class="col-sm-8 col-sm-offset-2 wrapper-v-lg text-center">
  793.                         <h2>كن على تواصل معنا<br></h2>
  794.                     </div>
  795.                     <!-- /End Headline -->
  796.                     <div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 wrapper-v-lg">
  797.                         <form id="mc-form" class="wrapper-h-xs-md sub-form newsletter" novalidate="true">
  798.                             <!-- Input & Submit-Button -->
  799.                             <div class="form-group input-group">
  800.                             <span class="input-group-btn">
  801.                                 <button type="submit" class="btn btn-border-silver sub-form-btn"><i class="fa fa-paper-plane"></i></button></span>
  802.                                 <input type="email" id="email" class="form-control form-control-silver sub-form-input" name="EMAIL" placeholder="بريد الكتروني">
  803.                             </div>
  804.                             <!-- /End Input & Submit-Button -->
  805.                             <!-- Message -->
  806.                             <div id="message-newsletter" class="message text-center">
  807.                                 <span class="message-icon"><i class="fa fa-info"></i></span>
  808.                                 <span><label class="message-text" for="email"></label></span>
  809.                             </div>
  810.                             <!-- /End Message -->
  811.                         </form>
  812.                         <!-- /End Newsletter-Form -->
  813.                     </div>
  814.                     <!-- Description -->
  815.                     <div class="col-sm-6 col-sm-offset-3 wrapper-v-lg text-center">
  816.                         <p>
  817.                             <small>سجل بريدك الإلكتروني معنا لتصلك نشراتنا البريدية
  818.                             </small>
  819.                         </p>
  820.                     </div>
  821.                     <!-- /End Description -->
  822.                 </div>
  823.             </div>
  824.         </section>
  825.         <section id="contact" class="section-p-lg">
  826.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  827.                 <div class="row">
  828.                     <!-- Headline & Description -->
  829.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  830.                         <h2>اتصل بنا</h2>
  831.                         <p>
  832.                             إذا كان لديك أي استفسار لا تترد في التواصل معنا
  833.                         </p>
  834.                     </div>
  835.                     <!-- /End Headline & Description -->
  836.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  837.                         {{ render(controller('ContactFormsBundle:Front:contactUs', { category_id: 1 })) }}
  838.                     </div>
  839.                 </div>
  840.             </div>
  841.         </section>
  842.         <section id="company" class="bg-white section-p-sm">
  843.             <div class="container reveal-bottom-opacity" data-sr-id="23"
  844.                  style="; visibility: visible;  -webkit-transform: translateY(0); opacity: 1;transform: translateY(0); opacity: 1;-webkit-transition: -webkit-transform 0.8s linear 0s, opacity 0.8s linear 0s; transition: transform 0.8s linear 0s, opacity 0.8s linear 0s; ">
  845.                 <div class="row">
  846.                     <div class="col-md-10 col-md-offset-1 col-md-0 col-sm-offset-0 wrapper-v-lg">
  847.                         <div class="row">
  848.                             <!-- Contact Details -->
  849.                             <div class="col-sm-4 wrapper-v-sm block-line">
  850.                                 <!-- Icon -->
  851.                                 <div class="block icon-md icon-color">
  852.                                     <i class="icon icon-basic-geolocalize-01"></i>
  853.                                 </div>
  854.                                 <!-- /End Icon -->
  855.                                 <!-- Address -->
  856.                                 <div class="block text-left">
  857.                                     <p>مكتب 426 العقارية الثانية<br>
  858.                                         مدينة الرياض، السعودية</p>
  859.                                 </div>
  860.                                 <!-- /End Address -->
  861.                             </div>
  862.                             <!-- /End Contact Details -->
  863.                             <!-- Contact Details -->
  864.                             <div class="col-sm-4 wrapper-v-sm block-line">
  865.                                 <!-- Icon -->
  866.                                 <div class="block icon-md icon-color">
  867.                                     <i class="icon icon-basic-mail"></i>
  868.                                 </div>
  869.                                 <!-- /End Icon -->
  870.                                 <!-- Address -->
  871.                                 <div class="block text-left">
  872.                                     <p><a class="link-dark" href="mailto:[email protected]">[email protected]</a></p>
  873.                                 </div>
  874.                                 <!-- /End Address -->
  875.                             </div>
  876.                             <!-- /End Contact Details -->
  877.                             <!-- Contact Details -->
  878.                             <div class="col-sm-4 wrapper-v-sm block-line">
  879.                                 <!-- Icon -->
  880.                                 <div class="block icon-md icon-color">
  881.                                     <i class="icon icon-basic-smartphone"></i>
  882.                                 </div>
  883.                                 <!-- /End Icon -->
  884.                                 <!-- Address -->
  885.                                 <div class="block text-left">
  886.                                     <p> الخط الساخن: <a class="link-dark" href="tel:012345678991"> 920033082</a><br>
  887.                                         الخط الأرضي: <a class="link-dark" href="tel:012345678991">00966114190790</a></p>
  888.                                 </div>
  889.                                 <!-- /End Address -->
  890.                             </div>
  891.                             <!-- /End Contact Details -->
  892.                         </div>
  893.                     </div>
  894.                 </div>
  895.             </div>
  896.         </section>
  897.     {% elseif 'commons.language.direction'|trans == 'ltr' %}
  898.         <section id="hero-image" class="hero-image hero-p-v1 pos-relative">
  899.             <!-- Color Overlay -->
  900.             <div class="section-overlay bg-color-light opacity-90"></div>
  901.             <!-- /End Color Overlay -->
  902.             <div class="container wrapper-h-xs-lg">
  903.                 <div class="row vert-middle-sm">
  904.                     <div class="col-sm-4 col-sm-push-8 text-center-sm wrapper-v-lg">
  905.                         <!-- Headline -->
  906.                         <h2 class="reveal-bottom-opacity"> Do you plan for a new conference soon? </h2>
  907.                         <!-- /End Headline -->
  908.                         <!-- Description -->
  909.                         <p class="reveal-bottom-opacity">
  910.                             Diwanyah: The Most Powerful An Arabian Conferences Management System.
  911.                             <br><br>
  912.                             (Plan Conference, Execute Plan & Tasks, Conference Information Publishing, Conference Recommendation & Project Management)
  913.                         </p>
  914.                         <!-- /End Description -->
  915.                         <!-- Button -->
  916.                         <div class="wrapper-v-lg reveal-bottom-opacity delay4">
  917.                             <a href="{{ path('cloud_package_pricing') }}" class="btn btn-color smooth-scroll m-all-0" role="button"> {{ 'diwanyah.labels.subscribe_now'|trans }} </a>
  918.                             {# <br>
  919.                             <span> Subscribe Now Pay Later </span> #}
  920.                         </div>
  921.                         <!-- /End Button -->
  922.                     </div>
  923.                     <div class="col-sm-8 col-sm-pull-4  wrapper-v-lg wrapper-h-xs-sm">
  924.                         <!-- Hero Smartphone Images -->
  925.                         <div class="pos-relative">
  926.                             <img src="{{ asset('assets/images/macbook.png') }}" class="img-top-top img-responsive reveal-right-10" alt="">
  927.                         </div>
  928.                         <!-- /End Hero Smartphone Images -->
  929.                     </div>
  930.                 </div>
  931.             </div>
  932.         </section>
  933.         <section id="phases" class="section-p-lg">
  934.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  935.                 <div class="row">
  936.                     <!-- Headline -->
  937.                     <div class="col-sm-12 wrapper-v-lg text-center">
  938.                         <h2 class="text-center"> Conference Management Phases </h2>
  939.                     </div>
  940.                     <!-- /End Headline -->
  941.                     <!-- Services Block 1 -->
  942.                     <div class="col-sm-12 col-lg-4 wrapper-v-lg text-center">
  943.                         <!-- Icon -->
  944.                         <div class="icon-lg icon-color">
  945.                             <i class="icon icon-basic-gear"></i>
  946.                         </div>
  947.                         <!-- /End Icon -->
  948.                         <!-- Description -->
  949.                         <h4> Conference Preparation </h4>
  950.                         <div class="col-md-12">
  951.                             <p class="text-center"> Initial steps which must to be done perfectly during conference execution, but now don't worry, Diwaniyah is here. </p>
  952.                             <ol class="text-right custom-list">
  953.                                 <li><span></span>Registration Management</li>
  954.                                 <li><span></span>Exhibition Management</li>
  955.                                 <li><span></span>Research Paper Management Cycle</li>
  956.                                 <li><span></span>Logistics & Finance Management</li>
  957.                             </ol>
  958.                         </div>
  959.                         <!-- /End Description -->
  960.                     </div>
  961.                     <!-- /End Services Block 1 -->
  962.                     <!-- Services Block 2 -->
  963.                     <div class="col-sm-12 col-lg-4 wrapper-v-lg text-center">
  964.                         <!-- Icon -->
  965.                         <div class="icon-lg icon-color">
  966.                             <i class="icon icon-basic-video"></i>
  967.                         </div>
  968.                         <!-- /End Icon -->
  969.                         <!-- Description -->
  970.                         <h4> During the Conference <br>
  971.                         </h4>
  972.                         <div class="col-md-12">
  973.                             <p class="text-center">The most critical phase of conference management but through diwaniah Modules & features you can do it easily.</p>
  974.                             <ol class="text-right custom-list">
  975.                                 <li><span></span>Attendance Management</li>
  976.                                 <li><span></span>Voting Management</li>
  977.                                 <li><span></span>Live Broadcast</li>
  978.                                 <li><span></span>Media Center Management</li>
  979.                             </ol>
  980.                         </div>
  981.                         <!-- /End Description -->
  982.                     </div>
  983.                     <!-- /End Services Block 2 -->
  984.                     <!-- Services Block 3 -->
  985.                     <div class="col-sm-12 col-lg-4 wrapper-v-lg text-center">
  986.                         <!-- Icon -->
  987.                         <div class="icon-lg icon-color"><i class="icon icon-basic-todolist-pencil"></i></div>
  988.                         <!-- /End Icon -->
  989.                         <!-- Description -->
  990.                         <h4> Conference Closure <br>
  991.                         </h4>
  992.                         <div class="col-md-12">
  993.                             <p class="text-center"> Conference mission are not accomplished before executing the conferences conclusion, Recommendations & Projects. </p>
  994.                             <ol class="text-right custom-list">
  995.                                 <li><span></span>Project Management</li>
  996.                                 <li><span></span>Volunteers Management</li>
  997.                                 <li><span></span>Content Management</li>
  998.                                 <li><span></span>Statistics and Reports </li>
  999.                             </ol>
  1000.                         </div>
  1001.                         <!-- /End Description -->
  1002.                     </div>
  1003.                     <!-- /End Services Block 3 -->
  1004.                 </div>
  1005.             </div>
  1006.         </section>
  1007.         <section id="component" class="section-p-lg componunts-app">
  1008.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  1009.                 <div class="row vert-middle-md">
  1010.                     <!-- Function Smartphone Image -->
  1011.                     <div class="col-md-4 col-md-offset-0 col-sm-8 col-sm-offset-2 wrapper-v-lg">
  1012.                         <div class="function-device-shadow">
  1013.                             <img src="{{ asset('assets/images/function-1-device-1.png') }}" class="img-responsive reveal-top-20" alt="">
  1014.                         </div>
  1015.                     </div>
  1016.                     <!-- /End Function Smartphone Image -->
  1017.                     <!-- Function Block -->
  1018.                     <div class="col-md-8 col-sm-12 wrapper-v-lg text-right">
  1019.                         <!-- Headline -->
  1020.                         <h2>Diwanyah Components</h2>
  1021.                         <!-- /End Headline -->
  1022.                         <!-- Description -->
  1023.                         <p class="f-15">
  1024.                             Diwanyah is a unique system for managing your conferences with high efficiency, leading quality and modern mechanisms, from the moment of thinking to the completion of projects emanating from the recommendations of these conferences. It includes:
  1025.                         </p>
  1026.                         <!-- /End Description -->
  1027.                         <div class="row">
  1028.                             <!-- Function Subblock -->
  1029.                             <div class="col-md-6 wrapper-v-lg custom-list">
  1030.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">1</span> Conference Website Builder. </p></div>
  1031.                                 <!-- /End -->
  1032.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">2</span> Conference Timetable Management.</p></div>
  1033.                                 <!-- /End -->
  1034.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">3</span> Research Paper Management Cycle.</p></div>
  1035.                                 <!-- /End -->
  1036.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">4</span> Logistics & Finance Management.</p></div>
  1037.                                 <!-- /End -->
  1038.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">5</span> Sponsors & Organizers Management.</p></div>
  1039.                                 <!-- /End -->
  1040.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">6</span> Conference Committees Management.</p></div>
  1041.                                 <!-- /End -->
  1042.                             </div>
  1043.                             <!-- /End Function Subblock -->
  1044.                             <!-- Function Subblock -->
  1045.                             <div class="col-md-6 wrapper-v-lg">
  1046.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">7</span>Registration & Attendance.</p></div>
  1047.                                 <!-- /End -->
  1048.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">8</span>Live Broadcast Management.</p></div>
  1049.                                 <!-- /End -->
  1050.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">9</span>Media Center Management.</p></div>
  1051.                                 <!-- /End -->
  1052.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">10</span> Project Management.</p></div>
  1053.                                 <!-- /End -->
  1054.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">11</span>Tasks and volunteers Management.</p></div>
  1055.                                 <!-- /End -->
  1056.                                 <div class="col-lg-12 p-all-0"><p><span class="list-num">12</span>Reports and Graphs Management.</p></div>
  1057.                                 <!-- /End -->
  1058.                             </div>
  1059.                             <!-- /End Function Subblock -->
  1060.                         </div>
  1061.                     </div>
  1062.                     <!-- Function -->
  1063.                 </div>
  1064.             </div>
  1065.         </section>
  1066.         <section id="logistics" class="section-p-lg">
  1067.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity" data-sr-id="13"
  1068.                  style="; visibility: visible;  -webkit-transform: translateY(0); opacity: 1;transform: translateY(0); opacity: 1;-webkit-transition: -webkit-transform 0.8s linear 0s, opacity 0.8s linear 0s; transition: transform 0.8s linear 0s, opacity 0.8s linear 0s; ">
  1069.                 <div class="row">
  1070.                     <!-- Headline -->
  1071.                     <div class="col-sm-8 col-sm-offset-2 wrapper-v-lg text-center">
  1072.                       <h2>Logistics & Financial Management</h2>
  1073.                       <p>It is one of the most important components of Diwanyah, as it is actually the core tool used in managing the Conference; so that the implementation of the conference starts putting a plan in a flexible manner, ending with specific tasks assigned to them is responsible; your work starts from a predefined plan ...
  1074.                             {# <a class="link-modal" href="#" data-toggle="modal" data-target="#myModal">Read More</a> #}
  1075.                             <br><br>
  1076.                             <strong>Reports & Graphs</strong>
  1077.                       </p>
  1078.                     </div>
  1079.                     <!-- /End Headline -->
  1080.                 </div>
  1081.                 <div class="row vert-middle-md">
  1082.                     <!-- Features Left -->
  1083.                     <div class="col-md-3 col-sm-6 features-left wrapper-v-md wrapper-h-xs-lg">
  1084.                         <div class="reveal-left-10" data-sr-id="5">
  1085.                             <!-- Icon -->
  1086.                             <div class="icon-md icon-color">
  1087.                                 <i class="icon icon-software-paintbucket"></i>
  1088.                             </div>
  1089.                             <!-- /End Icon -->
  1090.                             <!-- Description -->
  1091.                             <h4>Report Per Task (Mission)</h4>
  1092.                             <p>A report is presented as "percentage of achievement, actual cost" for a specific task, or several tasks, with actual estimates comparable to the estimated "duration and cost".</p>
  1093.                             <!-- /End Description -->
  1094.                             <!-- Icon -->
  1095.                             <div class="icon-md icon-color">
  1096.                                 <i class="icon icon-basic-picture"></i>
  1097.                             </div>
  1098.                             <!-- /End Icon -->
  1099.                             <!-- Description -->
  1100.                             <h4>Administration Reports</h4>
  1101.                             <p>It presents a report on "the tasks assigned to each officer, their percentage of achievement, and their cost", with the actual estimates being compared with the estimated "duration and cost".                        </p>
  1102.                             <!-- /End Description -->
  1103.                         </div>
  1104.                     </div>
  1105.                     <!-- /End Features Left -->
  1106.                     <!-- Features Right -->
  1107.                     <div class="col-md-3 col-md-push-6 col-sm-6  wrapper-v-md features-right wrapper-h-xs-lg">
  1108.                         <div class="reveal-right-10" data-sr-id="7">
  1109.                             <!-- Icon -->
  1110.                             <div class="icon-md icon-color">
  1111.                                 <i class="icon icon-software-font-vertical-scale"></i>
  1112.                             </div>
  1113.                             <!-- /End Icon -->
  1114.                             <!-- Description -->
  1115.                             <h4>Report of Group of Tasks</h4>
  1116.                             <p>It displays a report "at the total cost of a category, such as rents or residences, with more than one category in a single report.</p>
  1117.                             <!-- /End Description -->
  1118.                             <!-- Icon -->
  1119.                             <div class="icon-md icon-color">
  1120.                                 <i class="icon icon-ecommerce-diamond"></i>
  1121.                             </div>
  1122.                             <!-- /End Icon -->
  1123.                             <!-- Description -->
  1124.                             <h4>Whole Conference Report</h4>
  1125.                             <p>A report on the "Actual Completion and Cost Ratio" is presented for all conference functions, with actual estimates comparable to the estimated "duration and cost".</p>
  1126.                             <!-- /End Description -->
  1127.                         </div>
  1128.                     </div>
  1129.                     <!-- /End Features Right -->
  1130.                     <!-- Features Smartphone Image -->
  1131.                     <div class="col-md-6 col-md-offset-0 col-md-pull-3 col-sm-8 col-sm-offset-2 text-center wrapper-v-lg">
  1132.                         <div class="row">
  1133.                             <div class="col-lg-10 col-lg-offset-1 wrapper-h-xs-lg reveal-bottom-20">
  1134.                                 <img src="{{ asset('assets/images/features-device--1.png') }}" class="img-responsive m-x-auto w-80" alt=""
  1135.                                      data-sr-id="1">
  1136.                             </div>
  1137.                         </div>
  1138.                     </div>
  1139.                     <!-- /End Features Smartphone Image -->
  1140.                 </div>
  1141.             </div>
  1142.         </section>
  1143.         <section id="register" class="section-p-lg pos-relative ov-hidden">
  1144.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  1145.                 <div class="row">
  1146.                     <!-- Function 2 Block -->
  1147.                     <div class="col-sm-6 wrapper-v-lg text-right">
  1148.                         <!-- Headline -->
  1149.                         <h2> Registration & Attendance</h2>
  1150.                         <!-- /End Headline -->
  1151.                         <!-- Description -->
  1152.                         <p> Diwaniyah supports different types of registrars, covered all conference audience each user based on his subscription target: </p>
  1153.                         <!-- /End Description -->
  1154.                         <div class="row">
  1155.                             <div class="col-md-11 col-sm-11 wrapper-v-md">
  1156.                                 <!-- Panel Group -->
  1157.                                 <div class="panel-group text-dark" id="accordion" role="tablist"
  1158.                                      aria-multiselectable="true">
  1159.                                     <!-- Panel -->
  1160.                                     <div class="panel panel-color">
  1161.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  1162.                                              data-parent="#accordion" data-target="#collapse-1">
  1163.                                             <h4 class="panel-title">
  1164.                                                 Exhibitor Registration <i class="icon icon-arrows-plus"></i>
  1165.                                             </h4>
  1166.                                         </div>
  1167.                                         <div id="collapse-1" class="panel-collapse collapse" role="tabpanel">
  1168.                                             <div class="panel-body">
  1169.                                                 <ul>
  1170.                                                     <li class="text-justify">
  1171.             Diwanyah allows you to accept registeration from exhibitor which they need to participate in your Exhibtion and needed to book suitable areas for its booths, Diwanyah shows all the details of the available spaces in the exhibition which collateral with the conference, presented in smart view indicating cost for each space, explaining all payment steps, confirmation of the reservation and receipt report.  <br>
  1172.                                                     </li>
  1173.                                                     <li>
  1174.             Once booking and payment accomplished the system issues an ID card, showing the status of that space to others as reserved.
  1175.                                                     </li>
  1176.                                                 </ul>
  1177.                                             </div>
  1178.                                         </div>
  1179.                                     </div>
  1180.                                     <!-- /End Panel -->
  1181.                                     <!-- Panel-->
  1182.                                     <div class="panel panel-color">
  1183.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  1184.                                              data-parent="#accordion" data-target="#collapse-2">
  1185.                                             <h4 class="panel-title">
  1186.                                                 Speaker Registration <i class="icon icon-arrows-plus"></i>
  1187.                                             </h4>
  1188.                                         </div>
  1189.                                         <div id="collapse-2" class="panel-collapse collapse" role="tabpanel">
  1190.                                             <div class="panel-body">
  1191.                                             <ul>
  1192.                                                 <li class="text-justify">
  1193.                                         Speaker is the person which wants to submit his research paper and wants to present it at the conference.                                                </li>
  1194.                                                 <li class="text-justify">
  1195.                                         When he submit his paper, it goes forward through an evaluation Cycle until the final decision (accepted or rejected); if accepted, the participant will be informed of all particulars of participation (participant sessions, duration, time, etc.) "To print, and enter the conference. If his paper is rejected, his full session will take the form of submission and response to the final outcome.
  1196.                                                 </li>
  1197.                                                 <li> Administrators can add participants, even if they didn’t participate in a research paper cycle. </li>
  1198.                                             </ul>
  1199.                                             </div>
  1200.                                         </div>
  1201.                                     </div>
  1202.                                     <!-- /End Panel -->
  1203.                                     <!-- Panel -->
  1204.                                     <div class="panel panel-color">
  1205.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  1206.                                              data-parent="#accordion" data-target="#collapse-3">
  1207.                                             <h4 class="panel-title">Media Registration <i class="icon icon-arrows-plus"></i></h4>
  1208.                                         </div>
  1209.                                         <div id="collapse-3" class="panel-collapse collapse" role="tabpanel">
  1210.                                             <div class="panel-body">
  1211.                                                 <ul>
  1212.                                                     <li class="text-justify">
  1213.                 Full management of the process of cooperation between the various media and the conference staff, characterized by ease and ease and follow-up between the two parties; in order to avoid the problems resulting from the lack of follow-up with them.
  1214.                                                     </li>
  1215.                                                     <li class="text-justify">
  1216.                 The media gives the letter of assignment to the mission by its institution, stamped with its stamp, and then after the organizers agree to participate, the system issues its own identity card.
  1217.                                                     </li>
  1218.                                                 </ul>
  1219.                                             </div>
  1220.                                         </div>
  1221.                                     </div>
  1222.                                     <!-- /End Panel -->
  1223.                                     <!-- Panel -->
  1224.                                     <div class="panel panel-color">
  1225.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  1226.                                              data-parent="#accordion" data-target="#collapse-4">
  1227.                                             <h4 class="panel-title">
  1228.                                                 Sponsor Registration<i class="icon icon-arrows-plus"></i>
  1229.                                             </h4>
  1230.                                         </div>
  1231.                                         <div id="collapse-4" class="panel-collapse collapse" role="tabpanel">
  1232.                                             <div class="panel-body">
  1233.                                                 <ul>
  1234.                                                     <li class="text-justify">
  1235.                 Diwanyah cares about the sponsorship as We know how important it is for the conference.
  1236.                                                     </li>
  1237.                                                     <li class="text-justify">
  1238.                 The registration system allows the applicant to register as a sponsor to apply for co-sponsorship. After approval, the system allows him to issue his own identity card; completing all phases of the sponsorship process, from project follow-up and instant reports, as well as direct communication with conference organizers.
  1239.                                                     </li>
  1240.                                                 </ul>
  1241.                                             </div>
  1242.                                         </div>
  1243.                                     </div>
  1244.                                     <!-- /End Panel -->
  1245.                                     <!-- Panel -->
  1246.                                     <div class="panel panel-color">
  1247.                                         <div class="panel-heading" role="tab" data-toggle="collapse"
  1248.                                              data-parent="#accordion" data-target="#collapse-5">
  1249.                                             <h4 class="panel-title">
  1250.                                                 Attendee Registration<i class="icon icon-arrows-plus"></i>
  1251.                                             </h4>
  1252.                                         </div>
  1253.                                         <div id="collapse-5" class="panel-collapse collapse" role="tabpanel">
  1254.                                             <div class="panel-body">
  1255.                                                 <ul>
  1256.                                                     <li class="text-justify">
  1257.                                                     The system supports the presentation of different levels of attendance, each with its own rules and privileges. It displays different segments of tickets, then user chooses what suits him, after registration accomplish Diwanyah issues the Attendee ID Tag
  1258.                                                     </li>
  1259.                                                 </ul>
  1260.                                             </div>
  1261.                                         </div>
  1262.                                     </div>
  1263.                                     <!-- /End Panel -->
  1264.                                 </div>
  1265.                                 <!-- /End Panelgroup -->
  1266.                             </div>
  1267.                         </div>
  1268.                     </div>
  1269.                     <!-- /End Function 2 Block -->
  1270.                     <!-- Function 2 Watch Image -->
  1271.                     <div class="col-sm-6 image-watch text-right">
  1272.                         <img class="reveal-left-20 w-100" src="{{ asset('assets/images/registration.png') }}" alt="">
  1273.                     </div>
  1274.                     <!-- /End Function 2 Watch Image -->
  1275.                 </div>
  1276.             </div>
  1277.         </section>
  1278.         <section id="research-paper" class="section-p-lg">
  1279.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  1280.                 <div class="row">
  1281.                     <!-- Headline & Description -->
  1282.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  1283.                         <h2>Research Papers Evaluation Cycle</h2>
  1284.                         <p>Cycle starts from paper submission with full data, then system assigns it automatically or manually for the who responsible to evaluate this kind of papers, and paper flowed back and forward in evaluation process until got its final result (approved or disapproved). Then...
  1285.                             {# <a class="link-modal" href="#" data-toggle="modal" data-target="#myModal2">Read More</a> #}
  1286.                             <br><br>
  1287.                             <strong> Stages of Research Papers Course </strong>
  1288.                         </p>
  1289.                     </div>
  1290.                     <div class="col-md-12 wrapper-v-lg text-center p-all-0">
  1291.                         <div class="col-md-8">
  1292.                             <div class="col-md-12 p-all-0">
  1293.                                 <div class="col-md-6 col-xs-12 wrapper-v-lg">
  1294.                                     <div class="icon-sm icon-color text-right"><i class="fa fa-check-square-o"></i>
  1295.                                         <p class="text-right"> Paper Submission Announcement </p>
  1296.                                     </div>
  1297.                                     <p class="text-justify">
  1298.                                         With the start of the announcement of the conference, preliminary dates are set for the conference, including the start of receiving entries; the system allows its time for those wishing to participate to register in the system, and to send his research paper.
  1299.                                     </p>
  1300.                                 </div>
  1301.                                 <div class="col-md-6 col-xs-12 wrapper-v-lg">
  1302.                                     <div class="icon-sm icon-color text-right">
  1303.                                         <i class="fa fa-check-square-o"></i>
  1304.                                         <p class="text-right"> Evaluation & Results </p>
  1305.                                     </div>
  1306.                                     <p class="text-justify">
  1307.                                         The paper takes its natural course in arbitration, where it is presented to the specialists to decide whether to accept or reject the paper, and to inform the author of the paper of the outcome of the evaluation.
  1308.                                     </p>
  1309.                                 </div>
  1310.                             </div>
  1311.                             <div class="col-md-12 p-all-0">
  1312.                                 <div class="col-md-6 col-xs-12 wrapper-v-lg">
  1313.                                     <div class="icon-sm icon-color text-right">
  1314.                                         <i class="fa fa-check-square-o"></i>
  1315.                                         <p class="text-right"> Objection Submission Announcement </p>
  1316.                                     </div>
  1317.                                     <p class="text-justify">
  1318.                                         The author of the research paper which has been rejected is entitled to submit an appeal only after receiving the appeals. This is to ensure that the work is organized better. After submitting the appeal, the paper takes its re-arbitration session for final decision.
  1319.                                     </p>
  1320.                                 </div>
  1321.                                 <div class="col-md-6 col-xs-12 wrapper-v-lg">
  1322.                                     <div class="icon-sm icon-color text-right">
  1323.                                         <i class="fa fa-check-square-o"></i>
  1324.                                         <p class="text-right"> Approved List Final Results </p>
  1325.                                     </div>
  1326.                                     <p class="text-justify">
  1327.                                         With the final results of all the research after the course of the arbitration and appeals session, the system administrator has known the participants and is on his way to the agenda of the conference.
  1328.                                     </p>
  1329.                                 </div>
  1330.                             </div>
  1331.                         </div>
  1332.                         <div class="col-md-4 m-t-50">
  1333.                             <div class="logistics-icon">
  1334.                                 <i class="icon icon-basic-sheet-txt new-icon"></i>
  1335.                             </div>
  1336.                             <div class="wrapper-v-lg">
  1337.                                 <h4> Feature Disablement </h4>
  1338.                                 <p class="text-center">
  1339.                                     The paper cycle can be disabled with the non-researches conferences, with the ability of adding participants (speakers) and their paper to the system manually through the system control panel.
  1340.                                 </p>
  1341.                             </div>
  1342.                         </div>
  1343.                     </div>
  1344.                     <!-- /End -->
  1345.                 </div>
  1346.             </div>
  1347.         </section>
  1348.         <section id="download" class="section-p-lg">
  1349.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  1350.                 <div class="row">
  1351.                     <!-- Headline & Description-->
  1352.                     <div class="col-sm-12 wrapper-v-lg text-center">
  1353.                         <h2>Management from Mobile</h2>
  1354.                         <p>Diwanyah control panel allows admin users or anyone permitted to use it to manage all of its features through the mobile phone<br>System design fits all different sizes of screens.</p>
  1355.                     </div>
  1356.                     <!-- /End Headline & Description-->
  1357.                 </div>
  1358.                 <!-- Download Smartphone Image -->
  1359.                 <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  1360.                     <div class="download-device-shadow">
  1361.                         <img src="{{ asset('assets/images/download-device.png') }}" class="img-responsive reveal-top-20" alt="">
  1362.                     </div>
  1363.                 </div>
  1364.                 <!-- /End Download Smartphone Image -->
  1365.             </div>
  1366.         </section>
  1367.         <section id="questionnaires" class="section-p-lg">
  1368.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  1369.                 <div class="row vert-middle-md">
  1370.                     <div class="col-md-6 col-md-offset-0 col-sm-8 col-sm-offset-2 wrapper-v-lg">
  1371.                         <div><img src="{{ asset('assets/images/function-1-device-01.png') }}" class="img-responsive reveal-top-20" alt=""></div>
  1372.                     </div>
  1373.                     <div class="col-md-6 col-sm-12 wrapper-v-lg text-right">
  1374.                         <h2>Polls & Analyzer</h2>
  1375.                         <p>Poll system that improves the process of voting on different levels of user groups at the same without conflict of data, each group has responds only for the poll which allowed to.</p>
  1376.                         <div class="row">
  1377.                             <div class="col-md-6 wrapper-v-lg">
  1378.                                 <div class="icon-sm icon-color"><i class="icon icon-basic-book-pencil"></i></div>
  1379.                                 <p>
  1380.                                     <strong>General Poll: </strong> The system allows public Votes to be conducted for all visitors to the site, which are used to collect generally desirable data.
  1381.                                 </p>
  1382.                             </div>
  1383.                             <div class="col-md-6 wrapper-v-lg">
  1384.                                 <div class="icon-sm icon-color"><i class="icon icon-basic-sheet-multiple"></i></div>
  1385.                                 <p>
  1386.                                     <strong>Special Polls: </strong> Those that appear to members of the system, with the possibility of dividing them into different groups; each group has its own vote.
  1387.                                 </p>
  1388.                             </div>
  1389.                         </div>
  1390.                         <!--<div class="wrapper-v-lg"> <a href="#" class="btn btn-color">المذيد</a> </div>-->
  1391.                     </div>
  1392.                 </div>
  1393.             </div>
  1394.         </section>
  1395.         <section id="features" class=" section-p-lg">
  1396.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  1397.                 <div class="row">
  1398.                     <!-- Headline -->
  1399.                     <div class="col-sm-12 wrapper-v-lg text-center">
  1400.                         <h2 class="text-center"> Conference Outcomes </h2>
  1401.                         <p>
  1402.                            It is simply project management tool built for conference recommendations in order to help user to execute it as a project with ability to accept volunteers... {# <a class="link-modal" href="#" data-toggle="modal" data-target="#myModal3">Read More</a> #}<br>
  1403.                         </p>
  1404.                     </div>
  1405.                     <!-- /End Headline -->
  1406.                 </div>
  1407.                 <div class="row vert-middle-md">
  1408.                     <div class="col-md-3 col-sm-6 features-left wrapper-v-md wrapper-h-xs-lg">
  1409.                         <div class="reveal-left-10">
  1410.                             <div class="icon-md icon-color">
  1411.                                 <i class="icon icon-software-transform-bezier"></i>
  1412.                                 <h4>Conference Outcomes Listing</h4>
  1413.                             </div>
  1414.                             <div class="icon-md icon-color">
  1415.                                 <i class="icon icon-software-add-vectorpoint"></i>
  1416.                                 <h4>Projects Creation</h4>
  1417.                             </div>
  1418.                             <div class="icon-md icon-color">
  1419.                                 <i class="icon icon-software-reflect-vertical"></i>
  1420.                                 <h4>Team Enrollment</h4>
  1421.                             </div>
  1422.                             <div class="icon-md icon-color">
  1423.                                 <i class="icon icon-basic-webpage-multiple"></i>
  1424.                                 <h4>Project Planning</h4>
  1425.                             </div>
  1426.                         </div>
  1427.                     </div>
  1428.                     <div class="col-md-3 col-md-push-6 col-sm-6  wrapper-v-md features-right wrapper-h-xs-lg">
  1429.                         <div class="reveal-right-10">
  1430.                             <div class="icon-md icon-color">
  1431.                                 <i class="icon icon-basic-message-txt"></i>
  1432.                                 <h4>Tasks Assignment</h4>
  1433.                             </div>
  1434.                             <div class="icon-md icon-color">
  1435.                                 <i class="icon icon-basic-settings"></i>
  1436.                                 <h4>Volunteers Enrollment</h4>
  1437.                             </div>
  1438.                             <div class="icon-md icon-color">
  1439.                                 <i class="icon icon-basic-postcard-multiple"></i>
  1440.                                 <h4>Management & Follow-up</h4>
  1441.                             </div>
  1442.                             <div class="icon-md icon-color">
  1443.                                 <i class="icon icon-ecommerce-money"></i>
  1444.                                 <h4>Reports & Graphs</h4>
  1445.                             </div>
  1446.                         </div>
  1447.                     </div>
  1448.                     <div class="col-md-6 col-md-offset-0 col-md-pull-3 col-sm-8 col-sm-offset-2 text-center wrapper-v-lg">
  1449.                         <div class="row">
  1450.                             <div class="col-lg-12 wrapper-h-xs-lg p-all-0">
  1451.                                 <img src="{{ asset('assets/images/imac-mockup.png') }}" style="height: auto;" class="img-responsive reveal-bottom-20" alt="">
  1452.                             </div>
  1453.                         </div>
  1454.                     </div>
  1455.                 </div>
  1456.             </div>
  1457.         </section>
  1458.         <section id="Media" class="section-p-lg">
  1459.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  1460.                 <div class="row">
  1461.                     <!-- Headline & Description -->
  1462.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  1463.                         <h2>Media Center</h2>
  1464.                         <p>Media Center Component contains a lot of content tools which responsible for increase the knowledge base for your conferences. <br></p>
  1465.                     </div>
  1466.                     <div class="col-md-12 wrapper-v-lg text-center">
  1467.                         <div class="col-md-12 p-all-0">
  1468.                             <div class="col-md-6 col-xs-6-break wrapper-v-sm text-center">
  1469.                                 <div class="logistics-icon"><i class="icon icon-basic-spread-text new-icon"></i></div>
  1470.                                 <div class="wrapper-v-lg">
  1471.                                     <h4>News</h4>
  1472.                                     <p class="text-center">Like any content management system Diwanyah provides you a professional tools enable you to publish your conference new with no limitation regarding these news number, content, attachments …etc. </p>
  1473.                                 </div>
  1474.                             </div>
  1475.                             <div class="col-md-6 col-xs-6-break wrapper-v-sm text-center">
  1476.                                 <div class="logistics-icon">
  1477.                                     <i class="icon icon-basic-video new-icon"></i>
  1478.                                 </div>
  1479.                                 <div class="wrapper-v-lg">
  1480.                                     <h4>Media Center </h4>
  1481.                                     <p class="text-center"> System Media Center supports Different types of media contains unlimited number of (photo albums, videos & Lists) for each conference, supported with different features of visitors engagement. </p>
  1482.                                 </div>
  1483.                             </div>
  1484.                         </div>
  1485.                         <div class="col-md-12 p-all-0">
  1486.                             <div class="col-md-6 col-xs-6-break wrapper-v-sm text-center">
  1487.                                 <div class="logistics-icon">
  1488.                                     <i class="icon icon-basic-map new-icon"></i>
  1489.                                 </div>
  1490.                                 <div class="wrapper-v-lg">
  1491.                                     <h4>Informational Pages</h4>
  1492.                                     <p class="text-center">Create unlimited number of pages for different purpose, admin can link these pages with the website main menu or others.</p>
  1493.                                 </div>
  1494.                             </div>
  1495.                             <div class="col-md-6 col-xs-6-break wrapper-v-sm text-center">
  1496.                                 <div class="logistics-icon">
  1497.                                     <div data-icon="" class="icon new-icon icon-shadow"></div>
  1498.                                 </div>
  1499.                                 <div class="wrapper-v-lg">
  1500.                                     <h4>Live Broadcast</h4>
  1501.                                     <p class="text-center"> Diwanyah supports live broadcasting of the conference activities, also can integrate with other live broadcasting tools such as YouTube, Then keeping and archiving these videos in the Media Center. </p>
  1502.                                 </div>
  1503.                             </div>
  1504.                         </div>
  1505.                     </div>
  1506.                     <!-- /End -->
  1507.                 </div>
  1508.             </div>
  1509.         </section>
  1510.         {{ render(controller('CloudServicesBundle:Package:widget')) }}
  1511.         <section id="gallery" class="section-p-lg">
  1512.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  1513.                 <div class="row">
  1514.                     <!-- Headline & Description -->
  1515.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  1516.                         <h2> Screens </h2>
  1517.                         <p>  </p>
  1518.                     </div>
  1519.                     <!-- /End Headline & Description -->
  1520.                     <div class="col-md-12 wrapper-v-lg">
  1521.                         <!-- Headline & Description -->
  1522.                         <div class="gallery-slider owl-carousel owl-theme">
  1523.                             <!-- Gallery App Image 1 -->
  1524.                             <div class="item">
  1525.                                 <img src="{{ asset('assets/images/screen-1.jpg') }}" class="img-responsive" alt="">
  1526.                             </div>
  1527.                             <!-- /End Gallery App Image 1 -->
  1528.                             <!-- Gallery App Image 2 -->
  1529.                             <div class="item">
  1530.                                 <img src="{{ asset('assets/images/screen-2.jpg') }}" class="img-responsive" alt="">
  1531.                             </div>
  1532.                             <!-- /End Gallery App Image 2 -->
  1533.                             <!-- Gallery App Image 3 -->
  1534.                             <div class="item">
  1535.                                 <img src="{{ asset('assets/images/screen-3.jpg') }}" class="img-responsive" alt="">
  1536.                             </div>
  1537.                             <!-- /End Gallery App Image 3 -->
  1538.                         </div>
  1539.                     </div>
  1540.                 </div>
  1541.             </div>
  1542.         </section>
  1543.         <section id="blog" class="section-p-lg">
  1544.             <div class="container wrapper-h-xs-lg">
  1545.                 <div class="row">
  1546.                     <div class="col-sm-12 wrapper-v-lg text-center">
  1547.                         <h2> Blog </h2>
  1548.                     </div>
  1549.                     <div class="col-sm-6 col-xs-12-break wrapper-v-sm text-center reveal-bottom-opacity">
  1550.                         <div class="blog-container">
  1551.                             <div class="logistics-icon">
  1552.                                 <img src="{{ asset('assets/images/success1.png') }}" alt="">
  1553.                                 <a href="{{ path('blog_view', { 'id' : 1 }) }}" class="btn btn-color"> Read More </a>
  1554.                             </div>
  1555.                             <div class="wrapper-v-lg">
  1556.                                 <h4 class="text-right"> Conference Planning Guide </h4>
  1557.                                 <p class="text-justify">
  1558.                                     Organizing a conference from the ground up requires a tremendous amount of forethought and data gathering. The entire process can take a couple years depending on the size of the group...
  1559.                                 </p>
  1560.                             </div>
  1561.                         </div>
  1562.                     </div>
  1563.                     <div class="col-sm-6 col-xs-12-break wrapper-v-sm text-center reveal-bottom-opacity delay2">
  1564.                         <div class="blog-container">
  1565.                             <div class="logistics-icon">
  1566.                                 <img src="{{ asset('assets/images/steps1.png') }}" alt="">
  1567.                                 <a href="{{ path('blog_view', { 'id' : 2 }) }}" class="btn btn-color"> Read More </a>
  1568.                             </div>
  1569.                             <div class="wrapper-v-lg">
  1570.                                 <h4 class="text-right"> 5 Common Mistakes Event Managers Make </h4>
  1571.                                 <p class="text-justify">
  1572.                                     The goal of every event manager, whether planning a small incentive gathering or large-scale conference, is to make sure things run smoothly...
  1573.                                 </p>
  1574.                             </div>
  1575.                         </div>
  1576.                     </div>
  1577.                 </div>
  1578.             </div>
  1579.             </div>
  1580.         </section>
  1581.         <section id="newsletter" class="newsletter-image section-p-lg pos-relative">
  1582.             <div class="section-overlay bg-white opacity-90"></div>
  1583.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity" data-sr-id="18">
  1584.                 <div class="row">
  1585.                     <!-- Headline -->
  1586.                     <div class="col-sm-8 col-sm-offset-2 wrapper-v-lg text-center">
  1587.                         <h2> Keep In Touch <br></h2>
  1588.                     </div>
  1589.                     <!-- /End Headline -->
  1590.                     <div class="col-md-4 col-md-offset-4 col-sm-8 col-sm-offset-2 wrapper-v-lg">
  1591.                         <form id="mc-form" class="wrapper-h-xs-md sub-form newsletter" novalidate="true">
  1592.                             <!-- Input & Submit-Button -->
  1593.                             <div class="form-group input-group">
  1594.                                 <span class="input-group-btn"> <button type="submit" class="btn btn-border-silver sub-form-btn"><i class="fa fa-paper-plane"></i></button> </span>
  1595.                                 <input type="email" id="email" class="form-control form-control-silver sub-form-input" name="EMAIL" placeholder="Email">
  1596.                             </div>
  1597.                             <!-- /End Input & Submit-Button -->
  1598.                             <!-- Message -->
  1599.                             <div id="message-newsletter" class="message text-center">
  1600.                                 <span class="message-icon"><i class="fa fa-info"></i></span>
  1601.                                 <span><label class="message-text" for="email"></label></span>
  1602.                             </div>
  1603.                             <!-- /End Message -->
  1604.                         </form>
  1605.                         <!-- /End Newsletter-Form -->
  1606.                     </div>
  1607.                     <!-- Description -->
  1608.                     <div class="col-sm-6 col-sm-offset-3 wrapper-v-lg text-center">
  1609.                         <p>
  1610.                             <small>subscribe to "Diwanyah" eNewsletter</small>
  1611.                         </p>
  1612.                     </div>
  1613.                     <!-- /End Description -->
  1614.                 </div>
  1615.             </div>
  1616.         </section>
  1617.         <section id="contact" class="section-p-lg">
  1618.             <div class="container wrapper-h-xs-lg reveal-bottom-opacity">
  1619.                 <div class="row">
  1620.                     <!-- Headline & Description -->
  1621.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  1622.                         <h2>Contact Us</h2>
  1623.                         <p> For any further help please do not hesitate to contact us </p>
  1624.                     </div>
  1625.                     <!-- /End Headline & Description -->
  1626.                     <div class="col-md-8 col-md-offset-2 wrapper-v-lg text-center">
  1627.                         {{ render(controller('ContactFormsBundle:Front:contactUs', { category_id: 2 })) }}
  1628.                     </div>
  1629.                 </div>
  1630.             </div>
  1631.         </section>
  1632.         <section id="company" class="bg-white section-p-sm">
  1633.             <div class="container reveal-bottom-opacity" data-sr-id="23"
  1634.                  style="; visibility: visible;  -webkit-transform: translateY(0); opacity: 1;transform: translateY(0); opacity: 1;-webkit-transition: -webkit-transform 0.8s linear 0s, opacity 0.8s linear 0s; transition: transform 0.8s linear 0s, opacity 0.8s linear 0s; ">
  1635.                 <div class="row">
  1636.                     <div class="col-md-10 col-md-offset-1 col-md-0 col-sm-offset-0 wrapper-v-lg">
  1637.                         <div class="row">
  1638.                             <!-- Contact Details -->
  1639.                             <div class="col-sm-4 wrapper-v-sm block-line">
  1640.                                 <!-- Icon -->
  1641.                                 <div class="block icon-md icon-color">
  1642.                                     <i class="icon icon-basic-geolocalize-01"></i>
  1643.                                 </div>
  1644.                                 <!-- /End Icon -->
  1645.                                 <!-- Address -->
  1646.                                 <div class="block text-left">
  1647.                                     <p>2nd Akaria, Olya St<br>
  1648.                                       Riyadh, Saudi Arabia</p>
  1649.                                 </div>
  1650.                                 <!-- /End Address -->
  1651.                             </div>
  1652.                             <!-- /End Contact Details -->
  1653.                             <!-- Contact Details -->
  1654.                             <div class="col-sm-4 wrapper-v-sm block-line">
  1655.                                 <!-- Icon -->
  1656.                                 <div class="block icon-md icon-color">
  1657.                                     <i class="icon icon-basic-mail"></i>
  1658.                                 </div>
  1659.                                 <!-- /End Icon -->
  1660.                                 <!-- Address -->
  1661.                                 <div class="block text-left">
  1662.                                     <p><a class="link-dark" href="mailto:[email protected]">[email protected]</a></p>
  1663.                                 </div>
  1664.                                 <!-- /End Address -->
  1665.                             </div>
  1666.                             <!-- /End Contact Details -->
  1667.                             <!-- Contact Details -->
  1668.                             <div class="col-sm-4 wrapper-v-sm block-line">
  1669.                                 <!-- Icon -->
  1670.                                 <div class="block icon-md icon-color">
  1671.                                     <i class="icon icon-basic-smartphone"></i>
  1672.                                 </div>
  1673.                                 <!-- /End Icon -->
  1674.                                 <!-- Address -->
  1675.                                 <div class="block text-left">
  1676.                                     <p>Hot Line.<a class="link-dark" href="tel:012345678991"> 920033082</a><br>
  1677.                                       Land Line <a class="link-dark" href="tel:012345678991">00966114190790</a></p>
  1678.                                 </div>
  1679.                                 <!-- /End Address -->
  1680.                             </div>
  1681.                             <!-- /End Contact Details -->
  1682.                         </div>
  1683.                     </div>
  1684.                 </div>
  1685.             </div>
  1686.         </section>
  1687.     {% endif %}
  1688. {% endblock %}
  1689. {% block modals %}
  1690. <!-- #myModal-basic -->
  1691. <div class="modal fade" id="myModal-basic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1">
  1692.     <div class="modal-dialog" role="document">
  1693.         <div class="modal-content">
  1694.             <div class="modal-header">
  1695.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1696.                     <span aria-hidden="true">&times;</span>
  1697.                 </button>
  1698.                 <h4 class="modal-title" id="myModalLabel111">الإدارة اللوجيستية للمؤتمر</h4>
  1699.             </div>
  1700.             <div class="modal-body">
  1701.                 <ol class="text-right custom-list">
  1702.                     <li>إدارة التسجيل والقبول</li>
  1703.                     <li>إدارة المعرض والحجوزات</li>
  1704.                     <li>إدارة الرعاية والمنظمون</li>
  1705.                     <li>إدارة الأوراق البحثية</li>
  1706.                 </ol>
  1707.             </div>
  1708.         </div>
  1709.     </div>
  1710. </div>
  1711. <!-- End Modal -->
  1712. <!-- Modal1 -->
  1713. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1">
  1714.     <div class="modal-dialog" role="document">
  1715.         <div class="modal-content">
  1716.             <div class="modal-header">
  1717.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1718.                     <span aria-hidden="true">&times;</span>
  1719.                 </button>
  1720.                 <h4 class="modal-title" id="myModalLabel1">الإدارة اللوجيستية للمؤتمر</h4>
  1721.             </div>
  1722.             <div class="modal-body">
  1723.                 <p class="text-justify">
  1724.                     تُعد من أهم مكونات النظام، ومن خلالها تتم الإدارة الفعلية للمؤتمر؛ بحيث تبدأ
  1725.                     بوضع خطة تنفيذ المؤتمر بشكلٍ مرن، وتنتهي بمهامٍ محددةٍ تُوكَّل لمسؤول عنها؛ يُحدثها حتى إنهائها
  1726.                     تمامًا.
  1727.                     تُعد من أهم مكونات النظام، ومن خلالها تتم الإدارة الفعلية للمؤتمر؛ بحيث تبدأ بوضع خطة تنفيذ المؤتمر
  1728.                     بشكلٍ مرن، وتنتهي بمهامٍ محددةٍ تُوكَّل لمسؤول عنها؛ يُحدثها حتى إنهائها تمامًا. <br>
  1729.                     تبدأ بنموذجٍ جاهز لخطة تنفيذ المؤتمر؛ يتسم بالمرونة في الإضافة والتعديل والحذف، وهو ما يوفر عليك
  1730.                     الوقت والجهد، وعناء البدأ من الصفر لإعداد خطة تنفيذ كل مؤتمر، محتويًا على العناصر الأساسية، مثل:
  1731.                     [الحجوزات المختلفة، الإيجارات، التسكين، المعدات، المطبوعات، الدعاية والإعلان - إلخ).
  1732.                     ولأن التكلفة هي عامل رئيس في تنظيم المؤتمرات؛ ربطَ النظام بينها وبين المهام المختلفة؛ فمع كل مهمة
  1733.                     -من مهام الخطة - توضع تقديرات أولية للتكلفة، والمدة اللازمة لتنفيذ لتلك المهمة، مع عملية جمعٍ لكل
  1734.                     المهام والتكليفات الأولية المقدرة، موضحًا إجمالي تلك التقديرات المالية لكل المؤتمر، وتُحدَّث بتحديث
  1735.                     المسؤولين للمهام.
  1736.                     يُتيح النظام إرفاق الوثائق المالية الفعلية مع كل مهمة؛ بحيث يستطيع مسؤول المهمة توثيق الفواتير
  1737.                     وإيصالات الدفع كإثبات عيني.
  1738.                     يعتمد نظام الدعم اللوجستي للمؤتمر تقارير على عدة مستويات رئيسة.
  1739.                 </p>
  1740.             </div>
  1741.         </div>
  1742.     </div>
  1743. </div>
  1744. <!-- End Modal -->
  1745. <!-- Modal2 -->
  1746. <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel2">
  1747.     <div class="modal-dialog" role="document">
  1748.         <div class="modal-content">
  1749.             <div class="modal-header">
  1750.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1751.                     <span aria-hidden="true">&times;</span>
  1752.                 </button>
  1753.                 <h4 class="modal-title" id="myModalLabel2">دورة الأوراق البحثية</h4>
  1754.             </div>
  1755.             <div class="modal-body">
  1756.                 <p class="text-justify">
  1757.                     متابعة عملية دورة الأوراق البحثية المقدمة؛ مذ فتح باب استقبال المشاركات،
  1758.                     ومرورًا بتقرير استلامها، ثم متابعة عملية التقييم والتحكيم، فإعلان النتائج، ومن ثَم فتح باب الطعون،
  1759.                     وإظهار النتائج النهائية. <br><br>
  1760.                     متابعة عملية دورة الأوراق البحثية المقدمة؛ مذ فتح باب استقبال المشاركات، ومرورًا بالاستلام مرفقة
  1761.                     بتقرير وصولها، وإعلانًا عن الخطوة المتابعة القادمة؛ وصولًا إلى تحكيمها، وإعلان النتائج، ثم إعلام
  1762.                     الباحث بنتيجة تقييمها؛ ومن ثم فتح باب الطعون، وإظهار النتائج النهائية، مختتمة بإنشاء جدول الفعاليات
  1763.                     الذي يُعد من أهم مكونات النظام؛ إذ يتيح -بمرونة عالية - إنشاء عددٍ غير محدودٍ من أيام وجلسات
  1764.                     وفعاليات المؤتمر مع إمكانية التعديل فيها مع الربط المباشر بالمشاركين وأوراقهم البحثية.<br><br>
  1765.                     يتيح النظام إمكانية إلغاء دورة الورقة البحثية مع إتاحة إضافة المشاركين (المتحدثين)، وأوراق العمل
  1766.                     الخاصة بهم إلى النظام بشكلٍ مباشرٍ من خلال لوحة التحكم.
  1767.                 </p>
  1768.             </div>
  1769.         </div>
  1770.     </div>
  1771. </div>
  1772. <!-- End Modal2 -->
  1773. <!-- Modal3 -->
  1774. <div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3">
  1775.     <div class="modal-dialog" role="document">
  1776.         <div class="modal-content">
  1777.             <div class="modal-header">
  1778.                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  1779.                     <span aria-hidden="true">&times;</span>
  1780.                 </button>
  1781.                 <h4 class="modal-title" id="myModalLabel3">متابعة توصيات المؤتمر</h4>
  1782.             </div>
  1783.             <div class="modal-body">
  1784.                 <p class="text-justify">
  1785.                     نظامٌ إلكترونيٌ مخصص لإدارة نتائج وتوصيات المؤتمر، بحيث يتم متابعة تنفيذها بشكلٍ فعَّال، ساعية إلى
  1786.                     الربط بين الجهات الداعمة للمشاريع، وجهات تنفيذها، عبر تحويلها إلى مشاريع منبثقة عن هذه التوصيات.
  1787.                     <br>
  1788.                     يُنشأ نظام إدارة التوصيات صفحة خاصة لكل مشروعٍ (بألوانها، وشعارها، وأقسامها، وضبط خطتها التشغلية،
  1789.                     وتنفيذ مراحل المشروع المختلفة عبر تحديد المهام، والمسؤولين، والمتطوعين) مع إمكانية الإضافة والتعديل
  1790.                     على بيانات المشروع، وتحديث حالته التشغيلية باستمرار؛ مع إتاحة استخراج نتائج العمل في صورة تقارير
  1791.                     تفصيلية عن المشروع، ومتابعة مراحله لحظة بلحظة، وكذا وجود آلية خاصة بإدارة المراسلات بين مديري
  1792.                     ومسؤولي ومشغلي النظام.
  1793.                     <br>
  1794.                     تسمح بعض المشاريع المنبثقة عن توصيات المؤتمرات بمساعدة متطوعين في تنفيذ هذه المشاريع، لذا أُتيحت هذه
  1795.                     الخاصية كنظامٍ داخلي في إدارة تلك المشاريع، مع إمكانية التحكم الكامل، وإدارة المتطوعين، ومتابعتهم،
  1796.                     ومراسلاتهم، وتكليفاتهم وتقاريرهم.
  1797.                 </p>
  1798.             </div>
  1799.         </div>
  1800.     </div>
  1801. </div>
  1802. <!-- End Modal3 -->
  1803. {% endblock %}