<!-- navigation start -->
<div class="header bg-dark border-top-3 border-top border-primary header-collapse">
<div class="container-lg">
<nav class="navbar navbar-expand-lg navbar-default">
<a class="navbar-brand" href="../index.html"><img src="../assets/images/logo.svg" alt="" /></a>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-default" aria-controls="navbar-default" aria-expanded="false" aria-label="Toggle navigation">
<span class="icon-bar top-bar mt-0"></span>
<span class="icon-bar middle-bar"></span>
<span class="icon-bar bottom-bar"></span>
</button>
<div class="collapse navbar-collapse" id="navbar-default">
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-default" aria-controls="navbar-default" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-times"></i>
</button>
<ul class="navbar-nav ms-auto me-lg-3 ">
<li class="nav-item dropdown disabled">
<a class="nav-link d-lg-none" href="#">
Menu
</a>
</li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" href="#" id="menu-1" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-bs-display="static">
Homepages
</a>
<ul class="dropdown-menu dropdown-menu-arrow " aria-labelledby="menu-1">
<li class="">
<a class="dropdown-item" href="../index.html">
<h4 class="mb-0 h5">Coach</h4>
<p class="text-muted mb-0 font-12">
Motivational Speaker
</p>
</a>
</li>
<li class="">
<a class="dropdown-item" href="../pages/business-coach.html">
<h4 class="mb-0 h5">Business Coach</h4>
<p class="text-muted mb-0 font-12">
Consulting Business Coach
</p>
</a>
</li>
<li class="">
<a class="dropdown-item" href="../pages/life-coach.html">
<h4 class="mb-0 h5">Life Coach</h4>
<p class="text-muted mb-0 font-12">
LifeCoach layout design.
</p>
</a>
</li>
<li class="">
<a class="dropdown-item" href="../pages/ceo-coach.html">
<h4 class="mb-0 h5">CEO Coaching</h4>
<p class="text-muted mb-0 font-12">
Excellent in CEO Coaching
</p>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown ">
<a class="nav-link dropdown-toggle" href="#" id="menu-2" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" data-bs-display="static">
Pages
</a>
<ul class="dropdown-menu dropdown-menu-right dropdown-menu-xl-left dropdown-menu-arrow " aria-labelledby="menu-2">
<li class="dropdown-submenu ">
<a class="dropdown-item dropdown-list-group-item dropdown-toggle" href="#">
<div class="d-flex align-items-center">
<div class="me-3 icon-shape icon-lg rounded-circle bg-light">
<i class="flaticon-layers font-24"></i>
</div>
<div class="">
<h4 class="mb-0 h5">Program</h4>
<p class="text-muted mb-0 font-12">
Coaching program & details
</p>
</div>
</div>
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/program-grid.html">
Grid</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/program-list.html"
>
List </a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/program-single.html"
>
Single</a
>
</li>
</ul>
</li>
<li class="dropdown-submenu ">
<a
class="dropdown-item dropdown-list-group-item dropdown-toggle"
href="#"
>
<div class="d-flex align-items-center">
<div
class="me-3 icon-shape icon-lg rounded-circle bg-light"
>
<i class="flaticon-calendar-5 font-24"></i>
</div>
<div class="">
<h4 class="mb-0 h5">Events</h4>
<p class="text-muted mb-0 font-12">
Keynote Speakers Events
</p>
</div>
</div>
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/events.html">
List</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/event-single.html"
>
Single</a
>
</li>
</ul>
</li>
<li class="dropdown-submenu ">
<a
class="dropdown-item dropdown-list-group-item dropdown-toggle"
href="#"
>
<div class="d-flex align-items-center">
<div
class="me-3 icon-shape icon-lg rounded-circle bg-light"
>
<i class="flaticon-microphone font-24"></i>
</div>
<div class="">
<h4 class="mb-0 h5">Podcast</h4>
<p class="text-muted mb-0 font-12">
Imporve Yourself to listen podcast.
</p>
</div>
</div>
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/podcast.html">
List</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/podcast-thumbnail.html"
>
Thumbnail</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/podcast-single.html"
>
Single</a
>
</li>
</ul>
</li>
<li class="dropdown-submenu ">
<a
class="dropdown-item dropdown-list-group-item dropdown-toggle"
href="#"
>
<div class="d-flex align-items-center">
<div
class="me-3 icon-shape icon-lg rounded-circle bg-light"
>
<i class="flaticon-file font-24"></i>
</div>
<div class="">
<h4 class="mb-0 h5">Courses</h4>
<p class="text-muted mb-0 font-12">
Find the motivational courses
</p>
</div>
</div>
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/course-thumbnail.html">
Grid</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/course-single.html"
>
Single</a
>
</li>
</ul>
</li>
<li class="dropdown-submenu">
<a
class="dropdown-item dropdown-list-group-item dropdown-toggle"
href="#"
>
<div class="d-flex align-items-center">
<div
class="me-3 icon-shape icon-lg rounded-circle bg-light"
>
<i class="flaticon-settings-5 font-24"></i>
</div>
<div class="">
<h4 class="mb-0 h5">Utilities</h4>
<p class="text-muted mb-0 font-12">
Some pages require in web like error etc..
</p>
</div>
</div>
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/pricing.html">
Pricing <span class="text-primary ms-1 font-12">(New)</span></a
>
</li>
<li>
<a class="dropdown-item" href="../pages/about-me.html">
About me</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/team-page.html"
>
Team</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/contact.html"
>
Contact</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/error-page.html"
>
Error</a
>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href=""
id="menu-3"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
Blog
</a>
<ul class="dropdown-menu dropdown-menu-arrow dropdown-menu-right dropdown-menu-xl-left " aria-labelledby="menu-3">
<li>
<a class="dropdown-item" href="../pages/blog.html">
Blog
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/blog-author.html">
Blog Author
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/blog-category.html">
Blog Category
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/blog-classic.html">
Blog Classic
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/blog-single.html">
Blog Single
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="" id="menu-4" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Resources
</a>
<ul class="dropdown-menu dropdown-menu-arrow dropdown-menu-right dropdown-menu-xl-left " aria-labelledby="menu-4">
<li class="dropdown-submenu">
<a class="dropdown-item dropdown-list-group-item dropdown-toggle" href="#">
<h4 class="mb-0 h5">Help Center <span class="text-primary font-12 ms-1">(New)</span></h4>
<p class="text-muted mb-0 font-12">
How can we help?
</p>
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/help-center.html">
Help</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/help-center-category.html"
>
Category</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/help-center-article.html"
>
Category Article</a
>
</li>
<li>
<a
class="dropdown-item"
href="../pages/help-center-profile-member.html"
>
Help Center Profile</a
>
</li>
</ul>
</li>
<li class="dropdown-submenu">
<a class="dropdown-item dropdown-toggle" href="" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<h4 class="mb-0 h5">Webinar<span class="text-primary font-12 ms-1">(New)</span></h4>
<span class="text-muted mb-0 font-12">
Webinar Landing Page Design
</span>
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/coach-webinar.html">
Webinar List </a
>
</li>
<li>
<a class="dropdown-item" href="../pages/coach-webinar-single.html">
Webinar Single </a
>
</li>
<li>
<a class="dropdown-item" href="../pages/coach-webinar-booking.html">
Webinar Booking </a
>
</li>
</ul>
</li>
<li class="">
<a class="dropdown-item" href="../pages/book-download-page.html">
<h4 class="mb-0 h5">Download Book</h4>
<span class="text-muted mb-0 font-12">
Download the book that guide your life lession.
</span>
</a>
</li>
<li class="">
<a class="dropdown-item" href="../pages/stories.html">
<div class="">
<h4 class="mb-0 h5">Success Stories</h4>
<p class="text-muted mb-0 font-12">
See what our clients say & success stories.
</p>
</div>
</a>
</li>
<li class="">
<a class="dropdown-item" href="../pages/booking-page.html">
<div class="">
<h4 class="mb-0 h5">Free Session Booking</h4>
<p class="text-muted mb-0 font-12">
Your 60-minute Free Coaching Session.
</p>
</div>
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="" id="menu-5" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Account
</a>
<ul class="dropdown-menu dropdown-menu-arrow dropdown-menu-right dropdown-menu-xl-left " aria-labelledby="menu-5">
<li class="dropdown-submenu ">
<a class="dropdown-item dropdown-list-group-item dropdown-toggle" href="#">
Sign In
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/signin-cover.html">
Side Cover <span class="text-primary font-12 ms-1">(New)</span></a
>
</li>
<li>
<a class="dropdown-item" href="../pages/signin.html">
Basic</a
>
</li>
</ul>
</li>
<li class="dropdown-submenu ">
<a class="dropdown-item dropdown-list-group-item dropdown-toggle" href="#">
Sign Up
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/signup-cover.html">
Side Cover <span class="text-primary font-12 ms-1">(New)</span></a
>
</li>
<li>
<a class="dropdown-item" href="../pages/signup.html">
Basic</a
>
</li>
</ul>
</li>
<li>
<a class="dropdown-item" href="../pages/verify-code.html">
Verify Code <span class="text-primary font-12 ms-1">(New)</span>
</a>
</li>
<li class="dropdown-submenu ">
<a class="dropdown-item dropdown-list-group-item dropdown-toggle" href="#">
Password Reset
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/password-reset-cover.html">
Side Cover <span class="text-primary font-12 ms-1">(New)</span></a
>
</li>
<li>
<a class="dropdown-item" href="../pages/password-reset.html">
Basic</a
>
</li>
</ul>
</li>
<li class="dropdown-submenu ">
<a class="dropdown-item dropdown-list-group-item dropdown-toggle" href="#">
Setting <span class="text-primary font-12 ms-1">(New)</span>
</a>
<ul class="dropdown-menu dropdown-menu-lg-right">
<li>
<a class="dropdown-item" href="../pages/dashboard-profile.html">
Profile</a
>
</li>
<li>
<a class="dropdown-item" href="../pages/dashboard-subscription.html">
Subscription</a
>
</li>
<li>
<a class="dropdown-item" href="../pages/dashboard-security.html">
Security</a
>
</li>
<li>
<a class="dropdown-item" href="../pages/dashboard-notifications.html">
Notifications</a
>
</li>
<li>
<a class="dropdown-item" href="../pages/dashboard-user.html">
Users</a
>
</li>
<li>
<a class="dropdown-item" href="../pages/dashboard-payment-plan.html">
Payment Plan</a
>
</li>
<li>
<a class="dropdown-item" href="../pages/dashboard-payment-history.html">
Payment History</a
>
</li>
</ul>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle"
href=""
id="menu-6"
data-bs-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false"
>
Shop
</a>
<ul class="dropdown-menu dropdown-menu-arrow dropdown-menu-right dropdown-menu-xl-left " aria-labelledby="menu-6">
<li>
<a class="dropdown-item" href="../pages/shop.html">
Product
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/shop-single.html">
Product Single
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/shop-cart.html">
Cart
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/shop-checkout.html">
Checkout
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/shop-empty-cart.html">
Empty Cart
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/shop-order-completed.html">
Order Completed
</a>
</li>
</ul>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="" id="menu-7" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Docs
</a>
<ul class="dropdown-menu dropdown-menu-arrow dropdown-menu-right dropdown-menu-xl-left " aria-labelledby="menu-7">
<li>
<a class="dropdown-item" href="../docs/index.html">
<div class="d-flex align-items-center">
<span class="me-3">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4 19.5C4 18.837 4.26339 18.2011 4.73223 17.7322C5.20107 17.2634 5.83696 17 6.5 17H20" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.5 2H20V22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5V4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2V2Z" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<div>
<h5 class="mb-0">Documentation</h5>
<span class="font-12 text-muted">Customizing and Create</span>
</div>
</div>
</a>
</li>
<li>
<a class="dropdown-item" href="../pages/blog.html">
<div class="d-flex align-items-center">
<span class="me-3">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 15.9999V7.9999C20.9996 7.64918 20.9071 7.30471 20.7315 7.00106C20.556 6.69742 20.3037 6.44526 20 6.2699L13 2.2699C12.696 2.09437 12.3511 2.00195 12 2.00195C11.6489 2.00195 11.304 2.09437 11 2.2699L4 6.2699C3.69626 6.44526 3.44398 6.69742 3.26846 7.00106C3.09294 7.30471 3.00036 7.64918 3 7.9999V15.9999C3.00036 16.3506 3.09294 16.6951 3.26846 16.9987C3.44398 17.3024 3.69626 17.5545 4 17.7299L11 21.7299C11.304 21.9054 11.6489 21.9979 12 21.9979C12.3511 21.9979 12.696 21.9054 13 21.7299L20 17.7299C20.3037 17.5545 20.556 17.3024 20.7315 16.9987C20.9071 16.6951 20.9996 16.3506 21 15.9999Z" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.27002 6.95996L12 12.01L20.73 6.95996" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 22.08V12" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<div>
<h5 class="mb-0">Components</h5>
<span class="font-12 text-muted">Ready to use list of components</span>
</div>
</div>
</a>
</li>
<li>
<a class="dropdown-item" href="../docs/changelog.html">
<div class="d-flex align-items-center">
<span class="me-3">
<svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M14 2V8H20" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 13H8" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16 17H8" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 9H9H8" stroke="#bbb9cc" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<div>
<h5 class=" mb-0 ">Changelog <span class="text-primary font-12 ms-1 ">1.1.2</span></h5>
<span class="font-12 text-muted ">All notable changes in track</span>
</div>
</div>
</a>
</li>
</ul>
</li>
</ul>
<div class="header-btn ">
<a href="../pages/signup.html " class="btn btn-primary btn-sm ">Sign up</a
>
</div>
</div>
</nav>
</div>
</div>
<!-- navigation close -->
<link rel="stylesheet" href="../assets/css/theme.min.css">
// header js
$(window).scroll(function () {
if ($(".header").offset().top > 200) {
$(".header").addClass("header-collapse");
} else {
$(".header").removeClass("header-collapse");
}
});
// menu js
$(".dropdown-menu a.dropdown-toggle").on("click", function (e) {
if (!$(this)
.next()
.hasClass("show")
) {
$(this)
.parents(".dropdown-menu")
.first()
.find(".show")
.removeClass("show");
}
var $subMenu = $(this).next(".dropdown-menu");
$subMenu.toggleClass("show");
$(this)
.parents("li.nav-item.dropdown.show")
.on("hidden.bs.dropdown", function (e) {
$(".dropdown-submenu .show").removeClass("show");
});
return false;
});
Design & Developed by Codescandy