حول المركز

<!DOCTYPE html>     <html class="no-js" dir="rtl" lang="ar">  <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="lIBYA National Meto. Center"> <meta name="author" content="Omar Esokni"> <link rel="icon" href="favicon.ico"> <title>حول المركز </title>  <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap-rtl.min.css" rel="stylesheet"> <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="css/droidarabickufi.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet"> <link href="css/services-style.css" rel="stylesheet"> <link rel="shortcut icon" href="favicon.ico?v=2" />  <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script> <script src="js/jquery.slimscroll.js"></script> <style> .zeroLeftRightPadding{ padding-right:0px; padding-left:0px; } .circleIconsSection { padding-top:0px; Padding-bottom:80px; } .tab-content-style { border-width: 1px; border-style: solid; padding: 30px; border-style:dotte; border-color:lightgrey; border-radius: 0px; overflow-y: auto; height: 300px; } .dropdown-menu { padding:0px; } .list-group-item:first-child { border-radius:0px; } .list-group-item:last-child { border-radius:0px; } #box { width:300px; height:200px; box-shadow:inset 1px 1px 40px 0 rgba(0,0,0,.45); border-bottom:2px solid #fff; border-right:2px solid #fff; margin:5% auto 0 auto; background:url(http://ianfarb.com/wp-content/uploads/2013/10/nicholas-hodag.jpg); background-size:cover; border-radius:5px; overflow:hidden;} #overlay { background:rgba(0,0,0,.75); text-align:center; padding:45px 0 66px 0; opacity:0; -webkit-transition: opacity .25s ease; -moz-transition: opacity .25s ease; } #box:hover #overlay { opacity:1; } #plus { font-family:Helvetica; font-weight:900; color:rgba(255,255,255,.85); font-size:96px; } .thumbnail { display:inline-block; padding: 0 0 15px 0; border: none; border-radius: 0; } .thumbnail a{ display:inline-block; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,.65) 80%,rgba(0,0,0,0.9) 100%); /* W3C */ } .thumbnail img { width: 100%; height: 100%; /* margin-bottom: 10px; */ position:relative; z-index:-1; display:block; } .modal{ z-index:10000; } .modal-dialog { margin-top: 10px; } .fill{background-position:center;background-size:zoom;} a:focus { outline: unset; outline-width: 0px; outline-style: none; outline-color: unset; outline-offset: 0px; } a:focus, a:hover { color: unset; text-decoration: none; } table, td, th { vertical-align: middle; border-bottom solid #ddd; text-align: center; vertical-align: middle; font-family:"droid arabic kufi"; font-size:100%; padding-bottom:0px; } table { border-collapse: collapse; width: 100%; } h1,h2,h3,h4,h5,h6,p,th,tr ,.navbar,li{ font-family:"droid arabic kufi" } #boxscroll { height: 500px; width: 500px; } hr { width:20%; } .heading { margin-bottom:50px; text-align:center; } p.details{ line-height:2em; color:grey; text-align:justify; font-size:15px; } .row{ padding-top:0px; padding-bottom:40px; padding-right:30px; padding-left:30px; } .fa1-stack { font-size:300px; opacity:.08; } footer .glyphicon { font-size: 20px; margin-bottom: 20px; color: #5d2b2b; } .navbar { margin-bottom: 0; background-color: #00BCD4; z-index: 9999; border: 0; font-size: 12px !important; line-height: 1.42857143 !important; border-radius: 0; color:#fff; } .navbar-nav li a:hover, .navbar-nav li.active a { color: white; !important; background-color: lightgrey !important; } .navbar-default .navbar-toggle { border-color: transparent; color:#fff; !important; } th { text-align:center; font-size;20px; color:white; font-weight:bold; background-color:#00BCD4; } .job-tasks-list>li { color:grey; text-align:justify; font-size:15px; line-height:2.1; } } li{ color:grey; text-align:right; line-height: 2.5; } td , tr { padding:10px; } header { background-image:url(images/lmnc_gs.jpg); background-repeat:none; background-attachment:scroll; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; background-size:cover; -o-background-size:cover; text-align:center; color:#fff } .jumbotron { background-color:#00BCD4; color:black; padding :90px 40px ; } .jumbotron.WeatherNews { background-color: rgb(255, 255, 255); color: #fff; border: 1px solid rgb(225, 225, 232); } .sections { padding: 100px 40px; } .jumbotron p{ font-size: 15px; } a.x:hover { border-width:8px; } img.icons { border-color:lightgrey; border-width:4px; border-style:solid; box-shadow: 0 1px 6px rgba(0,0,0,0.175); } .nav-pills > li > a { border-radius: 0px; color: black; border-style: solid; border-width: 1px; border-color: lightgrey; bg-white { background-color:#ffffff; } text-main { color::#00BCD4; } .bg-Maincolor { background-color: #00BCD4; } .text-white { color:#FFFFFF; } .text-maincolor{ color:#00BCD4; } .bg-Warn { background-color:#DC143C; } .text-warn{ color:#DC143C ; } .bg-grey { background-color: #F6F6F6;  } .text-grey { color: grey; } p { line-height: 1.5; } img{ width:80%; height:600px; } } .tab-content.tab-content-bordered { border: 1px solid rgba(91, 192, 222, 0.26); border-top: none; padding: 30px; text-align:justify; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .li1{ display: table-cell; width: 25%; padding-right: 1px; height: auto; vertical-align: bottom; text-align:center; border-radius: 0 0 0 0; } .li1 a { font-size:15px; color:#000000; border-radius: 0 0 0 0; } @media screen and (max-width: 600px) { .li1 { width: 100%; } } .nav-tabs > li > a { margin-left: auto; margin-right: 4px; margin-bottom:0px; border-radius: 0px 0px 0 0; border-left-width:1px; border-right-width:1px; border-top-width:1px; border-buttom-width:1px; line-height:3; background-color:#F7F7F7; border-color:#ddd; border-radius:10px; } .nav-tabs { border-bottom: 0px solid #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; } .mylist>li>a{ padding:0px; font-size: 15px; border-color: lightgrey; border-radius: 5px; border-width: 1px; border-style: solid; text-align: center; color:black; } .about-center-navtab>li>a { margin-left: auto; margin-right: 4px; margin-bottom: 0px; border-radius: 0px 0px 0 0; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-buttom-width: 1px; line-height: 3; border-radius: 0px; color:#fff; background-color:#d9534f; border-color:#d43f3a } .about-center-navtab>li>a:hover { color:#fff; background-color:#c9302c; border-color:#ac2925 /* border-top-color:black; border-top-width:3px; */ } .about-center-navtab > li.active > a, .about-center-navtab > li.active > a:focus, .about-center-navtab > li.active > a:hover { color:#fff; background-color:#c9302c; border-color:#ac2925 /* border-top-width:10px; border-top-color:black; */ } /* departments-job-description-navtab */ .departments-job-description-navtab>li>a { margin-left: auto; margin-right: 4px; margin-bottom: 0px; border-radius: 0px 0px 0 0; border-left-width: 1px; border-right-width: 1px; border-top-width: 1px; border-buttom-width: 1px; line-height: 3; background-color:#337ab7; border-color: #2e6da4; border-radius: 0px; color: #ffffff; } .departments-job-description-navtab>li>a:hover { background-color: #286090; color: #ffffff; /* border-bottom-color:black; border-bottom-width:3px; */ border-bottom-radius:5px } .departments-job-description-navtab > li.active > a, .departments-job-description-navtab > li.active > a:focus, .departments-job-description-navtab > li.active > a:hover { background-color: #286090; border-color:#204d74; color: #ffffff; font-weight:bold; } .text-black { color:#000000; } .navbar { margin-bottom: 0; background-color: #00BCD4; z-index: 9999; border: 0; font-size: 14px !important; line-height: 1.42857143 !important; padding-bottom:10px; padding-top:10px; border-radius: 0; } .navbar li a, .navbar .navbar-brand { color: #fff !important; } .navbar-nav li a:hover, .navbar-nav li.active a { color: #00BCD4!important; background-color: #fff !important; } .navbar-default .navbar-toggle .icon-bar { background-color: #FFF; } .navbar-default .navbar-toggle { border-color: transparent; color: #fff !important; border-radius:0px; border-color: #ffffff; } .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover { background-color:transparent; } </style> </head> <body id="main" data-spy="scroll" data-target=".navbar" data-offset="60" style="padding-top:50px;" > <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a style="padding-top: 10px;" class="navbar-brand" href="index.php"><span><img src="images/logo.png"></span>المركز الوطني للأرصاد الجوية</a> </div> <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav navbar-right"> <li><a href="#description">نبذة عن المركز</a></li> <li><a href="#organization">الهيكل التنظيمي</a></li> <li><a href="#departments-job-description">مهام إدارات ومكاتب المركز</a></li> <li><a href="#facilties">معرض الصور</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a class="dropdown-toggle" data-toggle="dropdown" href="#"><span class=" glyphicon glyphicon-th-list"> <span style="font-family:droid arabic kufi">الخدمات</span> </a> <ul class="dropdown-menu" style="background-color: #00BCD4"> <a style="background-color:#5BC0DE;" class="list-group-item submenu" href="weatherforcasting.php"><i class="fa fa-cloud fa-fw"></i>  النشرة الجوية</a> <a style="background-color: #337AB7;" class="list-group-item submenu " href="marineforcasting.php"><i class="fa fa-anchor fa-fw"></i>  النشرة البحرية</a> <a style="background-color: #c9302c" class="list-group-item submenu" href="SatelliteImages.php"><i class="fa fa-camera fa-fw"></i>  صور الاقمار</a> <a style="background-color: #5cb85c;" class="list-group-item submenu" href="climate.php"><i class="fa fa-tree fa-fw"></i>  نشرة الأمطار</a> </ul> </li> </ul> </div> </div> </nav> <div class="jumbotron text-center text-white" style="border-bottom: 1px solid rgba(0, 0, 0, 0.15);"> <h1 class="animated wow fadeInDown"> المركز الوطني للأرصاد الجوية</h1> <br> </div> <div class="container-fluid text-center circleIconsSection" > <div class="row text-center" > <div class="col-md-3 " > <a href="#description" > <span class="fa-stack fa-4x animated wow fadeInUp"> <i class="fa fa-circle-thin fa-stack-2x" style="color:#d9534f"></i> <i class="fa fa-file-text fa-stack-1x " style="color:#d9534f"></i> </span> <h4 class="service-heading text-black"> نبذة عن المركز </h4> </a> </div> <div class="col-md-3 " > <a href="#organization" > <span class="fa-stack fa-4x animated wow fadeInUp"> <i class="fa fa-circle-thin fa-stack-2x" style="color:#5cb85c"></i> <i class="fa fa-sitemap fa-stack-1x " style="color:#5cb85c"></i> </span> <h4 class="service-heading text-black">الهيكل التنظيمي </h4> </a> </div> <div class="col-md-3 " > <a href="#departments-job-description" > <span class="fa-stack fa-4x animated wow fadeInUp"> <i class="fa fa-circle-thin fa-stack-2x" style="color:#337ab7"></i> <i class="fa fa-building fa-stack-1x " style="color:#337ab7"></i> </span> <h4 class="service-heading text-black">مهام إدارات ومكاتب المركز</h4> </a> </div> <div class="col-md-3 " > <a href="#facilties" > <span class="fa-stack fa-4x animated wow fadeInUp"> <i class="fa fa-circle-thin fa-stack-2x" style="color:#f0ad4e"></i> <i class="fa fa-camera-retro fa-stack-1x " style="color:#f0ad4e"></i> </span> <h4 class="service-heading text-black">معرض الصور</h4> </a> </div> </div> </div>  <section id="description" class="sections"> <div class="container-fluid" > <div class="row "> <div class="col-md-12" > <h1 class="heading animated wow fadeInUp animated">نبذة عن المركز</h1> <ul class="nav nav-tabs about-center-navtab animated wow fadeInDown animated" data-wow-delay="0.3s"> <li class="active li1"><a href="#tab1default" data-toggle="tab">خدمات الأرصاد الجوية</a></li> <li class=" li1"><a href="#tab2default" data-toggle="tab">مشروع انشاء المركز </a></li> <li class=" li1"><a href="#tab3default" data-toggle="tab"> مشروع تطوير المركز</a><li> <li class=" li1"><a href="#tab4default" data-toggle="tab">القطاعات المستفيدة </a></li> </ul> <br> <div id="tabtext" class="tab-content tab-content-style animated wow fadeIn animated" data-wow-delay="0.5s" > <div class="tab-pane fade in active" id="tab1default"> <p class="details"> بدأت خدمات الأرصاد الجوية في ليبيا بوجه عام قبل 1950 ، وكان إنضمامها للمنظمة العالمية للأرصاد الجوية في29-12-1955 ، وهي العضو رقم (67) من بين (185) عضو ويمثل المركز ليبيا لدى المنظمة العالمية للأرصاد الجوية من خلال العضوية في الاتحاد الإقليمي الأول (أفريقيا). كما هو معروف بدء نشاط الأرصاد الجوية بعدد محدود من محطات الرصد الجوي والتي كانت مهامها لا تتعدى إصدار بعض التقارير المناخية والتنبؤات الجوية الخاصة بالملاحة الجوية، واستمر ذلك إلى أن صدر القانون رقم (13) لسنة 1991 ، والذي حدد نشاط قطاع الأرصاد الجوية بليبيا وفق ما استجد من تطورات علمية واحتياجات محلية ودولية طرأت على مجالات الأرصاد الجوية المختلفة خلال النصف الأخير من القرن العشرين ، ومنها اتفاقية الأمم المتحدة الإطارية الخاصة بتغير المناخ في 29/06/2002 ، واتفاقية فيينا وبروتوكول مونتريال بشأن حماية طبقة الأوزون ، ومنذ ذلك الوقت شرع العاملون بقطاع الأرصاد الجوية بالسعي لتحقيق أهم ركائز البنية الأساسية لقطاع الأرصاد الجوية بليبيا ، والمتمثلة في الآتي: <ol> <li> مشروع إنشاء المركز الوطني للأرصاد الجوية .</li> <li> مشروع تطوير خدمات الأرصاد الجوية بالتعاون مع المنظمة العالمية للأرصاد الجوية.</li> <li> الاهتمام بالتنمية البشرية وذلك من خلال رفع كفاءة العاملين بقطاع الأرصاد الجوية على المستوى الداخلي والخارجي</li> </ol> </p> </div> <div class="tab-pane fade in " id="tab2default"> <p class="details"> يعتبر هذا المشروع حجر الأساس في سبيل تطوير خدمات الأرصاد الجوية وضمان مركزية الاتصالات المحلية والدولية وكافة مجالات وتخصصات الأرصاد الجوية المختلفة بأحدث التقنيات العلمية مما سيكون له مردود اقتصادي فعال ومساهم في المستقبل . تم وضع حجر الاساس لهذا المشروع في 24/11/1999 ، وذلك على قطعة أرض مناسبة تم تخصيصها لهذا الغرض مساحتها تبلغ 4 هكتارات بمنطقة السواني الكريمية عند الكيلومتر 17 . حيث كانت المساحة الكلية لمسقوف المباني الرئيسية حوالي 8500 متر مربع </p> </div> <div class="tab-pane fade in " id="tab3default"> <p class="details"> بالتعاون مع المنظمة العالميـــــة للأرصاد الجوية (WMO) ومكتب الأمم المتحدة الإنمائي- طرابلس (UNDP) تم توقيع وثيقــــــــة المشـــــــروع في 10 / 02 / 2000 وذلك أثنـاء قيــــــــام الامين العام للمنظمة العالميـة للأرصـــاد الجـــــوية بزيـــارة لليبيا . هذا المشروع يهدف لخلق القدرة في الأرصاد الجوية حتى تستطيع المساهمة بفعالية في نشاطات التنمية الاقتصادية والاجتماعية في ليبيا . وهذا يمكن الوصول إليه من خلال تطوير وتحديث الإمكانيات التقنية للأرصاد الجوية ، الذي يشمل محطات الرصد الجوي وشبكات الاتصالات الوطنية والدولية وأنظمة تحليل البيانات ، وكذلك من خلال تدريب العناصر الوطنية على تشغيل وصيانة هذه الإمكانيات التقنية وتطوير التطبيقات لمستخدمي البيانات. والإمكانيات المحسنة سوف تمكن مرفق الأرصاد من التجاوب والإيفاء بالالتزامات الدولية بشأن اتفاقيات الأمم المتحدة حول تغير المناخ والتنوع البيولوجي ومكافحة التصحر. وتتمثل مهام المركز الوطني للأرصاد الجوية في رصد الطقس و المناخ على كامل أنحاء ليبيا عن طريق شبكة من المحطات تبلغ في مجموعها ( 50 ) محطة موزعة على معظم مدن ليبيا وهى تقوم بعمليات الرصد على مدار الساعة وفق نظام دولي متفق عليه، ويتم تجميع وتبادل تلك المعلومات على المستوى المحلى والدولي وإصدار تنبؤات جوية وإحصائيات مناخية وإجراء الدراسات و كل ذلك يساهم في خدمة مجالات كثيرة منها تحديد كيفية إدارة واستغلال موارد المياه ، تقديم المشورة الفنية إلى القطاعات الأخرى في حالة إنشاء مشاريع جديدة و المساهمة في البحوث الخاصة بالطاقات الجديدة و المتجددة ، كما يقوم المركز الوطني للأرصاد الجوية بتمثيل ليبيا في المؤتمرات العلمية والحلقات الدراسية وورش العمل المتعلقة بالأرصاد ودراسة الاتفاقيات و المعاهدات الدولية المتعلقة بالأرصاد الجوية وابدءا الملاحظات بخصوصها ووضع التوصيات وفق ذلك، متابعة تنفيذ قرارات و توصيات المنظمة العالمية للأرصاد الجوية ذات العلاقة و لجانها الفنية، و لتحقيق ذلك كان للمركز النشاطات الآتية : <ul> <li> في مجال التدريب : التدريب الداخلي والتدريب الخارجي والمشاركات الدولية .</li> <li> إنشاء و صيانة و تجهيز محطات الأرصاد الجوية . </li> <li> تطوير منظومة النشرة الجوية المرئية . </li> <li> تركيب المحطات الآلية و تطوير نظم الاتصالات . </li> <li> مجال استمطار السحب . </li> <li> و تطوير شبكة محطات الرصد الجوي المختلفة ( سطحية ، أجواء عليا ، بحرية ، مناخية ، زراعية ، و إنشاء محطات لقياس و مكونات الغلاف الجوى ومحطات الإشعاع الشمسي) </li> <li> ير شبكة الاتصالات الخاصة بالأرصاد الجوية المحلية والإقليمية والعالمية . </li> <li> ء القدرات عن طريق التدريب القصير و الطويل المدى محليا وخارجيا . </li> <li> التقنية و زيادة القدرة في مجال الحاسوب . </li> <li> ين التقديرات الخاصة بكيفية تأثير تقلبات المناخ و تغيره على الأنشطة الاقتصادية و الاجتماعية .</li> <li> تقلبات المناخ و تغيره . </li> <li> هام بالمعارف المناخية في التنمية الوطنية و تحسين الوعي العام بتطبيقات المعلومات المناخية حسب المواصفات الدولية .</li> <li> يع كافة مرافق ووحدات مرفق الأرصاد الجوية بمكان واحد لضمان جودة و سهولة الأداء </li> <li>ويقدم المركز الوطني للأرصاد الجوية خدماته لكل شرائح المجتمع عن طريق إصدار النشرات الجوية و البحرية اليومية عبر وسائل الإعلام المختلفة / المرئية والمسموعة والمكتوبة وكذلك عبر موقعه الالكتروني على شبكة المعلومات الدولية ( الانترنت ) وعبر شبكات الهواتف النقالة .</li></p> </div> <div class="tab-pane fade in " id="tab4default"> <p class="details"> المواصلات - الزراعة - الطاقة - الصناعة - الإسكان و المرافق - المشاريع الإستراتيجية - التخطيط - الرياضة - الصحة - السياحة- التعليم - الإعلام - الداخلية – العدل – الدفاع - الجامعات والمراكز العلمية وغيرها ، وذلك بتزويدهم بالنشرات الجوية الخاصة بالطقس والمناخ اليومية والشهرية والسنوية ونشرات الإمطار وكذلك ببعض الأجهزة والمعدات كلا حسب احتياجاته </p> </div> </div> </div> </div> </div> </section>   <section id="organization" class="sections"> <div class="row " > <h1 class="heading animated wow fadeInDown animated" > الهيكل التنظيمي</h1> <hr> <div class="col-md-12" > <img src="images/lmnc_Org_Chart.png" class="img-responsive block-center animated wow fadeInUp animated" data-wow-delay="0.4s" " style="background-size:cover"> </div> </div>  </section> <section class="sections zeroLeftRightPaddin" id="departments-job-description" > <div class="container-fluid"> <div class="row text-center"> <div class="col-md-12"> <h1 class="heading animated wow bounceInDown animated">مهام إدارات ومكاتب المركز</h1> <div> </div> <div class="row animated wow fadeInUp animated" style="padding-right:0px;padding-left:0px"> <div class="col-md-3 zeroLeftRightPaddin" style="height:400px;overflow-y:auto;"> <ul id="tabtext1"class="nav nav-tabs nav-stacked departments-job-description-navtab"> <li class="active" ><a href="#forcasting" data-toggle="tab"> ادارة التنبؤات</a> </li> <li ><a href="#informationTech" data-toggle="tab"> الإدارة الفنية </a></li> <li ><a href="#stations" data-toggle="tab"> إدارة المحطات </a></li> <li ><a href="#climate" data-toggle="tab"> إدارة المناخ </a></li> <li ><a href="#researches" data-toggle="tab"> إدارة البحوث والدراسات </a></li> <li ><a href="#cloud" data-toggle="tab"> إدارة استمطار السحب </a></li> <li ><a href="#finance" data-toggle="tab"> الشؤون الإدارية والمالية</a></li> <li ><a href="#media" data-toggle="tab"> مكتب الإعلام </a></li> <li ><a href="#collaporation" data-toggle="tab"> مكتب التعاون الفني </a></li> <li ><a href="#training" data-toggle="tab"> مكتب التدريب </a></li> <li ><a href="#generalmanager" data-toggle="tab"> مكتب المدير العام </a></li> <li ><a href="#planing" data-toggle="tab">مكتب التخطيط والمتابعة</a></li> <li ><a href="#internalreview" data-toggle="tab">مكتب المراجعة الداخلية</a></li> <li ><a href="#lawer" data-toggle="tab"> المكتب القانوني </a></li> <li ><a href="#quality" data-toggle="tab"> مكتب الجودة </a></li> </ul> </div> <div class="col-md-9" style="height:400px"> <div id="Depart-tabs" class="tab-content tab-content-style" style="padding-left:40px ;margin-right: 10px; height: 100%;"> <div class="tab-pane fade in active " id="forcasting"> <ul class="job-tasks-list"> <li> إصدار التنبؤات يومياً طويلة المدى وقصيرة المدى الخاصة بالملاحة الجوية وكذلك إصدار التحذيرات الجوية وخرائط الطقس المهم وخرائط الأجواء العليا ومن تم تقديمها للجهات ذات العلاقة ( شركات الخطوط الجوية المختلفة والإسعاف الطائر وطيران الحقول النفطية والسلاح الجوي ) وذلك عن طريق مكاتب التلقين بالمطارات التابعة للإدارة </li> <li>إصدار النشرة البحرية يومياً (نشرة الصيادين ونشرة المواني النفطية والنشرة باللغة الإنجليزية والتحذيرات البحرية ) ويتم إرسالها عبر وسائل الاتصالات المختلفة للجهات العامة والخاصة وكذلك عبر الهاتف والفاكس لبعض الإذاعات المسموعة .</li> <li>إصدار النشرة الجوية يومياً لمدة ثلاثة أيام وكذلك درجات الحرارة لبعض مدن ومناطق ليبيا لمدة يومين وكذلك نشرة الأمطار خلال موسم الأمطار وإصدار التحذيرات الجوية والنشرة الخاصة بالمنظمة العالمية للأرصاد الجوية ويتم إرسالها عبر وسائل الاتصالات المختلفة للجهات العامة والخاصة وعبر الهاتف والفاكس لبعض الاذاعات وكذلك تقديمها عبر وسائل الأعلام المرئية والمسموعة .</li> <li>4-إعداد التقارير الفنية عند الطلب .</li> </ul> </div> <div class="tab-pane fade in " id="informationTech"> <p class="details"> تختص هذه الإدارة بمتابعة وتنفيذ شؤون التجهيز والتشغيل والصيانة والمعايرة للأجهزة والمعدات والمنظومات الفنية الموزعة بكافة المحطات والإدارات والمكاتب التابعة للمركز . إلى جانب متابعة وتنفيذ أعمال الأشغال العامة والمشاريع الإنشائية والصيانة اللازمة لمرافق الأرصاد الجوية. ويعتمد عمل هذه الإدارة بالدرجة الأولى على آلية الحركة المتواصلة </p> </div> <div class="tab-pane fade in " id="lawer"> <ul class="job-tasks-list"> <li> إبداء الرأي القانوني والمشورة في المسائل القانونية والتنظيمية التي تعرض عليه وإعداد المذكرات القانونية بشأنها. </li> <li> إعداد وصياغة مشروعات القرارات الإدارية التي تخص المركز وتعميمها. </li> <li> الاشتراك في إعداد ومراجعة العقود التي يبرمها المركز. </li> <li> متابعة الدعاوي القضائية التي ترفع من المركز أو عليه. </li> <li> تولي التحقيقات الإدارية التي يكلف بها وعرض نتائجها. </li> <li> المساهمة في وضع التشريعات الخاصة بالأرصاد الجوية. </li> <li> اقتراح تعديل تشريعات الأرصاد الجوية. </li> <li> إعداد التقارير دورية عن نشاطات المكتب. </li> <li> أية أعمال أخرى يكلف بها. </li> </ul> </div> <div class="tab-pane fade in " id="training"> <ul class="job-tasks-list"> <li> إعداد خطط وبرامج التأهيل الدراسية والتدريبية على المستويين داخل وخارج . </li> <li> التنسيق لحضور الملتقيات والمؤتمرات الدولية في الداخل والخارج . </li> <li> متابعة سير التدريب بالداخل والخارج وتقديم التقارير الدورية . </li> <li> تلقي الترشيحات من مختلف الإدارات والمكاتب لإغراض التدريب . </li> <li> إعداد تقارير دورية إلى المدير عن نشاطات المكتب </li> </ul> </div> <div class="tab-pane fade in " id="generalmanager"> <p class="details"> تسجيل وتوثيق ومتابعة تنفيذ تعليمات إدارة المركز، القيام بالتحضير والتنسيق والتنظيم للاجتماعات والمقابلات الهامة، تجميع البيانات والمعلومات الجوية اليومية </p> </div> <div class="tab-pane fade in " id="cloud"> <p class="details"> بداء تأسيس زراعة السحب في ليبيا سنة 1978 م تحت مسمي مشروع زراعة السحب وكانت اول عملية زراعة السحب عام 1980 م تقوم فكرة زرع الغيوم الباردة علي إدخال انويه تجمد صناعية ونثرها داخل السحب اعتمادا علي فكرة ان أنويه التجمد الطبيعية غير كافية وذلك من أجل تجميد أكبر كمية من المياه فوق مبردة الموجودة في السحب وبداء العمل بزراعة السحب وذلك بالقيام بعمليات زرع السحب الباردة بطريقة الزرع في قمم السحب تحث ظروف جوية تتوفر فيها الشروط ألازمه للقيام بهذه العمليات ومن ضمن هذه الشروط ضرورة وجود سحب لها امتداد رأسي بحيث تكون قمتها ابرد من -5 درجة مئوية مع وجود تيارات صاعدة ومحتوي مائي مناسب ووجود بلورات ثلجية . تعمل زراعة السحب بأطقم فنية من طيارين ومهندسين صيانة طائرات وأخصائي ارصاد جوية وفيزياء السحب ومشغلين ومهندسين صيانة رادارات كما تضم ادارة استمطار ثلاث مواقع رادارية تغطي كامل الساحل الليبي وهي سهل الجفارة (طرابلس) والمنطقي الوسطي (سرت) ومنطقة الجبل الاخضر (المرج ) تم تطوير ردارات السحب ببرنامج تشغيل يسمي تايتن عام 2003 بحيت اصبحت البيانات الرادارية اكثر دقة واستفادة ومن اهم المعطيات - كثافة السحب ، اتجاهها ، مسافتها ، ارتفاعها ، قوتها ، حجمها ، مساحتها ،وتتبع حركتها وأيضا الامطار وكمية الماء الرأسي داخل السحب تتبع مسار الطائرة واستقبال معلومات عن عمليات زرع السحب عن طريق جهاز التليميتري </p> </div> <div class="tab-pane fade in " id="stations"> <p class="details">تختص إدارة المحطات برصد ومتابعة أحوال الطقس على كامل الــدولة الليبية . وذالك بتشغيل مايزيد عن خمسون محطة رصد جوي ( سطحية ، مناخية ، بحرية ، زراعية وملاحه جوية ) وخمس محطات رصد لحالة الطقس بالأجواء العليا موزعة على كامل الدولة الليبية </p> </div> <div class="tab-pane fade in " id="media"> <ul class="job-tasks-list"> <li> الربط المباشر مع مكتب الإعلام بوزارة المواصلات ومكاتب الإعلام بالأجهزة والمصالح والمراكز التابعة للوزارة للتنسيق بشأن المناشط الإعلامية . </li> <li> متابعة كل ما ينشر عن المركز عبر وسائل الإعلام والرد عليها والتنسيق مع الإدارات والمكاتب التابعة للمركز . </li> <li> الإشراف على المعارض والمحافل الخاصة بشؤون المركز . </li> <li> إعداد التقارير الشهرية والدورية عن نشطات المكتب </li> </ul> </div> <div class="tab-pane fade in " id="quality"> <ul class="job-tasks-list"> <li> الإشراف على تبادل المعلومات مع الجهات الإقليمية والدولية ومقارنة المعايير المطبقة بها مع المركز. </li> <li> اقتراح وضع إجراءات عمل لتطوير الأداء وضمان ومراقبة جودة العمل بالمركز . </li> <li> اقتراح وضع المعايير المتعلقة بجودة العمل. </li> <li> متابعة التطوير المستمر للخدمات المقدمة بالمركز. </li> <li> متابعة الاستخدام الأمثل للموارد المادية والبشرية . </li> <li> الإشراف على توفير أفضل المعنويات للموظفين بالمركز </li> <li> التعرف على متطلبات المستفيدين من خدمات الأرصاد الجوية والعمل على تحقيق رضا الزبائن. </li> <li> وضع آليات ومعايير لقياس الأداء بالمركز </li> </ul> </div> <div class ="tab-pane fade in " id ="climate"> <ul class ="job-tasks-list"> <li> استلام واستقبال جميع المرتجعات والنماذج والاستمارات والخرائط والمعلومات والبيانات المناخية من جميع محطات الأرصاد الجوية. </li> <li> مراجعة وتصحيح وتدقيق ومراقبة جودة البيانات والمعلومات المناخية . </li> <li> استلام نشرات المناخ السطحية والاجواء العليا وارسالها الى الجهات ذات العلاقة. </li> <li> تقييم جميع المحطات فيما يتعلق بطرق ونظم الرصد وإعداد التقارير الفنية بالخصوص. </li> <li> إعداد وتجهيزالمعلومات المناخية والرد على جميع الاستفسارات المتعلقة بها والاحصائيات والنشرات المناخية ، وتقديم الخدمات لجميع القطاعات ومختلف مستخدمي تلك المعلومات حسب اللوائح المعمول بها. </li> <li> إعداد وإصدار النشرات المناخية الشهرية والسنوية والاطاليس المناخية المختلفة و نشرات الأمطار. </li> <li> الإشراف على تصميم المرتجعات والاستمارات والنماذج المناخية وسجلات الرصد. </li> <li> الإشراف على الارشيف المناخي وتبويب وثوتيق جميع المرتجعات والاستمارات والنماذج والخرائط المناخية وسجلات الرصد وتنظيمها. </li> <li> الإشراف على شبكة محطات ومقاييس الامطار بليبيا. </li> <li> استلام واستقبال بيانات واستمارات وخرائط معلومات الامطار والهطول والسيول والثلوج والفيضانات الواردة من جميع محطات ومقاييس الامطار. </li> <li> مراجعة وتدقيق وتصيحيح ومراقبة جودة تلك المعلومات عند الاستلام والارسال حسب لوائح المنظمة العالمية للأرصاد الجوية. </li> <li> الإشراف علـــى تخزيــن ومعالجة جميع البيانـات والمعلـومات المناخية( الساعية واليومية ) لجميــع المحطـــات. </li> <li> الاشراف على منظومة قاعدة البيات المناخية (CLISYS ، CLICOM) </li> <li> متابعة أجهزة الحاسوب الخاصة بتخزين البيانات والمعلومات المناخية وتطويرها. </li> <li> تصميم وتعديل وتوفير البرمجيات الخاصة بمعالجة المعلومات المناخية المختلفة </li> <li> تكوين ارشيف مناخي إلكتروني والإشراف على قاعدة البيانات المناخية الوطنية. `</li> </ul> </div> <div class="tab-pane fade in " id="finance"> <p class="details"> تقوم الإدارة بالإشراف على إعداد الخطط و البرامج اللازمة لتنفيذ السياسة العامة لإدارة الشئون الإدارية و المالية وكذلك تنفيذ القوانين و القرارات و اللوائح المعمول بها في الشئون المالية و الإدارية و الإشراف على تنظيم وفهرسة الملفات الشخصية و الحسابات المالية . </p> </div> <div class="tab-pane fade in " id="planing"> <ul class="job-tasks-list"> <li> دراسة مشاريع خطة التحول الخاصة بالمركز واقتراح الخطة الإنمائية وميزانيتها وتقييم معدلات الأداء. </li> <li> دراسة وتقييم مشاريع خطة التحول الخاصة بالأرصاد الجوية. </li> <li> إقتراح الخطة الإنمائية وميزانياتها في مجال الأرصاد الجوية. </li> <li> المساهمة في دراسة واقتراح التشريعات المتعلقة بعوائد الخدمات والرسوم. </li> <li> وضع خطة علمية مدروسة بالتنسيق مع الإدارات والمكاتب بالمركز. </li> <li> تقييم معدل الأداء للإدارات والمكاتب بالمركز من خلال تقارير ربع سنوية. </li> <li> متابعة الإدارات والمكاتب من الناحية الفنية والإدارية. </li> <li> إعداد تقارير دورية عن نشاط المكتب. </li> </ul> </div> <div class="tab-pane fade in " id="internalreview"> <ul class="job-tasks-list"> <li> التأكيد من تنفيذ القوانين واللوائح والتعليمات المالية المتعلقة بأعمال المراجعة الداخلية وتدقيق الحسابات بما في ذلك المراجعة قبل الصرف. </li> <li> مراجعة أوجه الصرف حسب البنود المعدة. </li> <li> مراجعة عمليات النقل من بند إلى بند أو من باب إلى باب وفقا للتشريعات النافدة. </li> <li> تقديم المستندات والوثائق اللازمة لأعمال المراجعة. </li> <li> الاشتراك في إعداد الميزانية المالية للمركز. </li> <li> مراجعة التسويات المالية وأذونات الصرف قبل إثباتها في الدفاتر. </li> <li> متابعة العقود المبرمة بين المركز والجهات الأخرى. </li> <li> القيام بمراجعة الدفعات المالية عن الأعمال المنفذة لكل مشروع. </li> <li> الإشراف على مراجعة الدفاتر والسجلات والإحصائيات المالية. </li> <li> الإشراف على إعداد الحسابات الختامية والتقارير المالية. </li> <li> إعداد تقارير دورية عن نشاط المكتب. </li> </ul> </div> <div class="tab-pane fade in " id="researches"> <ul class="job-tasks-list"> <li> اقتراح واجراء وكذلك الانخراط والاشراف على مختلف البحوث والدراسات والتقارير الفنية والعلمية والمشاريع البحثية. </li> <li> تقديم المشورة الفنية والعلمية لمختلف الأقسام في علوم الطقس والمناخ. </li> <li> المساهمة في رفع كفاءة موظفي القطاع. </li> <li> العمل على توثيق الصلة بين المركز ومختلف المراكز والمؤسسات المحلية والإقليمية والدولية في ذات الاختصاص. </li> <li> القيام بالدراسات على مختلف مجالات الأرصاد الجوية والمناخ ومحاولة توجيهها لخدمة القطاعات الاقتصادية والاجتماعية، وذلك بفتح قنوات اتصال مع >/li<المستخدمين كالمزارعين وقطاع الطاقة. <li> المساهمة في دراسة مناخ ليبيا والتغير المناخي وتأثيراته على القطاعات الاقتصادية والاجتماعية. </li> </ul> </div> <div class="tab-pane fade in " id="collaporation"> <ul class="job-tasks-list"> <li> متابعـة كـل مـا يتعلـق بالتعـاون مـع الـدول العربيـة والأجنبيـة والمنظمـات الإقليميـة والدوليـــة المتخصصة في مجالات الأرصاد الجوية المختلفة، وتنسيق العلاقات الدولية في هذه المجــالات بالتعاون مع الجهات ذات العلاقة. </li> <li> متابعة عضوية ليبيا في المنظمات والهيئات الدولية في مجال الأرصاد الجوية وتفعيل دورها. </li> <li> متابعة التعليمات الفنية في مجــال الأرصـاد الجويـة الصـادرة عـن المنظمـة العالميـة للأرصـاد الجوية والمنظمات الأخرى ذات العلاقة وتزويد الإدارات والمكاتب المختصة بــها للعمـل علـى تطبيقها. </li> <li> الـرد علـى استفسـارات المنظمـة العالميـة للأرصـاد الجويـة والمنظمـات الأخـرى ذات العلاقـة بالتعاون مع الإدارات والمكاتب المختصة، وإعداد المراسلات الموجهــة مـن المركـز إلـى هـذه المنظمات بخصوص طلب المساعدة الفنية وغيرها. </li> <li> تزويد الإدارات والمكاتب المختصة بمراسلات، مذكرات، تقاريـر ومطبوعات المنظمة العالمية بتنفيذها، وإعداد المذكرات والتقارير التي يقتضيها العمل بالتعاون الفني. </li> <li> تجميع المعلومات عن المنظمات والهيئات الإقليمية والدولية التي لها علاقة بنشاطات المركز. المساهمة في إعداد خطط وبرامج التعاون الفني بما في ذلك الاتفاقيات مــع مختلـف المؤسسـات في الداخل والخارج ومتابعة تنفيذها. </li> <li> المساهمة في تنفيذ المشاريع الفنية للمركز مع الإدارات المختصة. </li> <li> المتابعة والتنسيق للمنح الدراسية، الحلقات الدراسية وورش العمل التي تنظمها المنظمة العالمية للأرصاد الجوية واتحاداتها الإقليمية في مجال الأرصاد الجوية. </li> <li> المسـاهمة فـي تنظيـم الملتقيـات المحليـة فـي مجـال الأرصـاد الجويـة مـع الإدارات والمكـــاتب المختصة. </li> <li> إعداد تقارير عن علاقات المركز بالمنظمات والهيئات الدولية. </li> <li> إعداد تقارير دورية عن نشاط المكتب. </li> <li> أي أعمال أخرى يكلف بها المكتب </li> </ul> </div> </div> </div> </div> </div> </section>  <section id="facilties" class="sections" style="background-color:#f4f4f7"> <h1 class="heading animated wow fadeIn " data-wow-delay="0.5s"" >معرض الصور</h1> <hr> <div class="row text-center"> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.1s"> <a data-toggle="modal" data-target="#pic1"> <img src="images/centerfacilities/forcastinghall.jpg" ></a> <p><strong>صالة التنبؤات</strong></p> </div> <div class="modal fade" id="pic1" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/forcastinghall.jpg" > </div> </div> </div> </div> </div> <div class="col-md-3 " > <div class="thumbnail animated wow flipInX wow " data-wow-delay="0.20s"> <a data-toggle="modal" data-target="#pic2"> <img src="images/centerfacilities/mosque.jpg" ></a> <p><strong>المسجد</strong></p> </div> <div class="modal fade" id="pic2" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/mosque.jpg" > </div> </div> </div> </div> </div> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.3s"> <a data-toggle="modal" data-target="#pic3"> <img src="images/centerfacilities/theater.jpg" ></a> <p><strong>المسرح</strong></p> </div> <div class="modal fade" id="pic3" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/theater.jpg" > </div> </div> </div> </div> </div> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.4s"> <a data-toggle="modal" data-target="#pic4"> <img src="images/centerfacilities/library.jpg" ></a> <p><strong>المكتبة</strong></p> </div> <div class="modal fade" id="pic4" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/library.jpg" > </div> </div> </div> </div> </div> </div> <div class="row text-center"> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.5s"> <a data-toggle="modal" data-target="#pic5"> <img src="images/centerfacilities/it.jpg" ></a> <p><strong>صالة التحكم </strong></p> </div> <div class="modal fade" id="pic5" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/it.jpg" > </div> </div> </div> </div> </div> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.6s"> <a data-toggle="modal" data-target="#pic6"> <img src="images/centerfacilities/radar.jpg" ></a> <p><strong>الرادار</strong></p> </div> <div class="modal fade" id="pic6" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/radar.jpg" > </div> </div> </div> </div> </div> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.5s"> <a data-toggle="modal" data-target="#pic7"> <img src="images/centerfacilities/receiption.jpg" ></a> <p><strong>الاستقبال</strong></p> </div> <div class="modal fade" id="pic7" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/receiption.jpg" > </div> </div> </div> </div> </div> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.5s"> <a data-toggle="modal" data-target="#pic8"> <img src="images/centerfacilities/workshop.jpg" ></a> <p><strong>الورشة الفنية</strong></p> </div> <div class="modal fade" id="pic8" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/workshop.jpg" > </div> </div> </div> </div> </div> </div> <div class="row text-center"> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.5s"> <a data-toggle="modal" data-target="#pic9"> <img src="images/centerfacilities/guesthouse.jpg" ></a> <p><strong>بيت الضيافة</strong></p> </div> <div class="modal fade" id="pic9" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/guesthouse.jpg" > </div> </div> </div> </div> </div>  <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.5s"> <a data-toggle="modal" data-target="#pic10"> <img src="images/centerfacilities/mobileradar.jpg" ></a> <p><strong>رادار متحرك</strong></p> </div> <div class="modal fade" id="pic10" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/mobileradar.jpg" > </div> </div> </div> </div> </div> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.5s"> <a data-toggle="modal" data-target="#pic11"> <img src="images/centerfacilities/systems.jpg" ></a> <p><strong>انظمة الأرصاد الجوية</strong></p> </div> <div class="modal fade" id="pic11" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/systems.jpg" > </div> </div> </div> </div> </div> <div class="col-md-3 " > <div class="thumbnail wow flipInX animated " data-wow-delay="0.5s"> <a data-toggle="modal" data-target="#pic12"> <img src="images/centerfacilities/meetingroom.jpg" ></a> <p><strong>صالة الأجتماعات</strong></p> </div> <div class="modal fade" id="pic12" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-body"> <img class=" img-thumbnail img-responsive center-block" src="images/centerfacilities/meetingroom.jpg" > </div> </div> </div> </div> </div> </div> </section> <style> .bg-Maincolor { background-color: #00BCD4; } .text-white { color:white; } </style> <footer class="container-fluid text-center bg-maincolor "> <div class="row text-white footerRow" > <div class="col-md-4 col-sm-4 paddingTop"> <img class="img-responsive center-block " style="display: inline-block;" src="images/logo_big.png"></a> </div> <div class="col-md-4 col-sm-4 paddingTop"> <a href="#main" title="To Top"> <span class="text-white glyphicon glyphicon-chevron-up "></span> </a> <p class="text-center text-white"></p> </div> <div class="col-md-4 col-sm-4 paddingTop"> <style> .fa-stack-1x{ border-width: 1px; color: rgb(255, 255, 255); border-style: solid; border-radius: 0; border-color: #fff; } .footerRow { padding:15px; } .fa-stack-1x:hover{ cursor: pointer; } .fa-facebook { background:#4f7dd4; } .fa-facebook:hover { background:#789bde; } .fa-twitter { background:#5bceff; } .fa-twitter:hover { background:#8eddff; } .fa-linkedin { background:#21a6d8; } .fa-linkedin:hover { background:#49b9e3; } .fa-instagram { background:#dc422b; } .fa-instagram:hover { background:#e36957; } .fa-pinterest { background:#cb2027; } .fa-pinterest:hover { background:#e03e44; } .fa-youtube { background:#ce332d; } .fa-youtube:hover { background:#da5954; } .icon-social:hover { color:#fff; } footer .glyphicon { font-size: 40px; margin-bottom: 20px; color: white; } .fa-stack { margin-left:10px; } .paddingTop { padding-top:15px; } </style> <div class=""> <a href="https://www.facebook.com" > <span class="fa-stack fa-1x a icon-social"> <i class="fa fa-circle fa-stack-2x " ></i> <i class="fa fa-facebook fa-stack-1x " style="color:#ffffff"></i> </span> </a> <a href="https://twitter.com" > <span class="fa-stack fa-1x"> <i class="fa fa-circle fa-stack-2x icon-social" style="color:#32CCFE"></i> <i class="fa fa-twitter fa-stack-1x " style="color:#ffffff"></i> </span> </a> <a href="https://www.instagram.com/" > <span class="fa-stack fa-1x"> <i class="fa fa-circle fa-stack-2x" style="color:#F44336"></i> <i class="fa fa-instagram fa-stack-1x " style="color:#ffffff"></i> </span> </a> <a href="https://www.linkedin.com" > <span class="fa-stack fa-1x"> <i class="fa fa-circle fa-stack-2x" style="color:#3F51B5"></i> <i class="fa fa-linkedin fa-stack-1x " style="color:#ffffff"></i> </span> </a> </div> </div> </div> </footer>  <script> $(document).ready(function(){ //$('.modal').appendTo("body") $('#tabtext').slimScroll({ size: '8px', position: 'left', color: '#ff0000', //alwaysVisible: true, distance: '10px', }); $('#tabtext1').slimScroll({ width: 'auto', height: 'auto', size: '8px', position: 'left', color: '#ffffff', alwaysVisible: true, }); $('#Depart-tabs').slimScroll({ width: 'auto', height: 'auto', size: '8px', position: 'left', color: '#4ca6ff', //alwaysVisible: true, distance: '10px', }); // Add smooth scrolling to all links in navbar + footer link $(".navbar a:not(.navbar-brand), footer a[href='#main'] ").on('click', function(event) { // Prevent default anchor click behavior event.preventDefault(); // Store hash var hash = this.hash; // Using jQuery's animate() method to add smooth page scroll // The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area $('html, body').animate({ scrollTop: $(hash).offset().top }, 900, function(){ // Add hash (#) to URL when done scrolling (default click behavior) window.location.hash = hash; }); }); // Slide in elements on scroll $(window).scroll(function() { $(".slideanim").each(function(){ var pos = $(this).offset().top; var winTop = $(window).scrollTop(); if (pos < winTop + 600) { $(this).addClass("slide"); } }); }); }) </script> </body> </html>

CINXE.COM

حول المركز