<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!-- font files -->
<link href='#css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.2/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css">
<!-- /font files -->
<!-- css files -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/viewbox.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/serv.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/jquery.hiSlider.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/nav.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- /css files -->
<!-- js files -->
<script src="js/snap.svg-min.js"></script>
<script src="js/modernizr.custom.js"></script>
<!-- /js files -->
</head>
<body id="myPage" data-spy="scroll" data-target=".navigation" data-offset="60">
<!-- banner section -->
<section class="banner">
<div class="container">
<div class="logo">
<a href="index.html"><h1>Bedizen</h1></a>
</div>
<div class="navigation">
<section>
<p>
<button id="trigger-overlay" type="button">
<i class="fa fa-bars" aria-hidden="true"></i>
</button>
</p>
</section>
<div class="overlay overlay-genie" data-steps="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z;m 698.9986,728.03569 41.23353,0 -3.41953,77.8735 -34.98557,0 z;m 687.08153,513.78234 53.1506,0 C 738.0505,683.9161 737.86917,503.34193 737.27015,806 l -35.90067,0 c -7.82727,-276.34892 -2.06916,-72.79261 -14.28795,-292.21766 z;m 403.87105,257.94772 566.31246,2.93091 C 923.38284,513.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 455.17312,480.07689 403.87105,257.94772 z;M 51.871052,165.94772 1362.1835,168.87863 C 1171.3828,653.78233 738.73561,372.23931 737.27015,806 l -35.90067,0 C 701.32034,404.49318 31.173122,513.78234 51.871052,165.94772 z;m 52,26 1364,4 c -12.8007,666.9037 -273.2644,483.78234 -322.7299,776 l -633.90062,0 C 359.32034,432.49318 -6.6979288,733.83462 52,26 z;m 0,0 1439.999975,0 0,805.99999 -1439.999975,0 z">
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1440 806" preserveAspectRatio="none">
<path class="overlay-path" d="m 701.56545,809.01175 35.16718,0 0,19.68384 -35.16718,0 z"/>
</svg>
<button type="button" class="overlay-close">Close</button>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#service">Services</a></li>
<li><a href="#team">Team</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
<ul class="rslides" id="slider">
<li>
<div class="banner-info">
<hr>
<h3>Mauris scelerisque</h3>
<hr>
</div>
</li>
<li>
<div class="banner-info">
<hr>
<h3>consectetur adipiscing</h3>
<hr>
</div>
</li>
<li>
<div class="banner-info">
<hr>
<h3>Curabitur rutrum</h3>
<hr>
</div>
</li>
<li>
<div class="banner-info">
<hr>
<h3>Phasellus fermentum</h3>
<hr>
</div>
</li>
</ul>
</section>
<!-- /banner section -->
<!-- about section -->
<section class="about" id="about">
<div class="container">
<div class="row about-w3ls1">
<div class="col-lg-5 col-md-5">
<div class="about-details">
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet imperdiet magna, id gravida enim condimentum sed. Quisque ipsum ipsum, tincidunt eget sem et, tempor volutpat ante.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet imperdiet magna.</p>
</div>
</div>
<div class="col-lg-7 col-md-7 about_left">
<img class="about1 img-responsive" src="images/about-img1.jpg" alt="w3layouts" title="w3layouts">
</div>
</div>
<div class="row about-w3ls2">
<div class="col-lg-6 col-md-6 about_right">
<img class="about2 img-responsive" src="images/about-img2.jpg" alt="w3layouts" title="w3layouts">
</div>
<div class="col-lg-3 col-md-3 about_left_grid">
<img class="about3 img-responsive" src="images/about-img3.jpg" alt="w3layouts" title="w3layouts">
</div>
<div class="col-lg-3 col-md-3 about_left_grid">
<img class="about3 img-responsive" src="images/about-img4.jpg" alt="w3layouts" title="w3layouts">
</div>
</div>
</div>
</section>
<!-- /about section -->
<!-- info section -->
<section class="info">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 info-w3ls1">
<h3>Why Choose Us ?</h3>
</div>
<div class="col-lg-8 col-md-8 info-w3ls2">
<div class="col-sm-6 info-agile">
<i class="fa fa-briefcase" aria-hidden="true"></i>
<h4>Lorem Ipsum</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="col-sm-6 info-agile">
<i class="fa fa-camera-retro" aria-hidden="true"></i>
<h4>Adipiscing Elit</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="col-sm-6 info-agile">
<i class="fa fa-cubes" aria-hidden="true"></i>
<h4>Tellus Pretium</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
<div class="col-sm-6 info-agile">
<i class="fa fa-diamond" aria-hidden="true"></i>
<h4>Eleifend Eetus</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
</div>
</section>
<!-- /info section -->
<!-- divider section -->
<section class="divider">
<ul class="rslides" id="slider1">
<li>
<div class="col-lg-6 col-md-6 col-sm-6 divide-w3ls">
<img src="images/banner1.jpg" alt="w3layouts" title="w3layouts">
<div class="divide-info1">
<p class="divide-p1">Lorem ipsum dolor sit amet....</p>
<h3>Lorem Ipsum</h3>
<p class="divide-p2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In imperdiet imperdiet magna, id gravida enim condimentum sed.</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 divide-w3ls">
<img src="images/banner4.jpg" alt="w3layouts" title="w3layouts">
<div class="divide-info2">
<p class="divide-p1">Phasellus egestas metus at enim....</p>
<h3>Phasellus Egestas</h3>
<p class="divide-p2">Phasellus egestas metus at enim sagittis tempor. In imperdiet imperdiet magna, id gravida enim condimentum sed.</p>
</div>
</div>
</li>
<li>
<div class="col-lg-6 col-md-6 col-sm-6 divide-w3ls">
<img src="images/banner2.jpg" alt="w3layouts" title="w3layouts">
<div class="divide-info1">
<p class="divide-p1">Ut dolor libero consequat quis....</p>
<h3>Consectetur Adipiscing</h3>
<p class="divide-p2">Ut dolor libero, consequat quis purus sed, iaculis porttitor nisi. In imperdiet imperdiet magna, id gravida enim condimentum sed.</p>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 divide-w3ls">
<img src="images/banner3.jpg" alt="w3layouts" title="w3layouts">
<div class="divide-info2">
<p class="divide-p1">Vestibulum sed mollis elit....</p>
<h3>Consequat Quis</h3>
<p class="divide-p2">Vestibulum sed mollis elit, eget faucibus diam. In imperdiet imperdiet magna, id gravida enim condimen