<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="Meghna One page parallax responsive HTML Template ">
<meta name="author" content="Muhammad Morshed">
<title>Meghna | Responsive Multipurpose Parallax HTML5 Template</title>
<!-- Mobile Specific Meta
================================================== -->
<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/63/6322/demo/img/favicon.png" /> -->
<!-- CSS
================================================== -->
<!-- Fontawesome Icon font -->
<link rel="stylesheet" href="static/css/style.css">
<!-- bootstrap.min css -->
<link rel="stylesheet" href="static/css/bootstrap.min.css">
<!-- Animate.css -->
<link rel="stylesheet" href="static/css/animate.css">
<!-- Magnific popup css -->
<link rel="stylesheet" href="static/css/magnific-popup.css">
<!-- Slick Carousel -->
<link rel="stylesheet" href="static/css/slick.css">
<link rel="stylesheet" href="static/css/slick-theme.css">
<!-- Main Stylesheet -->
<link rel="stylesheet" href="static/css/style1.css">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="50">
<!--
Welcome Slider
==================================== -->
<section class="hero-area">
<div class="block">
<div class="video-button">
<i class="tf-ion-play"></i>
</div>
<h1>Experience the new reality</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, excepturi. At recusandae sit perferendis autem,iste tempora nostrum numquam sapiente!</p>
<a data-scroll="" href="#services" class="btn btn-transparent">Explore Us</a>
</div>
</section>
<!--
Fixed Navigation
==================================== -->
<header id="navigation" class="navbar navigation">
<div class="container">
<div class="navbar-header">
<!-- responsive nav button -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- /responsive nav button -->
<!-- logo -->
<a class="navbar-brand logo" href="#body">
<!-- <img src="static/picture/logo.png" alt="Website Logo" /> -->
<svg width="40px" height="40px" viewbox="0 0 45 44" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Group" transform="translate(2.000000, 2.000000)" stroke="#57CBCC" stroke-width="3">
<ellipse id="Oval" cx="20.5" cy="20" rx="20.5" ry="20"></ellipse>
<path d="M6,7 L33.5,34.5" id="Line-2" stroke-linecap="square"></path>
<path d="M21,20 L34,7" id="Line-3" stroke-linecap="square"></path>
</g>
</g>
</svg>
</a>
<!-- /logo -->
</div>
<!-- main nav -->
<nav class="collapse navbar-collapse navbar-right" role="Navigation">
<ul id="nav" class="nav navbar-nav navigation-menu">
<li><a data-scroll="" href="#body">Home</a></li>
<li><a data-scroll="" href="#about">About Us</a></li>
<li><a data-scroll="" href="#services">Services</a></li>
<li><a data-scroll="" href="#portfolio">Portfolio</a></li>
<li><a data-scroll="" href="#our-team">Team</a></li>
<li><a data-scroll="" href="#pricing">Pricing</a></li>
<li><a data-scroll="" href="#blog">Blog</a></li>
<li><a data-scroll="" href="#contact-us">Contact</a></li>
</ul>
</nav>
<!-- /main nav -->
</div>
</header>
<!--
End Fixed Navigation
==================================== -->
<!--
Start About Section
==================================== -->
<section class="bg-one about section">
<div class="container">
<div class="row">
<!-- section title -->
<div class="title text-center wow fadeIn" data-wow-duration="1500ms">
<h2>About <span class="color">Us</span> </h2>
<div class="border"></div>
</div>
<!-- /section title -->
<!-- About item -->
<div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms">
<div class="block">
<div class="icon-box">
<i class="tf-tools"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3 class="ddd">We're Creative</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos</p>
</div>
</div>
</div>
<!-- End About item -->
<!-- About item -->
<div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="250ms">
<div class="block">
<div class="icon-box">
<i class="tf-strategy"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>We're Professional</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos</p>
</div>
</div>
</div>
<!-- End About item -->
<!-- About item -->
<div class="col-md-4 text-center wow fadeInUp" data-wow-duration="500ms" data-wow-delay="500ms">
<div class="block kill-margin-bottom">
<div class="icon-box">
<i class="tf-anchor2"></i>
</div>
<!-- Express About Yourself -->
<div class="content text-center">
<h3>We're Genius</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Velit, nihil, libero, perspiciatis eos provident laborum eum dignissimos</p>
</div>
</div>
</div>
<!-- End About item -->
</div> <!-- End row -->
</div> <!-- End container -->
</section> <!-- End section -->
<section class="section about-2 padding-0 bg-dark" id="about">
<div class="container-fluid">
<div class="row">
<div class="col-md-6 padding-0 ">
<img class="img-responsive" src="static/picture/about-business-man.jpg" alt="">
</div>
<div class="col-md-6">
<div class="content-block">
<h2>We’re A Digital Design Agency.</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquam tempora itaque, autem dolores culpa cum mollitia voluptate nesciunt voluptatibus quasi.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Perferendis eveniet vel et mollitia nemo corporis sed ut, exercitationem incidunt, rerum nam doloremque quos ratione doloribus, officiis adipisci error quasi soluta?</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Dolore,