<!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">
<!-- 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="#">alrouqi@gmail.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 ><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 class="active"><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-->
	<!-- PAGE TITLE
================================================== -->
	<section class="pageheader-default text-center">
	<div class="semitransparentbg">
		<h1 class="animated fadeInLeftBig">Gallery</h1>
		
	</div>
	</section>
	<div class="wrapsemibox">
		<div class="semiboxshadow text-center">
			<img src="img/shp.png" class="img-responsive" alt="">
		</div>
		<!-- PORTFOLIO THREE COLUMNS
================================================== -->
		<section class="container">
		<!-- MASONRY ITEMS START
	================================================== -->
		<!-- Filtering Menu
	================================================== -->
		<div class="row">
			<div class="col-md-12 text-center">
				<div id="filter"class="animated fadeInDown">
					<ul>
						<li><a href="#" data-filter="*" class="selected"><i class="icon icon-reorder"></i> All Items</a></li>
						<li><a href="#" data-filter=".cat1"><i class="icon icon-th-large"></i> Landscape</a></li>
						<li><a href="#" data-filter=".cat2"><i class="icon icon-th-list"></i> Overview</a></li>
						<li><a href="#" data-filter=".cat3"><i class="icon icon-th"></i> Green Nature</a></li>
					</ul>
				</div>
			</div>
		</div>
		<!-- END filtering menu -->
		<div id="content">
			<!-- box 1 -->
			<div class="boxportfolio4 item cat2 cat3">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/1.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="serenity/img/temp/masonry/1.jpg" title="La Chaux De Fonds"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">La Chaux De Fonds</a></h1>
					<p>
						 Swiss city in Jura mountains
					</p>
				</div>
			</div>
			<!-- box 2 -->
			<div class="boxportfolio4 item cat1">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/2.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="serenity/img/temp/masonry/2.jpg" title="Taj Mahal"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Taj Mahal</a></h1>
					<p>
						 one of the eight wonders
					</p>
				</div>
			</div>
			<!-- box 3 -->
			<div class="boxportfolio4 item cat2 cat3">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/3.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="serenity/img/temp/masonry/3.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Versailles, France</a></h1>
					<p>
						 Cotelle Gallery
					</p>
				</div>
			</div>
			<!-- box 4 -->
			<div class="boxportfolio4 item cat1">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/4.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="serenity/img/temp/masonry/4.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">St Petersburg, Russia</a></h1>
					<p>
						 water fountain
					</p>
				</div>
			</div>
			<!-- box 5 -->
			<div class="boxportfolio4 item cat2">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/5.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="serenity/img/temp/masonry/5.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Grunge Architecture</a></h1>
					<p>
						 ancient style Europe
					</p>
				</div>
			</div>
			<!-- box 6 -->
			<div class="boxportfolio4 item cat2">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/6.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="serenity/img/temp/masonry/6.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">France Building</a></h1>
					<p>
						 old towers architecture
					</p>
				</div>
			</div>
			<!-- box 7 -->
			<div class="boxportfolio4 item cat2 cat3">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/7.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="serenity/img/temp/masonry/7.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Hall in Tirol</a></h1>
					<p>
						 town in Tyrol, Austria
					</p>
				</div>
			</div>
			<!-- box 8 -->
			<div class="boxportfolio4 item cat1">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/8.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="serenity/img/temp/masonry/8.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Opéra-Théatre de Metz</a></h1>
					<p>
						 opera house in France
					</p>
				</div>
			</div>
			<!-- box 9 -->
			<div class="boxportfolio4 item cat2 cat3">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/9.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="serenity/img/temp/masonry/9.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">The Palace of Charles V</a></h1>
					<p>
						 construction in Granada, Spain
					</p>
				</div>
			</div>
			<!-- box 10 -->
			<div class="boxportfolio4 item cat2 cat3">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/10.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="serenity/img/temp/masonry/10.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Hamburg, Germany</a></h1>
					<p>
						 City Hall
					</p>
				</div>
			</div>
			<!-- box 11 -->
			<div class="boxportfolio4 item cat2 cat3">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/11.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="serenity/img/temp/masonry/11.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Washington Dc</a></h1>
					<p>
						 water fountain
					</p>
				</div>
			</div>
			<!-- box 12 -->
			<div class="boxportfolio4 item cat2 cat3">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/12.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="serenity/img/temp/masonry/12.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Bas-Rhin</a></h1>
					<p>
						 department of France
					</p>
				</div>
			</div>
			<!-- box 13 -->
			<div class="boxportfolio4 item cat2 cat1">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/13.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="serenity/img/temp/masonry/13.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Rome, Italy</a></h1>
					<p>
						 Fontana di Trevi
					</p>
				</div>
			</div>
			<!-- box 14 -->
			<div class="boxportfolio4 item cat1 cat2">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/14.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="serenity/img/temp/masonry/14.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Sacramento, California</a></h1>
					<p>
						 tower bridge
					</p>
				</div>
			</div>
			<!-- box 15 -->
			<div class="boxportfolio4 item cat2 cat3">
				<div class="boxcontainer">
					<img src="serenity/img/temp/masonry/15.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="serenity/img/temp/masonry/15.jpg" title="Title Here"><i class="icon-zoom-in captionicons"></i></a>
						</div>
					</div>
					<h1><a href="projectdetail.html">Haikou, China</a></h1>
					<p>
						 Haikou city statue
					</p>
				</div>
			</div>
			<!-- next box etc -->
			<!-- MASONRY ITEMS END -->
		</div>
		</section>
		<!--CALL TO ACTION PANEL
================================================== -->
		
		<!-- /. end call to action-->
	</div>
	<!-- /.wrapsemibox end-->
	<!-- BEGIN FOOTER
================================================== -->
	<section>
	<?php include 'footer.php';?>