<!DOCTYPE html>
<html lang="en">


<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/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<!-- Responsive -->
<link href="css/responsive.css" rel="stylesheet">
<!-- Choose Layout -->
<link href="css/layout-semiboxed.css" rel="stylesheet">
<!-- Choose Skin -->
<link href="css/skin-red.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- Demo -->
<link rel="stylesheet" id="main-color" href="css/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> Phone: 013 8143477 <span class="separator"></span><i class="icon-envelope"></i> Email: <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.png"  alt="logo"></a>
		</div>
		<ul id="nav" class="nav navbar-nav pull-right">
			<li class="active"><a href="index.php">Home</a></li>
			<li ><a href="about.php">About Us</a></li>
			<li ><a href="service.php">Services</a></li>
			<li ><a href="gallery.php">Gallary</a></li>
			<li ><a href="download.php">Download Center</a></li>
			<li><a href="contact.php">Contact</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.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.jpg);">
			
		</div>
	
	
	<div class="item" style="background: url(img/4.jpg);">
			
	</div>
	<div class="item" style="background: url(img/5.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.png">
							</div>
                               <h3></h3>
                                <p>We have professional packing on our roll who takes up most care of your each & every items. Special packing is done for delicate items.</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.jpg">
							</div>
                               <h3></h3>
                                <p>Through the aid of our fleet of our modern technology vehicles, we turn the entire task of loading and unloading into an extremely safe one.</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>We pick up the goods and deliver them to you in the same condition at the earliest possible time.It involved in safe and secured movement.</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="small text-center animated fadeInLeftNow notransition">FEATURED WORK</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>A leading port of KSA</h4>
							<p>
								

    Ahead in Demand - Always prepared to serve next generation Vessels</p>

    <p>Ahead in Technology - Remote controlled QCs, Automated gates, award winning IT services</p>

    <p>Breaking Records - Continually setting higher bar of productivity standards</p>


							</p>
							</li>
							<li>
							<h4><i class="icon-heart"></i>Best Import & Export Gateway</h4>
							<p>
								 

    Link with ondock Rail to Riyadh, integrated service bonded zone, speedy custom inspection process.</p>
    <p>Gate automation, speedy truck turn time.</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> Customized EDI Interfacing Systems with Customers.</p>

						
							</li>
							<li>
							<h4><i class="icon-leaf"></i>Customers' Portal</h4>
							<p>Tracking consignments/shipments on the go</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 'footer.php' ?>