CINXE.COM

المركز الوطني للأرصاد الجوية-الصفحة الرئيسية

<!DOCTYPE html> <!--[if lt IE 7]> <html class="no-js ie6 oldie" dir="rtl" lang="ar"> <![endif]--> <!--[if IE 7]> <html class="no-js ie7 oldie" dir="rtl" lang="ar"> <![endif]--> <!--[if IE 8]> <html class="no-js ie8 oldie" dir="rtl" lang="ar"> <![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" dir="rtl" lang="ar"> <!--<![endif]--> <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="Libyan National Met. Center"> <meta name="author" content="Omar Esonki"> <link rel="icon" href="favicon.ico"> <title>المركز الوطني للأرصاد الجوية-الصفحة الرئيسية</title> <!--<link href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">--> <!-- CDN Bootstarp , JavaScript and font awesome--> <!--- 1- ***************** bootstrap CSS ********************** <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 2- ***************** JQuery JS ********************** <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 3- ***************** bootstrap JS ********************** <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 4- ***************** Map js ********************** <script src="http://maps.googleapis.com/maps/api/js"> </script> 5-***************** font Awesome CSS ********************** <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> ---< <!-- Local Bootstarp , JaveScript and Font Awesome --> <script src="http://maps.googleapis.com/maps/api/js"> </script> <link rel="shortcut icon" href="favicon.ico?v=2" /> <link href="css/SegoeUILight.css" rel="stylesheet"> <link href="css/droidarabickufi.css" rel="stylesheet"> <link href="css/weather-icons.css" rel="stylesheet" type="text/css"> <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link href="css/bootstrap.min.css" rel="stylesheet"> <link href="css/bootstrap-rtl.min.css" rel="stylesheet"> <link href="css/select2.min.css" rel="stylesheet"> <link href="css/animate.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="css/slick.css"/> <link rel="stylesheet" type="text/css" href="css/slick-theme.css"/> <script src="js/jquery.min.js "></script> <script src="js/bootstrap.min.js "></script> <script src="js/wow.min.js"></script> <script src="js/jquery.slimscroll.js"></script> <script src="js/cbpAnimatedHeader.js"></script> <link href="css/site.main.css" rel="stylesheet"> <script src="js/select2.min.js"></script> <script> new WOW().init(); </script> <!-- Latest compiled and minified CSS --> <!---------------------------------------> <style> #display{ background:rgba(179,0,0,1); overflow:hidden; position:fixed; bottom: 0px; height:50px; padding: 10px; margin-bottom:0px; width: 100%; } #display:hover { background:rgba(179,0,0,1); } #text{ white-space: nowrap; overflow:hidden; position:absolute; left:10px; margin-right:10px; top:5px; color:white; font-size:15px; } </style> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body data-spy="scroll" data-target=".navbar" data-offset="50" id="main"> <!--- function to print table ---> <!--- Warning work ------------> <!--End of warning work!-------> <!--start of weather work------> <!--End of weather work!-------> <nav class="navbar navbar-default navbar-fixed-top" id="main-nav-bar" > <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="#main" style="margin-right: 10px;" >الرئيسية</a></li> <li><a href="#OurServices">الخدمات</a></li> <li><a href="#AboutUs"> حول المركز</a></li> <li><a href="#Links"> روابط مهمة</a></li> <li><a href="#ContactUs">التواصل معنا</a></li> </ul> </div> </div> </nav> <!------------------------------------------------End of Nav -----------------------------------------------------------> <header > <div class="intro-text"> <div class="intro-heading animated fadeInDown ">المركز الوطني للأرصاد الجوية</div> <div class="intro-lead-in animated fadeInUp ">مرحبابكم</div> <!------------------> <div class="container-fluid"> <div class="row"> <div class="col-sm-6 col-sm-offset-3"> <div class="animated fadeInUp delay-1 presentation"> <div class="download-description"> <div class="row"> <div class="col-sm-6"> <a href="#main-service" class="btn btn-block btn-primary no-shaddow btn-lg margin-b-sm " data-wow-delay="0.5s">توقعات الطقس</a> </a> </div> <!-- /.col --> <div class="col-sm-6"> <a href="#currentdatatable" class="btn btn-block btn-success no-shaddow btn-lg margin-b-sm " data-wow-delay="0.5s">الطقس الآن</a> </a> </div> <!-- /.col --> </div> </div> </div> </div> </div> <div class="row "> <div class="col-xs-12 col-sm-6 col-sm-offset-3 col-md-4 col-md-offset-4 animated fadeInDown"> <a href="#general-manager-message" class="btn btn-danger btn-block btn-lg margin-top " >رسالة المدير العام</a> </div><!-- /.col --> </div> </div> </div> </header> <section id="general-manager-message" class="section "> <div class="container-fluid text-center"> <div class="row"> <div class="col-md-2 "> <img src="images/generalmanager.jpg" class=" animated fadeInDown wow animated img-responsive center-block img-circle manager-picture" > <h3 style="font-weight:bold;text-align:center" class=" animated fadeInUp wow animated">المدير العام</h3> </div> <div class="col-md-10"> <h3 class="towhom animated fadeIn wow animated" >السادة والسيدات زوار الموقع،،</h3> <p class="message-body animated fadeInUp wow animated"> ظهرت في هذا العصر وسائل إعلامية هامة تمثلت في عالم الانترنت وما في داخله من مواقع الكترونية وأمام هذه الأهمية يسعى المركز جاهداً للاستفادة والإفادة منها من خلال موقعه الالكتروني. وبعد كل المحاولات التي تمت في السابق نفتتح بإذن الله الموقع الالكتروني للمركز الوطني للأرصاد الجوية في ثوبه الجميل الجديد، الذي آمل أن يتم الإشراف علية وتفعيلة وتطوير بطريقة مستمرة، ويحمل الموقع الإلكتروني عنوان (www.lnmc.org.ly) ومن أهدافه تسهيل الوصول للمعلومة وبناءً على ذلك فقد أتيح للجمهور الاستفسار عن طلباتهم ومعرفة أخبار الطقس. أن الدور البارز الذي يقوم به المركز الوطني الأرصاد الجوية يأتي مواكبا للسياسات الاستراتيجية التي تنتهجها المنظمة العالمية للأرصاد الجوية في سبيل تأمين المعارف المناخية التي تساهم في صناعة القرارات وإعداد السياسات والخطط على مختلف المستويات الاقتصادية والبيئية والاجتماعية والصحية. ولا يسعني في هذا المقام إلا أن أسجل شكري وتقديري لفريق العمل الذي سهر على تطويره بهذا الشكل المتميز ولكل من ساهم أيضاً في دعمهم والتعاون معهم. وأغتنم هذه المناسبة لتقديم خالص الشكر والتقدير إلى كافة العاملين بالمركز الوطني للأرصاد الجوية على ما بذلوه من جهد وعطاء. نرحب بزوار الموقع الكرام ونتمنى لهم نزهة مفيدة وممتعة عبر صفحات الموقع. </p> <h4 class="text-left animated fadeInDown wow animated">والسلام عليكم ورحمة الله وبركاته </h4> </div> </div> </div> </section> <div id="main-service" class="container-fluid weather-container-grey" > <div class="row" > <div class="col-md-12 text-center" > <h2 class="section-heading text-center">توقعات الطقس</h2> <div class='alert alert-danger '><h1 >المعذرة ..لا تتوفر بيانات محدثة لأسباب خارجة عن ارادتنا </h1> </div></div></div></div></div> <section id="currentdata"> <div class="container-fluid "> <div class="row text-center" style="padding-left: 30px; padding-right: 30px;" > <h1 class="section-heading"> الطقس الآن <span id="currentdatatable"></h1> <div class="col-md-12 table-responsive animated fadeInUp wow animated current-data-div"> <span class='label label-primary label-lg' style= 'border-radius:0px;width:100%;font-size:1.1em'><i class="fa fa-info-circle fa-1x"></i> اخر تحديث كان بتاريخ 27-11-24 في الساعة 07:00 </span> <table class="table ActualWeatherTable table-hover tbl-style " > <!--get the header First--> <table class='table table-striped table-hover ActualWeatherTable' > <thead><tr> <th> المدينة</th> <th> درجة الحرارة</th> <th> الطقس</th> <th>سرعة الرياح </th> <th> إتجاه الرياح</th> </tr></thead> <tr><td class='' >نالوت</td><td> <span class='label label-primary label-lg' >10 درجة مئوية </span></td><td><img src='images/skystate/large/Few-clouds.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء قليلة السحب</span></td><td>10 كم / ساعة</td><td>جنوبية-غربية</td></tr><tr><td class='' >زوارة</td><td> <span class='label label-primary label-lg' > درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>8 كم / ساعة</td><td>جنوبية-غربية</td></tr><tr><td class='' >يفرن</td><td> <span class='label label-primary label-lg' >11 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>12 كم / ساعة</td><td>جنوبية</td></tr><tr><td class='' >السبيعة</td><td> <span class='label label-primary label-lg' >11 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>8 كم / ساعة</td><td>جنوبية</td></tr><tr><td class='' >غريان</td><td> <span class='label label-primary label-lg' > درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr><tr><td class='' >الخمس</td><td> <span class='label label-primary label-lg' >14 درجة مئوية </span></td><td><img src='images/skystate/large/Few-clouds.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء قليلة السحب</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr><tr><td class='' >بن وليد</td><td> <span class='label label-primary label-lg' >8 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>6 كم / ساعة</td><td>شمالية-غربية</td></tr><tr><td class='' >مصراتة</td><td> <span class='label label-primary label-lg' >15 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>10 كم / ساعة</td><td>جنوبية</td></tr><tr><td class='' >أبوجيم</td><td> <span class='label label-primary label-lg' >11 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td> كم / ساعة</td><td></td></tr><tr><td class='' >سرت </td><td> <span class='label label-primary label-lg' >14 درجة مئوية </span></td><td><img src='images/skystate/large/Partly-clouds.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء مغطاة جزئيا بالسحب</span></td><td>16 كم / ساعة</td><td>جنوبية-غربية</td></tr><tr><td class='' >بنغازي</td><td> <span class='label label-primary label-lg' >14 درجة مئوية </span></td><td><img src='images/skystate/large/Overcast-clouds.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>غائم</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr><tr><td class='' >غدامس</td><td> <span class='label label-primary label-lg' >9 درجة مئوية </span></td><td><img src='images/skystate/large/Few-clouds.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء قليلة السحب</span></td><td> كم / ساعة</td><td></td></tr><tr><td class='' >القريات</td><td> <span class='label label-primary label-lg' >10 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td> كم / ساعة</td><td></td></tr><tr><td class='' >سبها </td><td> <span class='label label-primary label-lg' >9 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>10 كم / ساعة</td><td>جنوبية</td></tr><tr><td class='' >هون </td><td> <span class='label label-primary label-lg' >8 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr><tr><td class='' >جالو</td><td> <span class='label label-primary label-lg' >8 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr><tr><td class='' >الجغبوب </td><td> <span class='label label-primary label-lg' >11 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr><tr><td class='' >أوباري</td><td> <span class='label label-primary label-lg' >4 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr><tr><td class='' >تراغن</td><td> <span class='label label-primary label-lg' >8 درجة مئوية </span></td><td><img src='images/skystate/large/Few-clouds.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء قليلة السحب</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr><tr><td class='' >تازبو</td><td> <span class='label label-primary label-lg' >7 درجة مئوية </span></td><td><img src='images/skystate/large/Sky-clear.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء صافية</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr><tr><td class='' >الكفرة</td><td> <span class='label label-primary label-lg' >11 درجة مئوية </span></td><td><img src='images/skystate/large/Few-clouds.png' class='img-responsive center-block' style='float:right;display:inline;width:36px;height:36px'><span style='line-height:36px;'>السماء قليلة السحب</span></td><td>0 كم / ساعة</td><td>ساكنة</td></tr></table> </table> </div> <!----- here is the end if current data table --> </div > </div> </section> <!--------------------------------------------------Services Section------------------------------------> <section id="OurServices"> <div class="container-fluid text-center " > <div class="row" > <div class="col-md-12 "> <h2 class="section-heading">الخدمات</h2> <h3 class="Section-subheading">بعض الخدمات التي يقدمها المركز الوطني للأرصاد الجوية<h3> </div> </div> <div class="row " > <div class="ServiceSequre col-md-3 col-sm-6" style="background-color: #5BC0DE;"> <span class="fa-stack fa-4x logo-small_White delay-03s animated wow zoomIn"> <i class="fa fa-circle fa-stack-2x " style="color:#5BC0DE" ></i> <i class="fa fa-cloud fa-stack-1x text-white"></i> </span> <h4> <a class="text-white" href="weather" >النشرة الجوية</a></h4> <p class="text-white">نشرة جوية يومية تستعرض الأوضاع الجوية في جميع انحاء ليبيا مقسمة إلى اربعة اقسام كل قسم يمثل جزء من مساحة ليبيا</p> </div> <div class="ServiceSequre col-md-3 col-sm-6" style="background-color: #337AB7;"> <span class="fa-stack fa-4x logo-small_White animated wow zoomIn"> <i class="fa fa-circle fa-stack-2x text-primary"></i> <i class="fa fa-anchor fa-stack-1x fa-inverse"></i> </span> <h4 > <a class="text-white" href="marine" >النشرة البحرية</a></h4> <p class="text-white" > النشرة البحرية تستعرض كل مايهم البحارة وعمليات الحركة البحرية كارتفاع الأمواج ومدى الرؤية وسرعة واتجاه الرياح. </p> </div> <div class="ServiceSequre col-md-3 col-sm-6" style="background-color: #c9302c;"> <span class="fa-stack fa-4x logo-small_White animated wow zoomIn"> <i class="fa fa-camera fa-stack-1x fa-inverse"></i> </span> <h4 ><a class="text-white" href="sat-images" >صور الأقمار الصناعية</a></h4> <p class="text-white"> تعرض صور الاقمار الاصطناعية بعض الظواهر الجوية كالعواصف الترابية والسحب ويتم عرض صور اخر اربعة أيام بشكل متحرك. </p> </div> <div class="ServiceSequre col-md-3 col-sm-6" style="background-color: #5cb85c"> <span class="fa-stack fa-4x animated wow zoomIn logo-small_White"> <i class="fa fa-tree fa-stack-1x fa-inverse"></i> </span> <h4 class="SectionSubHeadng "><a class="text-white" href="climate" >نشرات المناخ</a> </h4> <p class="text-white"> تعرض نشرات الأمطار اليومية والشهرية والفصلية مع بيانات كميات الأمطار المرصودة وعرضها على هيئة جدوال ورسومات بيانية . </p> </div> </div> <br> <br> <br> <br> </div> <br> <br> </br> </section> <!------------- warnings section ------------------> <!---------------------------About Us Section -----------------------------> <section id="AboutUs" class="about-us-box" > <div class="container-fluid " > <div class="row text-center" > <div class="col-lg-12" > <h2 class="section-heading" >المركز الوطني للأرصاد الجوية</h2> </div> <div class="col-md-12"><p class="animated wow fadeInUp details">بدأت خدمات الأرصاد الجوية في ليبيا بوجه عام قبل 1950 ، وكان إنضمامها للمنظمة العالمية للأرصاد الجوية في 29-12-1955 ، وهي العضو رقم (67) من بين (185) عضو ويمثل المركز ليبيا لدى المنظمة العالمية للأرصاد الجوية من خلال العضوية في الاتحاد الإقليمي الأول (أفريقيا). كما هو معروف بدء نشاط الأرصاد الجوية بعدد محدود من محطات الرصد الجوي والتي كانت مهامها لا تتعدى إصدار بعض التقارير المناخية والتنبؤات الجوية الخاصة بالملاحة الجوية، واستمر ذلك إلى أن صدر القانون رقم (13) لسنة 1991 ، والذي حدد نشاط ... قطاع الأرصاد الجوية بليبيا وفق ما استجد من... <a href="aboutus.php#description" >إقراء المزيد</a> </p> <div class="row text-center" > <div class="col-md-3 " > <a href="aboutus.php#description" > <span class="fa-stack fa-4x animated wow bounceIn"> <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="aboutus.php#organization" > <span class="fa-stack fa-4x animated wow bounceIn"> <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="aboutus.php#departments-job-description" > <span class="fa-stack fa-4x animated wow bounceIn"> <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="aboutus.php#facilties" > <span class="fa-stack fa-4x animated wow bounceIn"> <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> </div> </div> </section> <!--------------------------------------------------links-----------------------------------> <div id="Links" class="container-fluid " style="padding-top:150px;padding-bottom:130px"> <div class="row text-center"> <div class="col-md-12" > <h1 class="section-heading" style="margin-bottom:80px">روابط قد تهمك</h1> </div> </div> <div class="row"> <div class="col-md-6 " > <a href="https://www.wmo.int/pages/index_ar.html"><img class="img-responsive center-block animated wow slideInRight "src="images/links/wmo.png"></a> </div> <div class="col-md-6 " > <a href="http://www.acmad.net/new/?q=en"><img class="img-responsive center-block animated wow slideInDown" src="images/links/acmad.png"></a> </div> </div> </div> <!-------------------------------------- end of links ---------------------------------------------> <section id="ContactUs" style="padding-bottom: 0px;"> <div class="container-fluid " > <div class="row text-center" style="background-color:rgba(246, 246, 246, 0.62);border-top: 1px solid rgba(173, 173, 173, 0.3);" > <div class="col-md-4 " style="background-color:rgba(246, 246, 246, 0.62); padding:30px 0px;"> <h3 >التواصل معنا</h3> <table class="contact-us-table"> <tr > <td > <i class="fa fa-map-marker fa-2x " ></i> </td> <td > <p > طريق السواني - الكريمية كم 17 طرابلس </p> </td> <tr> <td > <i class="fa fa-envelope-o fa-2x " ></i> </td> <td > <p > طرابلس - ميدان الجزائر 5069</p> </td> </tr> </tr> <tr> <td > <i class="fa fa-at fa-2x " ></i> </td> <td > <p > info@lnmc.ly </p> </td> </tr> <tr> <td > <i class="fa fa-phone fa-2x animated wow bounceIn" ></i> </td> <td > <span> <p >00218-21-5623061-5 </p> <p >00218-21-5621772 </p> </span> </td> </tr> <tr> <td > <i class="fa fa-internet-explorer fa-2x animated wow bounceIn " ></i> </td> <td > <p >www.lmnc.ly </p> </td> </tr> </table> <a href="https://www.facebook.com/LYLNMC" > <span class="fa-stack fa-2x animated wow rollIn"> <i class="fa fa-circle fa-stack-2x" style="color:#3C599F"></i> <i class="fa fa-facebook fa-stack-1x " style="color:#ffffff"></i> </span> </a> <span class="fa-stack fa-2x animated wow rollIn"> <i class="fa fa-circle fa-stack-2x" style="color:#32CCFE"></i> <i class="fa fa-twitter fa-stack-1x " style="color:#ffffff"></i> </span> <span class="fa-stack fa-2x animated wow rollIn"> <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> <span class="fa-stack fa-2x animated wow rollIn"> <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> </div> <div class="col-md-8" style="padding:0px" > <img src="images/lmnc_gs.jpg" style="height:100% ; width:100%;" class="fill img-responsive center-block"> </div> </div> <div class="row"> <div id="googleMap" style="width:100%;height:580px; padding:0px ;color:black"> </div> </div> </div> </section> <style> .bg-maincolor { background-color:black; } </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> .socials_only{ border-width: 1px; color: rgb(255, 255, 255); border-style: solid; border-radius: 100%; border-color: #fff; } .footerRow { padding-top:15px; padding-bottom:50px; padding-left:15px; padding-right: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/LYLNMC" > <span class="fa-stack fa-2x a icon-social"> <i class="fa fa-circle fa-stack-2x " ></i> <i class="fa fa-facebook fa-stack-1x socials_only" style="color:#ffffff"></i> </span> </a> <a href="https://twitter.com" > <span class="fa-stack fa-2x"> <i class="fa fa-circle fa-stack-2x icon-social" style="color:#32CCFE"></i> <i class="fa fa-twitter fa-stack-1x socials_only" style="color:#ffffff"></i> </span> </a> <a href="https://www.instagram.com/" > <span class="fa-stack fa-2x"> <i class="fa fa-circle fa-stack-2x" style="color:#F44336"></i> <i class="fa fa-instagram fa-stack-1x socials_only" style="color:#ffffff"></i> </span> </a> <a href="https://www.linkedin.com" > <span class="fa-stack fa-2x"> <i class="fa fa-circle fa-stack-2x" style="color:#3F51B5"></i> <i class="fa fa-linkedin fa-stack-1x socials_only" style="color:#ffffff"></i> </span> </a> </div> </div> </div> </footer> <!----------------------> <script> var myCenter=new google.maps.LatLng(32.7386111111111111,13.08277777777778); function initialize() { var mapProp = { center:myCenter, zoom:13, mapTypeId:google.maps.MapTypeId.roadmap }; var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); var marker=new google.maps.Marker({ position:myCenter, }); marker.setMap(map); var infowindow = new google.maps.InfoWindow({ content:"<h3 style='text-align:center;font-family: droid arabic kufi;'>المركز الوطني للأرصاد الجوية</h3>" }); infowindow.open(map,marker); } google.maps.event.addDomListener(window, 'load', initialize); </script> <script> function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays*24*60*60*1000)); var expires = "expires="+d.toUTCString(); document.cookie = cname + "=" + cvalue + "; " +"expires=Thu, 18 Dec 2020 12:00:00 UTC"; } function getCookie(cname) { var name = cname + "="; var ca = document.cookie.split(';'); for(var i = 0; i <ca.length; i++) { var c = ca[i]; while (c.charAt(0)==' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length,c.length); } } return ""; } function marquee(a, b) { var width = b.width(); var width2= a.width(); var start_pos =-width;// a.width(); var end_pos = width2; function scroll() { if (b.position().left >= end_pos) { b.css('left', start_pos); scroll(); } else { time = 40000; b.animate({'left': end_pos}, time, 'linear', function() { scroll(); }); } } scroll(a, b); b.mouseenter(function() { // Remove these lines b.stop(); // // b.clearQueue(); // if you don't want }); // b.mouseleave(function() { // marquee to pause scroll(a, b); // }); // on mouse over } function activeTab(tab){ $('#mytab a[href="#' + tab + '"]').tab('show'); }; activeTab("tab" + getCookie("mycity")); $(document).ready(function() { if ($('#text').length>0) { marquee($('#display'), $('#text')); }; $(".js-example-basic-single").select2(); $(".navbar a:not(.employees) ,.btn-lg ,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; }); }); }); </script> <script src="js/classie.js"></script> <script src="js/cbpAnimatedHeader.js"></script> </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10