</header>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Lakia - Blog Theme</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="shortcut icon" type="image/png" href="assets/image/fevicon.ico">
<!-- Required Framework-->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"/>
<!--Theme icon-->
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css"/>
<!--Owl carousel-->
<link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.min.css"/>
<!--Animate Css-->
<link rel="stylesheet" type="text/css" href="assets/css/animate.css"/>
<!--Custom css-->
<link rel="stylesheet" type="text/css" href="assets/css/style.css"/>
<link rel="stylesheet" type="text/css" href="assets/css/responsive.css"/>
</head>
<body>
<!--Page Loader Css Start-->
<div id="sk-spinner">
<div class="sk-spinner-wave">
<div class="sk-rect1"></div>
<div class="sk-rect2"></div>
<div class="sk-rect3"></div>
<div class="sk-rect4"></div>
<div class="sk-rect5"></div>
</div>
</div>
<!--Page Loader Css End-->
<!--Header Start-->
<header>
<div class="top-header">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="top-header-left float-left">
<ul>
<li class="theme-color"><span>Email :</span> lakia@gmail.com</li>
<li class="theme-color"><span>Phone :</span> (+1) 123 4567 8910</li>
</ul>
</div>
<div class="top-header-right float-right">
<a href="#"><i class="fa fa-facebook theme-color" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-twitter theme-color" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-google-plus theme-color" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-instagram theme-color" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-pinterest-p theme-color" aria-hidden="true"></i></a>
<a href="#" class="search"><i id="trigger-overlay" class="fa fa-search theme-color" aria-hidden="true"></i></a>
</div>
<div class="overlay overlay-simplegenie">
<button type="button" class="overlay-close"></button>
<div class="search-main">
<form>
<div class="form-group">
<input type="text" class="form-control" placeholder="Search...">
<a href="#" class="fa fa-search btn"></a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="middle-header">
<div class="container">
<a href="index.html"><img src="assets/image/logo.png" class="img-fluid" alt="Theme-logo"></a>
</div>
</div>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<a href="index.html" class="logo-mobile">
<img src="assets/image/logo.png" class="img-fluid" alt="Theme-logo">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-center" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item current-menu-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="dropdown nav-item menu-item-has-children">
<a href="#" class="nav-link" id="dropdownMenuLink1" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
features
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink1">
<li><a href="standard-post.html">Standard Post</a></li>
<li><a href="error-page.html">Error 404</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">about</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">contact</a>
</li>
</ul>
</div>
</div>
</nav>
</header>