<!DOCTYPE html>
<html lang="en">
	
<!-- Mirrored from laravel.spruko.com/xino/ltr/horizontal by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 26 Oct 2024 08:35:42 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head>

		<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="Xino - Laravel Admin & Dashboard Template">
		<meta name="Author" content="Spruko Technologies Private Limited">
		<meta name="Keywords" content="cryptocurrency, dashboard, admin, crypto, ico, bootstrap admin template, admin template, bootstrap dashboard template, crypto dashboard, cryptocurrency dashboard, ico dashboard, crypto admin, dashboard cryptocurrency, cryptocurrency trading dashboard, crypto dashboard template "/>

		<!-- Title -->
        <title> CDR </title>

		<!-- Favicon -->
		<link rel="icon" href="<?php echo base_url();?>newadmin/img/brand/favicon.png" type="image/x-icon"/>

		<!-- Icons css -->
		<link href="<?php echo base_url();?>newadmin/plugins/icons/icons.css" rel="stylesheet">

		<!--  Right-sidemenu css -->
		<link href="<?php echo base_url();?>newadmin/plugins/sidebar/sidebar.css" rel="stylesheet">

		<!--  Custom Scroll bar-->
		<link href="<?php echo base_url();?>newadmin/plugins/mscrollbar/jquery.mCustomScrollbar.css" rel="stylesheet"/>

		<!--- Animations css-->
		<link href="<?php echo base_url();?>newadmin/css/animate.css" rel="stylesheet">

        
		<!-- Internal Chart-Morris css-->
        <link href="<?php echo base_url();?>newadmin/plugins/morris.js/morris.css" rel="stylesheet">

		<!-- Internal Nice-select css  -->
		<link href="<?php echo base_url();?>newadmin/plugins/jquery-nice-select/css/nice-select.css" rel="stylesheet"/>

		<!-- Internal News-Ticker css-->
		<link href="<?php echo base_url();?>newadmin/plugins/flag-icon-css/css/flag-icon.min.css" rel="stylesheet">

		<!-- Jquery-countdown css-->
		<link href="<?php echo base_url();?>newadmin/plugins/jquery-countdown/countdown.css" rel="stylesheet">

		<!-- Internal News-Ticker css-->
        <link href="<?php echo base_url();?>newadmin/plugins/newsticker/jquery.jConveyorTicker.css" rel="stylesheet" />


		<!-- style css-->
		<link href="<?php echo base_url();?>newadmin/css/style.css" rel="stylesheet">

		<!-- skin css-->
		<link href="<?php echo base_url();?>newadmin/css/skin-modes.css" rel="stylesheet">

		<!-- dark-theme css-->
		<link href="<?php echo base_url();?>newadmin/css/style-dark.css" rel="stylesheet">

		<!-- Switcher css -->
		<link href="<?php echo base_url();?>newadmin/switcher/css/switcher.css" rel="stylesheet">
		<link rel="stylesheet" href="<?php echo base_url();?>newadmin/switcher/demo.css">

	</head>
	<body class="main-body app sidebar-mini Light-mode">

		<!-- Loader -->
		<div id="global-loader" class="light-loader">
			<img src="<?php echo base_url();?>newadmin/img/loaders/loader.svg" class="loader-img" alt="Loader">
		</div>
		<!-- /Loader -->

		<!-- Start Switcher -->
		
		<!-- End Switcher -->

		<!-- Page -->
		<div class="page">

			<!-- main-header -->
		<div class="main-header nav nav-item hor-header">
			<div class="container">
				<div class="main-header-left ">
					<a class="animated-arrow hor-toggle horizontal-navtoggle"><span></span></a><!-- sidebar-toggle-->
					<a class="header-brand" href="index.html">
						<img src="<?php echo base_url();?>newadmin/img/brand/logo-theme-dark.png" class="desktop-dark">
						<img src="<?php echo base_url();?>newadmin/img/brand/logo.png" class="desktop-logo">
					</a>
					<div class="main-header-center ml-3 d-sm-none d-md-none d-lg-block">
						<input type="search" class="form-control" placeholder="Search for anything...">
							<button class="btn"><i class="fas fa-search"></i></button>
					</div>
				</div>
				<div class="main-header-center">
					<div class="responsive-logo">
                        <img src="<?php echo base_url();?>newadmin/img/brand/logo.png" class="mobile-logo" alt="logo">
                        <img src="<?php echo base_url();?>newadmin/img/brand/logo-theme-dark.png" class="dark-mobile-logo" alt="logo">
					</div>
				</div>
				<div class="main-header-right">
					<div class="nav nav-item  navbar-nav-right ml-auto">
						<form class="navbar-form nav-item my-auto d-lg-none" role="search">
							<div class="input-group nav-item my-auto">
								<input type="text" class="form-control" placeholder="Search">
								<span class="input-group-btn">
									<button type="reset" class="btn btn-default">
										<i class="ti-close"></i>
									</button>
									<button type="submit" class="btn btn-default nav-link">
										<i class="ti-search"></i>
									</button>
								</span>
							</div>
						</form>
						<div class="nav-item full-screen fullscreen-button">
							<a class="new nav-link full-screen-link" href="#"><i class="ti-fullscreen"></i></span></a>
						</div>
						<div class="dropdown  nav-item main-header-message ">
							<a class="new nav-link" href="#" ><i class="ti-email"></i><span class="pulse-danger"></span></a>
							<div class="dropdown-menu dropdown-menu-arrow animated fadeInUp ">
								<div class="main-dropdown-header  d-sm-none">
									<a class="main-header-arrow" href="#"><i class="icon ion-md-arrow-back"></i></a>
								</div>
								<div class="menu-header-content text-left d-flex">
									<div class="">
										<h6 class="menu-header-title text-white mb-0">5 new Messages</h6>
									</div>
									<div class="my-auto ml-auto">
										<span class="badge badge-pill badge-warning float-right">Mark All Read</span>
									</div>
								</div>
								<div class="main-message-list chat-scroll">
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="  drop-img  cover-image  " data-image-src="<?php echo base_url();?>newadmin/img/faces/3.jpg">
											<span class="avatar-status bg-teal"></span>
										</div>

										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Paul Molive</h5>
												<p class="time mb-0 text-right ml-auto float-right">10 min ago</p>
											</div>
											<p class="mb-0 desc">I'm sorry but i'm not sure how...</p>
										</div>
									</a>
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="drop-img cover-image" data-image-src="<?php echo base_url();?>newadmin/img/faces/2.jpg">
											<span class="avatar-status bg-teal"></span>
										</div>
										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Sahar Dary</h5>
												<p class="time mb-0 text-right ml-auto float-right">13 min ago</p>
											</div>
											<p class="mb-0 desc">All set ! Now, time to get to you now......</p>
										</div>
									</a>
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="drop-img cover-image" data-image-src="<?php echo base_url();?>newadmin/img/faces/9.jpg">
											<span class="avatar-status bg-teal"></span>
										</div>
										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Khadija Mehr</h5>
												<p class="time mb-0 text-right ml-auto float-right">20 min ago</p>
											</div>
											<p class="mb-0 desc">Are you ready to pickup your Delivery...</p>
										</div>
									</a>
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="drop-img cover-image" data-image-src="<?php echo base_url();?>newadmin/img/faces/12.jpg">
											<span class="avatar-status bg-danger"></span>
										</div>
										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Barney Cull</h5>
												<p class="time mb-0 text-right ml-auto float-right">30 min ago</p>
											</div>
											<p class="mb-0 desc">Here are some products ...</p>
										</div>
									</a>
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="drop-img cover-image" data-image-src="<?php echo base_url();?>newadmin/img/faces/5.jpg">
											<span class="avatar-status bg-teal"></span>
										</div>
										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Petey Cruiser</h5>
												<p class="time mb-0 text-right ml-auto float-right">35 min ago</p>
											</div>
											<p class="mb-0 desc">I'm sorry but i'm not sure how...</p>
										</div>
									</a>
								</div>
								<div class="text-center dropdown-footer">
									<a href="text-center.html">VIEW ALL</a>
								</div>
							</div>
						</div>
						<div class="dropdown nav-item main-header-notification">
							<a class="new nav-link " href="#"><i class="ti-bell animated bell-animations"></i><span class=" pulse"></span></a>
							<div class="dropdown-menu dropdown-menu-arrow animated fadeInUp">
								<div class="menu-header-content text-left d-flex">
									<div class="">
										<h6 class="menu-header-title text-white mb-0">7 new Notifications</h6>
									</div>
									<div class="my-auto ml-auto">
										<span class="badge badge-pill badge-warning float-right">Mark All Read</span>
									</div>
								</div>
								<div class="main-notification-list Notification-scroll">
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-success-transparent">
											<i class="la la-shopping-basket text-success"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">New Order Received</h5>
											<div class="notification-subtext">1 hour ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-danger-transparent">
											<i class="la la-user-check text-danger"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">22 verified registrations</h5>
											<div class="notification-subtext">2 hour ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-primary-transparent">
											<i class="la la-check-circle text-primary"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">Project has been approved</h5>
											<div class="notification-subtext">4 hour ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-pink-transparent">

											<i class="la la-file-alt text-pink"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">New files available</h5>
											<div class="notification-subtext">10 hour ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-warning-transparent">
											<i class="la la-envelope-open text-warning"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">New review received</h5>
											<div class="notification-subtext">1 day ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3" href="#">
										<div class="notifyimg bg-purple-transparent">
											<i class="la la-gem text-purple"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">Updates Available</h5>
											<div class="notification-subtext">2 days ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
								</div>
								<div class="dropdown-footer">
									<a href="#">VIEW ALL</a>
								</div>
							</div>
						</div>
						<button class="navbar-toggler navresponsive-toggler d-sm-none" type="button" data-toggle="collapse" data-target="#navbarSupportedContent-4"
							aria-controls="navbarSupportedContent-4" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon fe fe-more-vertical "></span>
						</button>
						<div class="dropdown main-profile-menu nav nav-item nav-link">
							<a class="profile-user" href="#"><img alt="" src="<?php echo base_url();?>newadmin/img/faces/5.jpg"></a>
							<div class="dropdown-menu dropdown-menu-arrow animated fadeInUp">
								<div class="main-header-profile header-img">
									<div class="main-img-user"><img alt="" src="<?php echo base_url();?>newadmin/img/faces/5.jpg"></div>
									<h6>Elizabeth Jane</h6><span>Premium Member</span>
								</div>
								<a class="dropdown-item" href="#"><i class="far fa-user"></i> My Profile</a>
								<a class="dropdown-item" href="#"><i class="far fa-edit"></i> Edit Profile</a>
								<a class="dropdown-item" href="#"><i class="far fa-clock"></i> Activity Logs</a>
								<a class="dropdown-item" href="#"><i class="fas fa-sliders-h"></i> Account Settings</a>
								<a class="dropdown-item" href="page-signin.html"><i class="fas fa-sign-out-alt"></i> Sign Out</a>
							</div>
						</div>
						<div class="dropdown main-header-message right-toggle">
							<a class="nav-link " data-toggle="sidebar-right" data-target=".sidebar-right">
								<i class="ti-menu tx-20 bg-transparent"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- /main-header -->

			<!-- mobile-header -->
		<div class="responsive main-header">
			<div class="mb-1 navbar navbar-expand-lg  nav nav-item  navbar-nav-right responsive-navbar navbar-dark d-sm-none ">
				<div class="collapse navbar-collapse" id="navbarSupportedContent-4">
					<div class="d-flex order-lg-2 ml-auto">
						<form class="navbar-form nav-item my-auto d-lg-none" role="search">
							<div class="input-group nav-item my-auto">
								<input type="text" class="form-control" placeholder="Search">
								<span class="input-group-btn">
									<button type="reset" class="btn btn-default">
										<i class="ti-close"></i>
									</button>
									<button type="submit" class="btn btn-default nav-link">
										<i class="ti-search"></i>
									</button>
								</span>
							</div>
						</form>
						<div class="d-md-flex">
							<div class="nav-item full-screen fullscreen-button">
								<a class="new nav-link full-screen-link" href="#"><i class="ti-fullscreen"></i></span></a>
							</div>
						</div>
						<div class="dropdown  nav-item main-header-message header-contact">
							<a class="new nav-link" href="#" ><i class="ti-email"></i><span class=" pulse-danger"></span></a>
							<div class="dropdown-menu dropdown-menu-arrow animated fadeInUp">
								<div class="main-dropdown-header d-sm-none">
									<a class="main-header-arrow" href="#"><i class="icon ion-md-arrow-back"></i></a>
								</div>
								<div class="menu-header-content text-left d-flex">
									<div class="">
										<h6 class="menu-header-title text-white mb-0">5 new Messages</h6>
									</div>
									<div class="my-auto ml-auto">
										<span class="badge badge-pill badge-warning float-right">Mark All Read</span>
									</div>
								</div>
								<div class="main-message-list text-scroll">
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="  drop-img  cover-image  " data-image-src="<?php echo base_url();?>newadmin/img/faces/3.jpg">
											<span class="avatar-status bg-teal"></span>
										</div>

										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Paul Molive</h5>
												<p class="time mb-0 text-right ml-auto float-right">10 min ago</p>
											</div>
											<p class="mb-0 desc">I'm sorry but i'm not sure how...</p>
										</div>
									</a>
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="drop-img cover-image" data-image-src="<?php echo base_url();?>newadmin/img/faces/2.jpg">
											<span class="avatar-status bg-teal"></span>
										</div>
										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Sahar Dary</h5>
												<p class="time mb-0 text-right ml-auto float-right">13 min ago</p>
											</div>
											<p class="mb-0 desc">All set ! Now, time to get to you now......</p>
										</div>
									</a>
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="drop-img cover-image" data-image-src="<?php echo base_url();?>newadmin/img/faces/9.jpg">
											<span class="avatar-status bg-teal"></span>
										</div>
										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Khadija Mehr</h5>
												<p class="time mb-0 text-right ml-auto float-right">20 min ago</p>
											</div>
											<p class="mb-0 desc">Are you ready to pickup your Delivery...</p>
										</div>
									</a>
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="drop-img cover-image" data-image-src="<?php echo base_url();?>newadmin/img/faces/12.jpg">
											<span class="avatar-status bg-danger"></span>
										</div>
										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Barney Cull</h5>
												<p class="time mb-0 text-right ml-auto float-right">30 min ago</p>
											</div>
											<p class="mb-0 desc">Here are some products ...</p>
										</div>
									</a>
									<a href="#" class="p-3 d-flex border-bottom">
										<div class="drop-img cover-image" data-image-src="<?php echo base_url();?>newadmin/img/faces/5.jpg">
											<span class="avatar-status bg-teal"></span>
										</div>
										<div class="wd-90p">
											<div class="d-flex">
												<h5 class="mb-1 name">Petey Cruiser</h5>
												<p class="time mb-0 text-right ml-auto float-right">35 min ago</p>
											</div>
											<p class="mb-0 desc">I'm sorry but i'm not sure how...</p>
										</div>
									</a>
								</div>
								<div class="text-center dropdown-footer">
									<a href="text-center.html">VIEW ALL</a>
								</div>
							</div>
						</div>
						<div class="dropdown nav-item main-header-notification">
							<a class="new nav-link" href="#"><i class="ti-bell "></i><span class=" pulse"></span></a>
							<div class="dropdown-menu dropdown-menu-arrow animated fadeInUp">
								<div class="menu-header-content text-left d-flex">
									<div class="">
										<h6 class="menu-header-title text-white mb-0">7 new Notifications</h6>
									</div>
									<div class="my-auto ml-auto">
										<span class="badge badge-pill badge-warning float-right">Mark All Read</span>
									</div>
								</div>
								<div class="main-notification-list notify-scroll">
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-success-transparent">
											<i class="la la-shopping-basket text-success"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">New Order Received</h5>
											<div class="notification-subtext">1 hour ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-danger-transparent">
											<i class="la la-user-check text-danger"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">22 verified registrations</h5>
											<div class="notification-subtext">2 hour ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-primary-transparent">
											<i class="la la-check-circle text-primary"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">Project has been approved</h5>
											<div class="notification-subtext">4 hour ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-pink-transparent">
											<i class="la la-file-alt text-pink"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">New files available</h5>
											<div class="notification-subtext">10 hour ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3 border-bottom" href="#">
										<div class="notifyimg bg-warning-transparent">
											<i class="la la-envelope-open text-warning"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">New review received</h5>
											<div class="notification-subtext">1 day ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
									<a class="d-flex p-3" href="#">
										<div class="notifyimg bg-purple-transparent">
											<i class="la la-gem text-purple"></i>
										</div>
										<div class="ml-3">
											<h5 class="notification-label mb-1">Updates Available</h5>
											<div class="notification-subtext">2 days ago</div>
										</div>
										<div class="ml-auto" >
											<i class="las la-angle-right text-right text-muted"></i>
										</div>
									</a>
								</div>
								<div class="dropdown-footer">
									<a href="#">VIEW ALL</a>
								</div>
							</div>
						</div>
						<div class="dropdown main-profile-menu nav nav-item nav-link">
							<a class="profile-user" href="#"><img alt="" src="<?php echo base_url();?>newadmin/img/faces/5.jpg"></a>
							<div class="dropdown-menu dropdown-menu-arrow animated fadeInUp">
								<div class="main-header-profile header-img">
									<div class="main-img-user"><img alt="" src="<?php echo base_url();?>newadmin/img/faces/5.jpg"></div>
									<h6>Elizabeth Jane</h6><span>Premium Member</span>
								</div>
								<a class="dropdown-item" href="#"><i class="far fa-user"></i> My Profile</a>
								<a class="dropdown-item" href="#"><i class="far fa-edit"></i> Edit Profile</a>
								<a class="dropdown-item" href="#"><i class="far fa-clock"></i> Activity Logs</a>
								<a class="dropdown-item" href="#"><i class="fas fa-sliders-h"></i> Account Settings</a>
								<a class="dropdown-item" href="page-signin.html"><i class="fas fa-sign-out-alt"></i> Sign Out</a>
							</div>
						</div>
						<div class="dropdown main-header-message right-toggle">
							<a class="nav-link " data-toggle="sidebar-right" data-target=".sidebar-right">
								<i class="ti-menu tx-20 bg-transparent"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- mobile-header -->

			<!--Horizontal-main -->
		<div class="sticky">
			<div class="horizontal-main hor-menu clearfix side-header">
				<div class="horizontal-mainwrapper container clearfix">
					<!--Nav-->
					<nav class="horizontalMenu clearfix">
						<ul class="horizontalMenu-list">
							<li aria-haspopup="true"><a href="index.html" class=""><i class="ti-home menu-icon"></i> Dashboard </a></li>
							<li aria-haspopup="true"><a href="widgets.html" class=""><i class="ti-briefcase"></i> Widgets</a></li>
							<li aria-haspopup="true"><a href="#" class="sub-icon"><i class="ti-bar-chart-alt"></i> Charts <span class="badge badge-danger horizontal-badge">5</span><i class="fe fe-chevron-down horizontal-icon"></i></a>
								<ul class="sub-menu">
									<li aria-haspopup="true"><a href="chart-morris.html" class="slide-item">Morris Charts</a></li>
									<li aria-haspopup="true"><a href="chart-flot.html" class="slide-item">Flot Charts</a></li>
									<li aria-haspopup="true"><a href="chart-chartjs.html" class="slide-item">ChartJS</a></li>
									<li aria-haspopup="true"><a href="chart-echart.html" class="slide-item">Echart</a></li>
									<li aria-haspopup="true"><a href="chart-sparkline.html" class="slide-item">Sparkline</a></li>
									<li aria-haspopup="true"><a href="chart-peity.html" class="slide-item"> Chart-peity</a></li>
								</ul>
							</li>
							<li aria-haspopup="true"><a href="#" class="sub-icon"><i class="ti-layers"></i> Elements<i class="fe fe-chevron-down horizontal-icon"></i></a>
								<div class="horizontal-megamenu clearfix">
									<div class="container">
										<div class="mega-menubg hor-mega-menu">
											<div class="row">
												<div class="col-lg-3 col-md-12 col-xs-12 link-list">

													<ul>
														<li><h3 class="fs-14 font-weight-bold mb-1 mt-2">Elements</h3></li>
														<li aria-haspopup="true"><a href="alerts.html" class="slide-item">Alerts</a></li>
														<li aria-haspopup="true"><a href="avatar.html" class="slide-item">Avatar</a></li>
														<li aria-haspopup="true"><a href="breadcrumbs.html" class="slide-item">Breadcrumbs</a></li>
														<li aria-haspopup="true"><a href="buttons.html" class="slide-item">Buttons</a></li>
														<li aria-haspopup="true"><a href="badge.html" class="slide-item">Badge</a></li>
														<li aria-haspopup="true"><a href="dropdown.html" class="slide-item">Dropdown</a></li>
														<li aria-haspopup="true"><a href="thumbnails.html" class="slide-item">Thumbnails</a></li>
														<li aria-haspopup="true"><a href="images.html" class="slide-item">Images</a></li>
														<li aria-haspopup="true"><a href="list-group.html" class="slide-item">List Group</a></li>

													</ul>
												</div>
												<div class="col-lg-3 col-md-12 col-xs-12 link-list">
													<ul>
														<li aria-haspopup="true"><a href="navigation.html" class="slide-item">Navigation</a></li>
														<li aria-haspopup="true"><a href="pagination.html" class="slide-item">Pagination</a></li>
														<li aria-haspopup="true"><a href="popover.html" class="slide-item">Popover</a></li>
														<li aria-haspopup="true"><a href="progress.html" class="slide-item">Progress</a></li>
														<li aria-haspopup="true"><a href="spinners.html" class="slide-item">Spinners</a></li>
														<li aria-haspopup="true"><a href="media-object.html" class="slide-item">Media Object</a></li>
														<li aria-haspopup="true"><a href="typography.html" class="slide-item">Typography</a></li>
														<li aria-haspopup="true"><a href="tooltip.html" class="slide-item">Tooltip</a></li>
														<li aria-haspopup="true"><a href="toast.html" class="slide-item">Toast</a></li>
														<li aria-haspopup="true"><a href="tags.html" class="slide-item">Tags</a></li>
													</ul>
												</div>
												<div class="col-lg-3 col-md-12 col-xs-12 link-list">
													<ul>
														<li aria-haspopup="true"><a href="tabs.html" class="slide-item">Tabs</a></li>
														<li><h3 class="fs-14 font-weight-bold mb-1 mt-2">Apps</h3></li>
														<li aria-haspopup="true"><a href="cards.html" class="slide-item">Cards</a></li>
														<li aria-haspopup="true"><a href="draggablecards.html" class="slide-item">Draggablecards</a></li>
														<li aria-haspopup="true"><a href="rangeslider.html" class="slide-item">Range-slider</a></li>
														<li aria-haspopup="true"><a href="calendar.html" class="slide-item">Calendar</a></li>
														<li aria-haspopup="true"><a href="contacts.html" class="slide-item">Contacts</a></li>
														<li aria-haspopup="true"><a href="image-compare.html" class="slide-item">Image-compare</a></li>
														<li aria-haspopup="true"><a href="notification.html" class="slide-item">Notification</a></li>
														<li aria-haspopup="true"><a href="widget-notification.html" class="slide-item">Widget-notification</a></li>

													</ul>
												</div>
												<div class="col-lg-3 col-md-12 col-xs-12 link-list">
													<ul>
														<li aria-haspopup="true"><a href="treeview.html" class="slide-item">Treeview</a></li>
														<li><h3 class="fs-14 font-weight-bold mb-1 mt-2">Icons <span class="badge badge-success ">New</span></h3></li>
														<li aria-haspopup="true"><a href="icons.html" class="slide-item">Icons</a></li>
														<li><h3 class="fs-14 font-weight-bold mb-1">Maps</h3></li>
														<li aria-haspopup="true"><a href="map-leaflet.html" class="slide-item">Leaflet Maps</a></li>
														<li aria-haspopup="true"><a href="map-vector.html" class="slide-item">Vector Maps</a></li>

														<li><h3 class="fs-14 font-weight-bold mb-1">Tables</h3></li>
														<li aria-haspopup="true"><a href="table-basic.html" class="slide-item">Basic Tables</a></li>
														<li aria-haspopup="true"><a href="table-data.html" class="slide-item">Data Tables</a></li>

													</ul>
												</div>
											</div>
										</div>
									</div>
								</div>
							</li>
							<li aria-haspopup="true"><a href="#" class="sub-icon"><i class="ti-write"></i> Advanced UI <i class="fe fe-chevron-down horizontal-icon"></i></a>
								<ul class="sub-menu">
									<li aria-haspopup="true"><a href="accordion.html" class="slide-item"> Accordion</a></li>
									<li aria-haspopup="true"><a href="carousel.html" class="slide-item" >Carousel</a></li>
									<li aria-haspopup="true"><a href="collapse.html" class="slide-item">Collapse</a></li>
									<li aria-haspopup="true"><a href="modals.html" class="slide-item">Modals</a></li>
									<li aria-haspopup="true"><a href="timeline.html" class="slide-item">Timeline</a></li>
									<li aria-haspopup="true"><a href="sweet-alert.html" class="slide-item">Sweet Alert</a></li>
									<li aria-haspopup="true"><a href="rating.html" class="slide-item">Ratings</a></li>
									<li aria-haspopup="true"><a href="counters.html" class="slide-item">Counters</a></li>
									<li aria-haspopup="true"><a href="search.html" class="slide-item">Search</a></li>
									<li aria-haspopup="true"><a href="userlist.html" class="slide-item"> Userlist</a></li>
									<li aria-haspopup="true"><a href="blog.html" class="slide-item">Blog</a></li>
								</ul>
							</li>
							<li aria-haspopup="true"><a href="#" class="sub-icon"><i class="ti-agenda"></i> Utilities <i class="fe fe-chevron-down horizontal-icon"></i></a>
								<ul class="sub-menu">
									<li aria-haspopup="true"><a href="background.html" class="slide-item">Background</a></li>
									<li aria-haspopup="true"><a href="border.html" class="slide-item">Border</a></li>
									<li aria-haspopup="true"><a href="display.html" class="slide-item">Display</a></li>
									<li aria-haspopup="true"><a href="flex.html" class="slide-item">Flex</a></li>
									<li aria-haspopup="true"><a href="height.html" class="slide-item">Height</a></li>
									<li aria-haspopup="true"><a href="margin.html" class="slide-item">Margin</a></li>
									<li aria-haspopup="true"><a href="padding.html" class="slide-item">Padding</a></li>
									<li aria-haspopup="true"><a href="position.html" class="slide-item">Position</a></li>
									<li aria-haspopup="true"><a href="width.html" class="slide-item">Width</a></li>
									<li aria-haspopup="true"><a href="extras.html" class="slide-item">Extras</a></li>
								</ul>
							</li>
							<li aria-haspopup="true"><a href="#" class="sub-icon"><i class="ti-receipt"></i> Pages <i class="fe fe-chevron-down horizontal-icon"></i></a>
								<ul class="sub-menu">
									<li aria-haspopup="true"><a href="profile.html" class="slide-item">Profile</a></li>
									<li aria-haspopup="true"><a href="editprofile.html" class="slide-item">Edit-profile</a></li>
									<li aria-haspopup="true" class="sub-menu-sub"><a href="#">Mail <span class="badge badge-pink side-badge">5</span></a>
										<ul class="sub-menu">
											<li aria-haspopup="true"><a href="mail.html" class="slide-item">Mail-inbox</a></li>
											<li aria-haspopup="true"><a href="mail-compose.html" class="slide-item">Mail-compose</a></li>
											<li aria-haspopup="true"><a href="mail-read.html" class="slide-item">Mail-read</a></li>
											<li aria-haspopup="true"><a href="mail-settings.html" class="slide-item">Mail-settings</a></li>
											<li aria-haspopup="true"><a href="chat.html" class="slide-item">Chat</a></li>
                                        </ul>
									</li>
									<li aria-haspopup="true" class="sub-menu-sub"><a href="#">Forms <span class="badge badge-info side-badge">6</span></a>
										<ul class="sub-menu">
											<li aria-haspopup="true"><a href="form-elements.html" class="slide-item">Form Elements</a></li>
											<li aria-haspopup="true"><a href="form-advanced.html" class="slide-item">Advanced Forms</a></li>
											<li aria-haspopup="true"><a href="form-layouts.html" class="slide-item">Form Layouts</a></li>
											<li aria-haspopup="true"><a href="form-validation.html" class="slide-item">Form Validation</a></li>
											<li aria-haspopup="true"><a href="form-wizards.html" class="slide-item">Form Wizards</a></li>
											<li aria-haspopup="true"><a href="form-editor.html" class="slide-item">WYSIWYG Editor</a></li>
										</ul>
									</li>
									<li aria-haspopup="true"><a href="invoice.html" class="slide-item">Invoice</a></li>
									<li aria-haspopup="true"><a href="todotask.html" class="slide-item">Todotask</a></li>
									<li aria-haspopup="true"><a href="pricing.html" class="slide-item">Pricing</a></li>
									<li aria-haspopup="true"><a href="gallery.html" class="slide-item">Gallery</a></li>
									<li aria-haspopup="true"><a href="faq.html" class="slide-item">Faqs</a></li>
									<li aria-haspopup="true"><a href="emptypage.html" class="slide-item">Empty Page</a></li>
                                    <li aria-haspopup="true" class="sub-menu-sub"><a href="#">submenu <span class="badge badge-pink side-badge">3</span></a>
                                        <ul class="sub-menu">
                                            <li aria-haspopup="true"><a href="#" class="slide-item">sub-menu-1</a></li>
                                            <li aria-haspopup="true" class="sub-menu-sub"><a href="#">submenu-2 <span class="badge badge-pink side-badge">2</span></a>
                                                <ul class="sub-menu">
                                                    <li aria-haspopup="true"><a href="#" class="slide-item">sub-menu-2.1</a></li>
                                                    <li aria-haspopup="true"><a href="#" class="slide-item">sub-menu-2.2</a></li>
                                                </ul>
                                            </li>
                                            <li aria-haspopup="true"><a href="#" class="slide-item">sub-menu-3</a></li>
                                        </ul>
                                    </li>
								</ul>
							</li>
							</li>
							<li aria-haspopup="true"><a href="#" class="sub-icon"><i class="ti-shopping-cart"></i> E-Commerce <span class="badge badge-success horizontal-badge">3</span><i class="fe fe-chevron-down horizontal-icon"></i></a>
								<ul class="sub-menu">
									<li aria-haspopup="true"><a href="products.html" class="slide-item"> Products</a></li>
									<li aria-haspopup="true"><a href="product-details.html" class="slide-item">Product-Details</a></li>
									<li aria-haspopup="true"><a href="product-cart.html" class="slide-item">Shopping Cart</a></li>
								</ul>
							</li>
							<li aria-haspopup="true"><a href="#" class="sub-icon"><i class="ti-id-badge"></i> Custom <i class="fe fe-chevron-down horizontal-icon"></i></a>
								<ul class="sub-menu">
									<li aria-haspopup="true"><a href="signin.html" class="slide-item">Sign In</a></li>
									<li aria-haspopup="true"><a href="signup.html" class="slide-item">Sign Up</a></li>
									<li aria-haspopup="true"><a href="forgot.html" class="slide-item">Forgot Password</a></li>
									<li aria-haspopup="true"><a href="reset.html" class="slide-item">Reset Password</a></li>
									<li aria-haspopup="true"><a href="lockscreen.html" class="slide-item">Lock screen</a></li>
									<li aria-haspopup="true"><a href="underconstruction.html" class="slide-item">UnderConstruction</a></li>
									<li aria-haspopup="true"><a href="error404.html" class="slide-item">404 Error</a></li>
									<li aria-haspopup="true"><a href="error500.html" class="slide-item">500 Error</a></li>
								</ul>
							</li>
						</ul>
					</nav>
					<!--Nav-->
				</div>
			</div>
		</div>
		<!--Horizontal-main -->

			<!-- main-content opened -->
			