<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home 02 | Sanafi</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon -->
<link rel="shortcut icon" type="image/x-icon" href="http://demo.demohuo.top/modals/65/6504/demo/img/logo/favicon.ico">
<!-- all css here -->
<!-- bootstrap v3.3.6 css -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<!-- owl.carousel css -->
<link rel="stylesheet" href="static/css/owl.carousel.css">
<link rel="stylesheet" href="static/css/owl.transitions.css">
<!-- Animate css -->
<link rel="stylesheet" href="static/css/animate.css">
<!-- Venobox css -->
<link rel="stylesheet" href="static/css/venobox.css">
<!-- meanmenu css -->
<link rel="stylesheet" href="static/css/meanmenu.min.css">
<!-- font-awesome css -->
<link rel="stylesheet" href="static/css/font-awesome.min.css">
<link rel="stylesheet" href="static/css/themify-icons.css">
<link rel="stylesheet" href="static/css/flaticon.css">
<!-- magnific css -->
<link rel="stylesheet" href="static/css/magnific.min.css">
<!-- style css -->
<link rel="stylesheet" href="static/css/style.css">
<!-- responsive css -->
<link rel="stylesheet" href="static/css/responsive.css">
<!-- modernizr css -->
<script src="static/js/modernizr-2.8.3.min.js"></script>
</head>
<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="preloader"></div>
<header class="header-one">
<!-- Start top bar -->
<div class="topbar-area topbar-area-2 fix hidden-xs">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="topbar-left">
<ul>
<li><a href="#"><i class="fa fa-envelope"></i> info@sanafi4.com</a></li>
<li><a href="#"><i class="fa fa-phone"></i> +909-654-9805</a></li>
</ul>
</div>
</div>
<div class=" col-md-6 col-sm-6">
<div class="topbar-right">
<div class="top-social">
<ul>
<li><a href="#"><i class="fa fa-skype"></i></a></li>
<li><a href="#"><i class="fa fa-pinterest"></i></a></li>
<li><a href="#"><i class="fa fa-google"></i></a></li>
<li><a href="#"><i class="fa fa-twitter"></i></a></li>
<li><a href="#"><i class="fa fa-facebook"></i></a></li>
</ul>
</div>
<div class="quote-button">
<a href="#" class="quote-btn" title="Quick view" data-toggle="modal" data-target="#quoteModal">Book a Tour</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End top bar -->
<!-- header-area start -->
<div id="sticker" class="header-area header-area-2 hidden-xs">
<div class="container">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="row">
<!-- logo start -->
<div class="col-md-3 col-sm-3">
<div class="logo">
<!-- Brand -->
<a class="navbar-brand page-scroll white-logo" href="index.html">
<img src="static/picture/logo3.png" alt="">
</a>
<a class="navbar-brand page-scroll black-logo" href="index.html">
<img src="static/picture/logo.png" alt="">
</a>
</div>
<!-- logo end -->
</div>
<div class="col-md-9 col-sm-9">
<div class="header-right-link">
<form action="#">
<div class="search-option">
<input type="text" placeholder="Search...">
<button class="button" type="submit"><i class="fa fa-search"></i></button>
</div>
<a class="main-search" href="#"><i class="fa fa-search"></i></a>
</form>
</div>
<!-- mainmenu start -->
<nav class="navbar navbar-default">
<div class="collapse navbar-collapse" id="navbar-example">
<div class="main-menu">
<ul class="nav navbar-nav navbar-right">
<li><a class="pages" href="index.html">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home 01</a></li>
<li><a href="">Home 02</a></li>
<li><a href="index-3.html">Home 03</a></li>
</ul>
</li>
<li><a class="pages" href="#">Pages</a>
<ul class="sub-menu">
<li><a href="about.html">About</a></li>
<li><a href="team.html">team</a></li>
<li><a href="gallery.html">Photo Gallery</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="review.html">Review</a></li>
<li><a href="pricing.html">Pricing</a></li>
</ul>
</li>
<li><a class="pages" href="#">Workspace</a>
<ul class="sub-menu">
<li><a href="workspace.html">Workspace</a></li>
<li><a href="workspace-details.html">Workspace Details</a></li>
</ul>
</li>
<li><a class="pages" href="#">Events</a>