<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>MHA</title>
<!-- Style -->
<link href="css/ar_bootstrap.css" rel="stylesheet">
<link href="css/ar_style.css" rel="stylesheet">
<!-- Responsive -->
<link href="css/ar_responsive.css" rel="stylesheet">
<!-- Choose Layout -->
<link href="css/ar_layout-semiboxed.css" rel="stylesheet">
<!-- Choose Skin -->
<link href="css/ar_skin-red.css" rel="stylesheet">
<link href="css/ar_custom.css" rel="stylesheet">
<!-- Demo -->
<link rel="stylesheet" id="main-color" href="css/ar_skin-red.css" media="screen"/>
<!-- Favicon -->
<link rel="shortcut icon" href="img/lll.png">
</head>

<body class="off">
<!-- /.wrapbox start-->
<div class="wrapbox">
	<!-- TOP AREA
================================================== -->
	<section class="toparea">
	<div class="container">
		<div class="row">
			<div class="col-md-6 top-text pull-left animated fadeInLeft">
				<i class="icon-phone"></i> تليفون: 013 8143477 <span class="separator"></span>
                <i class="icon-envelope"></i> بريد إلكترونى: <a href="#">info@alrouqi.com</a>
			</div>
			<div class="col-md-6 text-right animated fadeInRight">
				<div class="social-icons">
					<a class="icon icon-facebook" href="#"></a>
					<a class="icon icon-twitter" href="#"></a>
					<a class="icon icon-linkedin" href="#"></a>
					<a class="icon icon-skype" href="#"></a>
					<a class="icon icon-google-plus" href="#"></a>
				</div>
			</div>
		</div>
	</div>
	</section>
	<!-- /.toparea end-->
	<!-- NAV
================================================== -->
	<nav class="navbar navbar-fixed-top wowmenu" role="navigation">
	<div class="container">
		<div class="navbar-header">
			<a class="navbar-brand logo-nav" href="index-2.html"><img src="img/logo_ar.png" alt="logo"></a>
		</div>
		<ul id="nav" class="nav navbar-nav pull-right">
        <li><a href="index.php">ENGLISH</a></li>
        <li><a href="#">للإتصال بنا</a></li>
		<li ><a href="#">مركز التحميل</a></li>
   		<li ><a href="#">معرض الصور</a></li>
   		<li ><a href="ar_services.php">خدماتنا</a></li>
  		<li ><a href="#">من نحن</a></li>
     	<li class="active"><a href="ar_index.php">الرئيسية</a></li>
		</ul>		
	</div>	
	</nav>
	<!-- /nav end-->
	<!-- CAROUSEL
================================================== -->
	<section class="carousel carousel-fade slide home-slider" id="c-slide" data-ride="carousel" data-interval="4500" data-pause="false">
	<ol class="carousel-indicators">
		<li data-target="#c-slide" data-slide-to="0" class="active"></li>
		<li data-target="#c-slide" data-slide-to="1" class=""></li>
		<li data-target="#c-slide" data-slide-to="2" class=""></li>
	
		<li data-target="#c-slide" data-slide-to="3" class=""></li>
	</ol>
	<div class="carousel-inner">
		<div class="item active" style="background: url(img/1_ar.jpg);">
			<div class="container">
				<div class="row">
					<div class="col-md-6 fadein scaleInv anim_1">
			
					</div>
					
				</div>
			</div>
		</div>
		<div class="item" style="background: url(img/2_ar.jpg);">
			
		</div>
	
	
	<div class="item" style="background: url(img/4_ar.jpg);">
			
	</div>
	<div class="item" style="background: url(img/5_ar.jpg);">
			
	</div>
	<!-- /.carousel-inner -->
	<a class="left carousel-control animated fadeInLeft" href="#c-slide" data-slide="prev"><i class="icon-angle-left"></i></a>
	<a class="right carousel-control animated fadeInRight" href="#c-slide" data-slide="next"><i class="icon-angle-right"></i></a>
	</section>
	<!-- /.carousel end-->
	
	<!-- /.wrapsemibox start-->
	<div class="wrapsemibox">
		<br/>
		<!-- INTRO NOTE
================================================== -->
		
		<!-- /.intro-note end-->
		<!-- SERVICE BOXES
================================================== -->
		<section class="info_service">
			<div class="container">
				<div class="row sub_content">
					<div class="col-sm-4 col-md-4 col-lg-4">
						<div class="serviceBox_3">
						
							<div class="service_3_detail">
								<div class="service_3_img">
								<img alt="" src="img/boxes_ar.jpg">
							</div>
                               <h3></h3>
                                <p>
نحن نملك خبرة التعبئة ودورنا هو أن نعتنى بأى و بكل قطعه ، و خصوصا القطع الدقيقة 
                                </p>
							</div>
						</div>
					</div>
					<div class="col-sm-4 col-md-4 col-lg-4">
						<div class="serviceBox_3">
						
							<div class="service_3_detail">
								<div class="service_3_img">
								<img alt="" src="img/Export_Import_ar.jpg">
							</div>
                               <h3></h3>
                                <p>
بفضل قوافلنا من الشاحنات المتطورة  نجعل مهام التحميل و التفريغ فى غاية الأمان 
                                </p>
							</div>
						</div>
					</div>
					<div class="col-sm-4 col-md-4 col-lg-4">
						<div class="serviceBox_3">
						
							<div class="service_3_detail">
								<div class="service_3_img">
								<img alt="" src="img/last.jpg">
							</div>
                                <h3></h3>
                                <p>
نحن نقوم بشحن البضائع و توصيلها إليكم بطريقة آمنة وفى أقرب وقت ممكن                                </p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- /.service-box end-->
		<!-- RECENT WORK
