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='alert alert-danger '><h1 >丕賱賲毓匕乇丞 ..賱丕 鬲鬲賵賮乇 亘賷丕賳丕鬲 賲丨丿孬丞 賱兀爻亘丕亘 禺丕乇噩丞 毓賳 丕乇丕丿鬲賳丕 </h1> </div> </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