<!doctype html>
<html lang="zxx" dir="ltr">
<head>
<!-- META DATA -->
<meta charset="UTF-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="Claylist - Classifieds, Directory, Multipurpose Listing HTML Template">
<meta name="author" content="Spruko Technologies Private Limited">
<meta name="keywords" content="directory listing html template, bootstrap html template, directory html template, directory website template, directory listing html template, directory listing template, listing website template, business directory template, membership directory template, directory template, service directory template, bootstrap business directory template, directory listing website template, business directory html template, online directory template, online directory website templates, best website templates, html template, html5 template, themeforest html, themeforest html templates">
<link rel="icon" href="favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- Title -->
<title>Xpectry - Classifieds, Directory, Multipurpose Listing HTML Template</title>
<!-- Bootstrap Css -->
<link href="assets/plugins/bootstrap-4.3.1-dist/css/bootstrap.min.css" rel="stylesheet" />
<!-- Dashboard Css -->
<link href="assets/css/dashboard.css" rel="stylesheet" />
<!-- RTL Css -->
<link href="assets/css/rtl.css" rel="stylesheet" />
<!-- Font-awesome Css -->
<link href="assets/css/icons.css" rel="stylesheet"/>
<!--Horizontal Menu-->
<link href="assets/plugins/Horizontal2/Horizontal-menu/dropdown-effects/fade-down.css" rel="stylesheet" />
<link href="assets/plugins/Horizontal2/Horizontal-menu/horizontal.css" rel="stylesheet" />
<link href="assets/plugins/Horizontal2/Horizontal-menu/color-skins/color.css" rel="stylesheet" />
<!--Select2 Plugin -->
<link href="assets/plugins/select2/select2.min.css" rel="stylesheet" />
<!-- Cookie css -->
<link href="assets/plugins/cookie/cookie.css" rel="stylesheet">
<!-- Owl Theme css-->
<link href="assets/plugins/owl-carousel/owl.carousel.css" rel="stylesheet" />
<!-- video css-->
<link href="assets/plugins/video/insideElementDemo.css" rel="stylesheet" />
<!-- Custom scroll bar css-->
<link href="assets/plugins/scroll-bar/jquery.mCustomScrollbar.css" rel="stylesheet" />
<!-- COLOR-SKINS -->
<link id="theme" rel="stylesheet" type="text/css" media="all" href="assets/webslidemenu/color-skins/color10.css" />
</head>
<body>
<!--Loader-->
<div id="global-loader">
<img src="assets/images/products/products/loader.png" class="loader-img floating" alt="">
</div>
<!--Topbar-->
<div class="header-main">
<div class="top-bar">
<div class="container">
<div class="row">
<div class="col-xl-8 col-lg-8 col-sm-4 col-7">
<div class="top-bar-left d-flex">
<div class="clearfix">
<ul class="socials">
<li>
<a class="social-icon text-dark" href="https://www.facebook.com/Xpertry-105268477819153"><i class="fa fa-facebook"></i></a>
</li>
<li>
<a class="social-icon text-dark" href="https://www.twitter.com/xpertry"><i class="fa fa-twitter"></i></a>
</li>
<li>
<a class="social-icon text-dark" href="https://www.linkedin.com/company/xpertry-site"><i class="fa fa-linkedin"></i></a>
</li>
<li>
<a class="social-icon text-dark" href="mailto:info@xpertry.com"><i class="fa fa-envelope"></i></a>
</li>
</ul>
</div>
<div class="clearfix">
<ul class="contact border-left">
<li class="mr-5 d-lg-none">
<a href="#" class="callnumber text-dark"><span><i class="fa fa-phone mr-1"></i>: +234 (0) 811 545 0261</span></a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-sm-8 col-5">
<div class="top-bar-right">
<ul class="custom">
<li>
<?php
if(isset($_SESSION['email'])){
echo '<a href="#" class="text-dark" data-toggle="dropdown"><i class="fa fa-home mr-1"></i><span> My Dashboard</span></a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
<a href="user_page/profile.php" class="dropdown-item" >
<i class="dropdown-icon icon icon-user"></i> My Profile
</a>
<a class="dropdown-item" href="user_page/editprofile.php">
<i class="dropdown-icon icon icon-speech"></i> Edit Profile
</a>
<a href="user_page/settings.php" class="dropdown-item" >
<i class="dropdown-icon icon icon-settings"></i> Account Settings
</a>
<a class="dropdown-item" href="user_page/logout.php">
<i class="dropdown-icon icon icon-power"></i> Log out
</a>';
}else{
echo '<a href="login.php" class="text-dark"><i class="fa fa-sign-in mr-1"></i> <span>Login</span></a>';
}
?>
</li>
<li>
<?php
if(isset($_SESSION['user_id'])){
echo '<a href="user_page/logout.php" class="text-dark">
<i class="fa fa-sign-out mr-1"></i> Log out</a>';
}else{
echo '<a href="register.php" class="text-dark"><i class="fa fa-user mr-1"></i> <span>Register</span></a>';
}
?>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--Topbar-->
<!-- Mobile Header -->
<div class="horizontal-header clearfix ">
<div class="container">
<a id="horizontal-navtoggle" class="animated-arrow"><span></span></a>
<span class="smllogo"><img src="assets/images/brand/logo.png" width="120" alt=""/></span>
<a href="tel:245-6325-3256" class="callusbtn"><i class="fa fa-phone" aria-hidden="true"></i></a>
</div>
</div>
<!-- /Mobile Header -->
<div class="horizontal-main bg-dark-transparent clearfix">
<div class="horizontal-mainwrapper container clearfix">
<div class="desktoplogo">
<a href="index.php"><img src="assets//images/brand/logo1.png" alt=""></a>
</div>
<div class="desktoplogo-1">
<a href="index.php"><img src="assets//images/brand/logo.png" alt=""></a>
</div>
<!--Nav-->
<nav class="horizontalMenu clearfix d-md-flex">
<ul class="horizontalMenu-list">
<li aria-haspopup="true"><a href="index.php">Home</a>
</li>
<li aria-haspopup="true"><a href="about.php">About Us </a></li>
<li aria-haspopup="true"><a href="contact.php"> Contact Us <span class="wsarrow"></span></a></li>
</ul>
<ul class="mb-0">
<li aria-haspopup="true" class="mt-5 d-none d-lg-block ">
<span><a class="btn btn-orange ad-post" href="user_page/post.php">Post Your Credential</a></span>
</li>
</ul>
</nav>
<!--Nav-->
</div>
</div>
</div>