================================================== -->
		<section class="home-portfolio bgarea topspace30">
		<div class="bgarea-semitransparent">
			<div class="container">
				<h1 class="large text-center animated fadeInRightNow notransition">مزايا العمل  </h1>
				
				<br/>
				<div class="row">
					<div class="col-md-6 animated fadeInLeftNow notransition">
						<div class="carousel carousel-fade slide carousel-featuredwork" id="carousel-featuredwork">
							
							<div class="carousel-inner" style="margin-top:-20px;">
								<div class="item active">
									<img src="img/slide1-1.png" alt="">
								</div>
							
							</div>
							<!-- /.carousel-inner -->
						</div>
					</div>
					<div class="col-md-6 animated fadeInRightNow notransition">
						<ul class="icons">
							<li>
							<h4><i class="icon-magic"></i>الميناء الرئيسى فى المملكة العربية السعودية</h4>
							<p>
								

    نحن دائما تحت الطلب و على أتم الإستعداد لخدمة الجيل القادم من الحاويات
    </p>

    <p>
    دائما نواكب التكنولوجيا فى مجالنا  من خلال معيار الجودة و البوابات الإلكترونية و خدماتنا التى تقدم بالشبكة العنكبوتية 
    </p>

    <p>نحطم الأرقام القياسية بإستمرار فى المعاير الإنتاجية </p>


							</p>
							</li>
							<li>
							<h4><i class="icon-heart"></i>أفضل بوابة تصدير و أستيراد</h4>
							<p>
								 

    يوجد جرار نقل الحاويات داخل الميناء إلى الرياض ، كما تتم عملية التفتيش سريعاً
    </p>
    <p>
    بوابة الكترونية و سرعة تغيير المسار على  الطريق
    </p>
    <p>Export Staging area inside the Port for non-manifest containers.</p>
    <p>Export Hubbing within HPH’s Global Network; Port Klang, Malaysia and other hub within HPH network.</p>
   <p> نوفر أنظمة معلومات لخدمة العميل</p>

						
							</li>
							<li>
							<h4><i class="icon-leaf"></i>بوابة العملاء</h4>
							<p>تتبع الشحنات فى الطريق</p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		</section>
		
		<section class="grayarea recent-projects-home topspace30 animated fadeInUpNow notransition">
		<div class="container">
			<div class="row">
				<h1 class="small text-center topspace0">Our Strength</h1>
				
				<div class="text-center smalltitle">
				</div>
				<div class="col-md-12">
					<div class="list_carousel text-center">
						<div class="carousel_nav">
							<a class="prev" id="car_prev" href="#"><span>prev</span></a>
							<a class="next" id="car_next" href="#"><span>next</span></a>
						</div>
						<div class="clearfix">
						</div>
						<ul id="carousel-projects">
							<!--featured-projects 1-->
							<li>
							<div class="boxcontainer">
								<img src="img/04.jpg" alt="">
								<div class="roll">
									<div class="wrapcaption">
										
										<a data-gal="prettyPhoto[gallery1]" href="img/04.jpg" title="3 Rail Tracks "><i class="icon-zoom-in captionicons"></i></a>
									</div>
								</div>
								<h1><a href="">
3 Rail Tracks </a></h1>
								<p>
									  double stack wagon
								</p>
							</div>
							</li>
							<!--featured-projects 2-->
							<li>
							<div class="boxcontainer">
								<img src="img/ros.png" alt="">
								<div class="roll">
									<div class="wrapcaption">
										
										<a data-gal="prettyPhoto[gallery1]" href="img/ros.jpg" title="Semi Automatic"><i class="icon-zoom-in captionicons"></i></a>
									</div>
								</div>
								<h1><a href="projectdetail.html">
Semi Automatic</a></h1>
								<p>
									 Remote Controlled QCs
								</p>
							</div>
							</li>
							<!--featured-projects 3-->
							<li>
							<div class="boxcontainer">
								<img src="img/auto.png" alt="">
								<div class="roll">
									<div class="wrapcaption">
										
										<a data-gal="prettyPhoto[gallery1]" href="img/auto.png" title="Automated Gate"><i class="icon-zoom-in captionicons"></i></a>
									</div>
								</div>
								<h1><a href="">
Automated </a></h1>
								<p>
									Gate
								</p>
							</div>
							</li>
							<!--featured-projects 4-->
							<li>
							<div class="boxcontainer">
								<img src="img/logistics.jpg" alt="">
								<div class="roll">
									<div class="wrapcaption">
										
										<a data-gal="prettyPhoto[gallery1]" href="img/logistics.jpg" title="La Chaux De Fonds"><i class="icon-zoom-in captionicons"></i></a>
									</div>
								</div>
								<h1><a href="">
Logistics </a></h1>
								<p>
									 Services
								</p>
							</div>
							</li>
							<!--featured-projects 5-->
							<li>
							<div class="boxcontainer">
								<img src="img/eservices.jpg" alt="">
								<div class="roll">
									<div class="wrapcaption">
										<a href="projectdetail.html"><i class="icon-link captionicons"></i></a>
										<a data-gal="prettyPhoto[gallery1]" href="img/eservices.jpg" title="eServices"><i class="icon-zoom-in captionicons"></i></a>
									</div>
								</div>
								<h1><a href="projectdetail.html">
E</a></h1>
								<p>
									Services
								</p>
							</div>
							</li>
							<!--featured-projects 6-->
							
						</ul>
					</div>
				</div>
			</div>
		</div>
		</section>
		<!-- /.recent-work end-->
		<!-- FEATURES
================================================== -->
		
		<!-- /.home-features end-->
		
	</div>
	<!-- /.wrapsemibox end-->
	<!-- BEGIN FOOTER
================================================== -->
	<section>
		<?php include 'ar_footer.php' ?>
</body>
</html>