<!DOCTYPE HTML>
<html>
<head>
<title>Services</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!--jQuery (necessary for Bootstrap's JavaScript plugins)-->
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!--Custom Theme files-->
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
</script>
<script src="js/jquery-1.8.3.min.js"></script>
<!--webfonts-->
<link href='#css?family=Open+Sans:400italic,600italic,700italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='#css?family=Droid+Serif:400,400italic,700italic' rel='stylesheet' type='text/css'>
<!--webfonts-->
</head>
<body>
<!--header-->
<div class="header-section2">
<div class="header-top bg">
<div class="container">
<!--logo-->
<div class="logo two">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<!--top-nav-->
<div class="clearfix"> </div>
</div>
</div>
<div class="sub-header two">
<div class="top-nav">
<span class="menu two"> </span>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li class="active"><a href="services.html">New Services</a></li>
<li><a href="404.html">Recent Projects</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="mail.html">Mail Us</a></li>
<div class="clearfix"> </div>
</ul>
</div>
</div>
<div class="clearfix"> </div>
<!-- script-for-menu -->
<script>
$(document).ready(function(){
$("span.menu").click(function(){
$(".top-nav ul").slideToggle(200);
});
});
</script>
<div class="clearfix"> </div>
</div>
<!--/header-->
<!--/start-Events-->
<div class="services">
<div class="container">
<h3>Our services</h3>
<div class="service-section">
<div class="portfolio-wrapper-1">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/s1.jpg" class="img-responsive pimg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
<h4>WAHID MAGDY</h4>
<p>Dolor nunc vule putateulr
ips dol consec.Donec semp
ertet laciniate ultricie . </p>
<a class="dow-btn" href="single.html">Read More</a>
</div>
<div class="portfolio-wrapper-1">
<a href="#small-dialog1" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/s2.jpg" class="img-responsive pimg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
<h4>FAROUK HOSNI </h4>
<p>Dolor nunc vule putateulr
ips dol consec.Donec semp
ertet laciniate ultricie . </p>
<a class="dow-btn" href="single.html">Read More</a>
</div>
<div class="portfolio-wrapper-1">
<a href="#small-dialog2" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/s3.jpg" class="img-responsive pimg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
<h4>WAHID MAGDY </h4>
<p>Dolor nunc vule putateulr
ips dol consec.Donec semp
ertet laciniate ultricie . </p>
<a class="dow-btn" href="single.html">Read More</a>
</div>
<div class="portfolio-wrapper-1">
<a href="#small-dialog3" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/s4.jpg" class="img-responsive pimg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
<h4>FAROUK HOSNI </h4>
<p>Dolor nunc vule putateulr
ips dol consec.Donec semp
ertet laciniate ultricie . </p>
<a class="dow-btn" href="single.html">Read More</a>
</div>
</div>
<div class="service-section two">
<div class="portfolio-wrapper-1">
<a href="#small-dialog" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/s1.jpg" class="img-responsive pimg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
<h4>WAHID MAGDY</h4>
<p>Dolor nunc vule putateulr
ips dol consec.Donec semp
ertet laciniate ultricie . </p>
<a class="dow-btn" href="single.html">Read More</a>
</div>
<div class="portfolio-wrapper-1">
<a href="#small-dialog1" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/s2.jpg" class="img-responsive pimg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
<h4>FAROUK HOSNI </h4>
<p>Dolor nunc vule putateulr
ips dol consec.Donec semp
ertet laciniate ultricie . </p>
<a class="dow-btn" href="single.html">Read More</a>
</div>
<div class="portfolio-wrapper-1">
<a href="#small-dialog2" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/s3.jpg" class="img-responsive pimg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
<h4>WAHID MAGDY </h4>
<p>Dolor nunc vule putateulr
ips dol consec.Donec semp
ertet laciniate ultricie . </p>
<a class="dow-btn" href="single.html">Read More</a>
</div>
<div class="portfolio-wrapper-1">
<a href="#small-dialog3" class="b-link-stripe b-animate-go thickbox play-icon popup-with-zoom-anim">
<img src="images/s4.jpg" class="img-responsive pimg" alt="" /><div class="b-wrapper"><h2 class="b-animate b-from-left b-delay03 "><img src="images/icon-eye.png" alt=""/></h2>
</div></a>
<h4>FAROUK HOSNI </h4>
<p>Dolor nunc vule putateulr
ips dol consec.Donec semp
ertet laciniate ultricie . </p>
<a class="dow-btn" href="single.html">Read More</a>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
<!-- pop-up-box -->
<link href="css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<!-- //pop-up-box -->
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<div id="small-dialog" class="mfp-hide">
<div class="image-top">
<