Welcome to Bustar ! Get familiar with the Stripe products and explore their features:
Well organized and easy to understand. You can any work by following our docs easily
Code is clean if it can be understood.Our code is more formatting for your website
Our Template is full Perfect for all device. You can visit our template all device easily.
The template has Sass available for css. You can Change and customize css by sass.
Bustar is faster loading speed. Bustar create your template so much faster and easier
We are provide 24 hours support for all clients.You can purchase without hesitation.
Welcome to Bustar
Bustar is a Modern Responsive Business Consulting Template. This template is specifically designed to showcase any Business and Consulting also Bustar specifically designed for showcase of any Consulting, Business, Financial, IT Visa, Insurance, Corporate, HR and also Small businesses and creatives etc
Bustar is highly customizable and looks stunning on tablets and mobile devices. We have incorporated the best web development practices, allowing you to create a fantastic website layout based on Bootstrap or a 1410px Grid system.
After purchasing Bustar template on templateforest.net with your Envato account, go to your Download page. You can choose to download Bustar template only or the entire Bustar template package which contains the following files:
Installing a Bustar template is not like WordPress or CMS theme installation, actually, installation keyword does not go with Bustar template. Why? because you don’t install anything, yes Bustar or HTML templates are automatically rendered by the browser.
Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.
First of all, If you don’t have your template on your computer, download Bustar template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).
This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into different section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="template-version" content="1.0.0">
<title>Bustar - Business Consulting HTML Template</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.webp">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/vendor/animate.min.css">
<link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
<link rel="stylesheet" href="assets/css/plugins/nice-select.css">
<link rel="stylesheet" href="assets/css/plugins/flatpickr.min.css">
<link rel="stylesheet" href="assets/css/plugins/nouislider.min.css">
<link rel="stylesheet" href="assets/css/vendor/magnific-popup.css">
<link rel="stylesheet" href="assets/css/vendor/odometer.min.css">
<link rel="stylesheet" href="assets/css/vendor/spacing.css">
<link rel="stylesheet" href="assets/css/vendor/remixicon.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:
/*----------------------------------------*/
/* 1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap;);
:root {
/** @font family declaration */
--rs-ff-body: 'Inter Tight;
--rs-ff-title: 'Inter Tight;
--rs-ff-p: 'Inter Tight;
--rs-ff-remixicon: "remixicon";
/** @color declaration */
/* Common Color */
--rs-white: #ffffff;
--rs-black: #000;
/** @font weight declaration */
--rs-fw-normal: normal;
--rs-fw-thin: 100;
--rs-fw-elight: 200;
--rs-fw-light: 300;
--rs-fw-regular: 400;
--rs-fw-medium: 500;
--rs-fw-sbold: 600;
--rs-fw-bold: 700;
--rs-fw-ebold: 800;
--rs-fw-black: 900;
/** @font size declaration */
--rs-fs-body: 16px;
--rs-fs-p: 16px;
--rs-fs-h1: 60px;
--rs-fs-h2: 48px;
--rs-fs-h3: 38px;
--rs-fs-h4: 32px;
--rs-fs-h5: 24px;
--rs-fs-h6: 20px;
--rs-fs-b1: 14px;
--rs-fs-b2: 16px;
--rs-fs-b3: 18px;
--rs-fs-b4: 22px;
}
There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:
<!-- JS here -->
<script src="assets/js/vendor/jquery-3.7.1.min.js"></script>
<script src="assets/js/plugins/waypoints.min.js"></script>
<script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
<script src="assets/js/plugins/meanmenu.min.js"></script>
<script src="assets/js/plugins/swiper.min.js"></script>
<script src="assets/js/plugins/wow.js"></script>
<script src="assets/js/vendor/magnific-popup.min.js"></script>
<script src="assets/js/vendor/isotope.pkgd.min.js"></script>
<script src="assets/js/vendor/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/vendor/purecounter.js"></script>
<script src="assets/js/plugins/nouislider.min.js"></script>
<script src="assets/js/plugins/nice-select.min.js"></script>
<script src="assets/js/plugins/SplitText.min.js"></script>
<script src="assets/js/plugins/gsap.min.js"></script>
<script src="assets/js/plugins/rs-cursor.js"></script>
<script src="assets/js/plugins/jarallax.min.js"></script>
<script src="assets/js/plugins/gsap.min.js"></script>
<script src="assets/js/plugins/scroll-trigger.min.js"></script>
<script src="assets/js/plugins/jquery.lettering.js"></script>
<script src="assets/js/plugins/tinymce.min.js"></script>
<script src="assets/js/vendor/ajax-form.js"></script>
<script src="assets/js/main.js"></script>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-white.png" alt="Logo"></a>
</div>
To change any images of the website
Example: Suppose you want to change the following image file:
<div class="rs-experience-brand-thumb">
<img src="assets/images/brand/brand-thumb-01.png" alt="image">
</div>
We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.
Have a look at the following image for a visual description:
Welcome to Bustar Header Elements! You can choose 2 Types of header package for creating you website.
<!-- Header area start -->
<header>
<div class="rs-header-area rs-header-one">
<div class="container-fluid g-0">
<!-- top start -->
<div class="rs-header-top rs-header-top-one">
<div class="header-top-left">
<span class="header-top-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="11" viewBox="0 0 6 11" fill="none">
<path
d="M0.50204 0.439454C0.811629 0.16438 1.28548 0.192407 1.56063 0.501954L5.56063 5.00195C5.81308 5.28608 5.81308 5.71392 5.56063 5.99805L1.56063 10.498C1.28548 10.8076 0.811629 10.8356 0.50204 10.5605C0.192493 10.2854 0.164466 9.81154 0.43954 9.50195L3.99618 5.5L0.43954 1.49805C0.164466 1.18846 0.192493 0.714606 0.50204 0.439454Z"
fill="#AB052D"></path>
</svg>
</span>
<div class="header-top-content">
<p>Facing obstacles in business growth?
<a href="contact.html">Connect with us for guidance</a>
</p>
</div>
</div>
<div class="header-top-right">
<div class="header-top-meta">
<span class="header-top-meta-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<path
d="M12.1641 10.5834C11.6414 10.0673 10.9888 10.0673 10.4694 10.5834C10.0732 10.9762 9.67699 11.3691 9.28744 11.7686C9.1809 11.8785 9.091 11.9018 8.96115 11.8286C8.70479 11.6887 8.43177 11.5755 8.18539 11.4224C7.03673 10.6999 6.07452 9.77097 5.22218 8.72552C4.79934 8.20613 4.42312 7.65011 4.16009 7.02417C4.10682 6.89765 4.11681 6.81442 4.22002 6.7112C4.61622 6.32832 5.00244 5.93544 5.39198 5.54257C5.93469 4.99654 5.93469 4.35728 5.38866 3.80792C5.07902 3.49495 4.76938 3.18865 4.45974 2.87568C4.14011 2.55605 3.82381 2.23309 3.50086 1.9168C2.97813 1.40739 2.32556 1.40739 1.80617 1.92012C1.40663 2.313 1.02375 2.71586 0.617555 3.10208C0.241327 3.45833 0.0515486 3.89449 0.0115952 4.40389C-0.0516643 5.23293 0.151432 6.01535 0.437765 6.77779C1.02375 8.35595 1.91604 9.75765 2.99811 11.0428C4.45974 12.7808 6.20437 14.1558 8.24532 15.148C9.16425 15.5942 10.1165 15.9371 11.1519 15.9937C11.8644 16.0337 12.4837 15.8539 12.9798 15.2979C13.3194 14.9183 13.7023 14.572 14.0619 14.2091C14.5946 13.6697 14.5979 13.0172 14.0685 12.4845C13.4359 11.8485 12.8 11.2159 12.1641 10.5834Z">
</path>
<path
d="M11.5271 7.92979L12.7557 7.72003C12.5625 6.59135 12.0298 5.56921 11.2208 4.75682C10.3651 3.90116 9.28304 3.36178 8.0911 3.19531L7.91797 4.43054C8.84023 4.56039 9.67925 4.97657 10.3418 5.63913C10.9677 6.26506 11.3773 7.05747 11.5271 7.92979Z">
</path>
<path
d="M13.4493 2.59031C12.0309 1.17197 10.2363 0.276344 8.25531 0L8.08218 1.23523C9.79352 1.47495 11.345 2.25071 12.5703 3.47262C13.7323 4.63459 14.4947 6.10288 14.771 7.71766L15.9996 7.50791C15.6767 5.63676 14.7943 3.93874 13.4493 2.59031Z">
</path>
</svg>
</span>
<div class="header-top-meta-content">
<span>Call us:</span>
<a href="tel:+990123456789">+990 123 456 789</a>
</div>
</div>
<div class="header-top-meta">
<span class="header-top-meta-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"
fill="none">
<g clip-path="url(#clip0_28535_99)">
<path
d="M15.8603 3.17969L11.0078 8.00091L15.8603 12.8221C15.948 12.6388 16.0012 12.4361 16.0012 12.2197V3.78216C16.0012 3.56569 15.948 3.36303 15.8603 3.17969Z"
fill="white"></path>
<path
d="M14.5947 2.375H1.40716C1.19069 2.375 0.988031 2.42822 0.804688 2.51594L7.00666 8.68666C7.55503 9.23503 8.44678 9.23503 8.99516 8.68666L15.1971 2.51594C15.0138 2.42822 14.8111 2.375 14.5947 2.375Z"
fill="white"></path>
<path
d="M0.140938 3.17969C0.0532188 3.36303 0 3.56569 0 3.78216V12.2197C0 12.4361 0.0532188 12.6388 0.140938 12.8221L4.99341 8.00091L0.140938 3.17969Z"
fill="white"></path>
<path
d="M10.3447 8.66211L9.658 9.34877C8.74428 10.2625 7.2575 10.2625 6.34378 9.34877L5.65716 8.66211L0.804688 13.4833C0.988031 13.571 1.19069 13.6243 1.40716 13.6243H14.5947C14.8111 13.6243 15.0138 13.571 15.1971 13.4833L10.3447 8.66211Z"
fill="white"></path>
</g>
<defs>
<clipPath id="clip0_28535_99">
<rect width="16" height="16" fill="white"></rect>
</clipPath>
</defs>
</svg>
</span>
<div class="header-top-meta-content">
<span>Send mail:</span>
<a href="mailto:bustarconsulting@gmail.com">
bustarconsulting@gmail.com
</a>
</div>
</div>
</div>
</div>
<!-- top end -->
<div id="rs-sticky-header" class="header-wrapper rs-sticky-header">
<div class="header-left">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-white.webp" alt="logo"></a>
</div>
</div>
<div class="header-right">
<div class="header-menu">
<nav id="mobile-menu" class="main-menu">
<ul class="multipage-menu">
<!-- home -->
<li class="menu-item-has-children rs-mega-menu">
<a href="#">Home</a>
<ul class="mega-menu mega-grid">
<li>
<a href="#" class="title">Multipage</a>
<ul>
<li><a href="index.html">Business Consulting</a></li>
<li><a href="marketing-consulting.html">Marketing Consulting</a></li>
<li><a href="business-strategy.html">Business Strategy</a></li>
<li><a href="corporate-consulting.html">Corporate Consulting</a></li>
<li><a href="hr-consulting.html">HR Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Multipage</a>
<ul>
<li><a href="financial-advisor.html">Financial Advisor</a></li>
<li><a href="visa-consulting.html">Visa Consulting</a></li>
<li><a href="it-consulting.html">IT Consulting</a></li>
<li><a href="insurance-consulting.html">Insurance Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Onepage</a>
<ul>
<li><a href="business-consulting-one-page.html">Business Consulting</a></li>
<li><a href="marketing-consulting-one-page.html">Marketing Consulting</a></li>
<li><a href="business-strategy-one-page.html">Business Strategy</a></li>
<li><a href="corporate-consulting-one-page.html">Corporate Consulting</a></li>
<li><a href="hr-consulting-one-page.html">HR Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Onepage</a>
<ul>
<li><a href="financial-advisor-one-page.html">Financial Advisor</a></li>
<li><a href="visa-consulting-one-page.html">Visa Consulting</a></li>
<li><a href="it-consulting-one-page.html">IT Consulting</a></li>
<li><a href="insurance-consulting-one-page.html">Insurance Consulting</a></li>
</ul>
</li>
</ul>
</li>
<!-- services menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Services</a>
<ul class="submenu last-children">
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="services-two.html">Services Two</a>
</li>
<li>
<a href="services-details.html">Services Details</a>
</li>
<li>
<a href="services-details-two.html">Services Details Video</a>
</li>
</ul>
</li>
<!-- project menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Project</a>
<ul class="submenu last-children">
<li>
<a href="portfolio.html">Project</a>
</li>
<li>
<a href="portfolio-two.html">Project Two</a>
</li>
<li>
<a href="portfolio-three.html">Project Slider</a>
</li>
<li>
<a href="portfolio-details.html">Project Details</a>
</li>
<li>
<a href="portfolio-details-two.html">Project Details Video</a>
</li>
</ul>
</li>
<!-- page menu -->
<li class="menu-item-has-children rs-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-two">
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 1</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="mission-vision-history.html">Mission Vision History</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="pricing-plan.html">Pricing Plan</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 2</a>
<ul>
<li><a href="price-switcher.html">Price Switcher</a></li>
<li><a href="client.html">Our Client</a></li>
<li><a href="industry.html">Industry</a></li>
<li><a href="financial-services.html">Industrial Details</a></li>
<li><a href="appointment.html">Appointment</a></li>
<li><a href="career.html">Career</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 3</a>
<ul>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="sign-up.html">Register</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 4</a>
<ul>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
<li><a href="terms-conditions.html">Terms & Condition</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="error-page.html">404 Error</a></li>
</ul>
</li>
<li class="rs-mega-menu-right">
<h6 class="mega-menu-title"><a href="#">Let's Talk Business</a></h6>
<p class="rs-mega-menu-desc">Position your agency as the bridge between.</p>
<div class="rs-mega-menu-btn">
<a class="rs-btn has-icon has-text" href="#">Get Free Quote
<span class="icon-box">
<svg class="icon-first" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white"></path>
</svg>
<svg class="icon-second" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white"></path>
</svg>
</span>
</a>
</div>
<div class="rs-mega-menu-thumb">
<a href="#" class="image-link">
<img src="assets/images/contact/contact-thumb-11.webp" alt="medium thumb">
</a>
</div>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="blog-sidebar.html">Blog Sidebar</a>
</li>
<li>
<a href="blog-details.html">Blog Details</a>
</li>
</ul>
</li>
<!-- contact menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Contact</a>
<ul class="submenu last-children">
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="contact-two.html">Contact Two</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="header-content">
<!-- button start -->
<div class="header-btn">
<a class="rs-btn has-icon is-transparent hover-primary border-hover-primary" href="contact.html">Get Free Quote
<span class="icon-box">
<svg class="icon-first" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white" />
</svg>
<svg class="icon-second" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white" />
</svg>
</span>
</a>
</div>
<!-- button end -->
<!-- search area start -->
<div class="header-search-wrapper">
<div class="header-search-icon">
<i class="ri-close-fill has-close"></i>
<i class="ri-search-line has-search"></i>
</div>
<form class="header-search-inner rs-stickys-form" action="#">
<div class="header-search">
<input type="text" placeholder="Searching...">
<button type="submit"><i class="ri-search-line"></i></button>
</div>
</form>
</div>
<!-- search area end -->
<!-- hamburger start -->
<div class="header-hamburger">
<div class="sidebar-toggle">
<a class="header-bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
<!-- hamburger end -->
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header area two start-->
<header>
<div class="rs-header-area rs-header-one">
<div class="container-fluid g-0">
<div class="header-wrapper">
<div class="header-left">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-white.webp" alt="logo"></a>
</div>
</div>
<div class="header-right">
<div class="header-menu">
<nav id="mobile-menu-two" class="main-menu">
<ul class="multipage-menu">
<!-- home -->
<li class="menu-item-has-children rs-mega-menu">
<a href="#">Home</a>
<ul class="mega-menu mega-grid">
<li>
<a href="#" class="title">Multipage</a>
<ul>
<li><a href="index.html">Business Consulting</a></li>
<li><a href="marketing-consulting.html">Marketing Consulting</a></li>
<li><a href="business-strategy.html">Business Strategy</a></li>
<li><a href="corporate-consulting.html">Corporate Consulting</a></li>
<li><a href="hr-consulting.html">HR Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Multipage</a>
<ul>
<li><a href="financial-advisor.html">Financial Advisor</a></li>
<li><a href="visa-consulting.html">Visa Consulting</a></li>
<li><a href="it-consulting.html">IT Consulting</a></li>
<li><a href="insurance-consulting.html">Insurance Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Onepage</a>
<ul>
<li><a href="business-consulting-one-page.html">Business Consulting</a></li>
<li><a href="marketing-consulting-one-page.html">Marketing Consulting</a></li>
<li><a href="business-strategy-one-page.html">Business Strategy</a></li>
<li><a href="corporate-consulting-one-page.html">Corporate Consulting</a></li>
<li><a href="hr-consulting-one-page.html">HR Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Onepage</a>
<ul>
<li><a href="financial-advisor-one-page.html">Financial Advisor</a></li>
<li><a href="visa-consulting-one-page.html">Visa Consulting</a></li>
<li><a href="it-consulting-one-page.html">IT Consulting</a></li>
<li><a href="insurance-consulting-one-page.html">Insurance Consulting</a></li>
</ul>
</li>
</ul>
</li>
<!-- services menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Services</a>
<ul class="submenu last-children">
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="services-two.html">Services Two</a>
</li>
<li>
<a href="services-details.html">Services Details</a>
</li>
<li>
<a href="services-details-two.html">Services Details Video</a>
</li>
</ul>
</li>
<!-- project menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Project</a>
<ul class="submenu last-children">
<li>
<a href="portfolio.html">Project</a>
</li>
<li>
<a href="portfolio-two.html">Project Two</a>
</li>
<li>
<a href="portfolio-three.html">Project Slider</a>
</li>
<li>
<a href="portfolio-details.html">Project Details</a>
</li>
<li>
<a href="portfolio-details-two.html">Project Details Video</a>
</li>
</ul>
</li>
<!-- page menu -->
<li class="menu-item-has-children rs-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-two">
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 1</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="mission-vision-history.html">Mission Vision History</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="pricing-plan.html">Pricing Plan</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 2</a>
<ul>
<li><a href="price-switcher.html">Price Switcher</a></li>
<li><a href="client.html">Our Client</a></li>
<li><a href="industry.html">Industry</a></li>
<li><a href="financial-services.html">Industrial Details</a></li>
<li><a href="appointment.html">Appointment</a></li>
<li><a href="career.html">Career</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 3</a>
<ul>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="sign-up.html">Register</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 4</a>
<ul>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
<li><a href="terms-conditions.html">Terms & Condition</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="error-page.html">404 Error</a></li>
</ul>
</li>
<li class="rs-mega-menu-right">
<h6 class="mega-menu-title"><a href="#">Let's Talk Business</a></h6>
<p class="rs-mega-menu-desc">Position your agency as the bridge between.</p>
<div class="rs-mega-menu-btn">
<a class="rs-btn has-icon has-text" href="#">Get Free Quote
<span class="icon-box">
<svg class="icon-first" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white"></path>
</svg>
<svg class="icon-second" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white"></path>
</svg>
</span>
</a>
</div>
<div class="rs-mega-menu-thumb">
<a href="#" class="image-link">
<img src="assets/images/contact/contact-thumb-11.webp" alt="medium thumb">
</a>
</div>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="blog-sidebar.html">Blog Sidebar</a>
</li>
<li>
<a href="blog-details.html">Blog Details</a>
</li>
</ul>
</li>
<!-- contact menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Contact</a>
<ul class="submenu last-children">
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="contact-two.html">Contact Two</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="header-content">
<!-- button start -->
<div class="header-btn">
<a class="rs-btn has-icon is-transparent hover-primary border-hover-primary" href="contact.html">Get Free Quote
<span class="icon-box">
<svg class="icon-first" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white" />
</svg>
<svg class="icon-second" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white" />
</svg>
</span>
</a>
</div>
<!-- button end -->
<!-- search area start -->
<div class="header-search-wrapper">
<div class="header-search-icon">
<i class="ri-close-fill has-close"></i>
<i class="ri-search-line has-search"></i>
</div>
<form class="header-search-inner rs-stickys-form" action="#">
<div class="header-search">
<input type="text" placeholder="Searching...">
<button type="submit"><i class="ri-search-line"></i></button>
</div>
</form>
</div>
<!-- search area end -->
<!-- hamburger start -->
<div class="header-hamburger">
<div class="sidebar-toggle">
<a class="header-bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
<!-- hamburger end -->
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header area two end-->
<!-- Header area end -->
<!-- Header area start -->
<header>
<div class="rs-header-area rs-header-two has-white">
<div class="container-fluid g-0">
<div class="row">
<div class="col-xl-12">
<div id="rs-sticky-header" class="header-wrapper header-wrapper rs-sticky-header">
<div class="header-left">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-white-two.webp" alt="logo"></a>
</div>
<div class="header-menu">
<nav id="mobile-menu" class="main-menu">
<ul class="multipage-menu">
<!-- home -->
<li class="menu-item-has-children rs-mega-menu">
<a href="#">Home</a>
<ul class="mega-menu mega-grid">
<li>
<a href="#" class="title">Multipage</a>
<ul>
<li><a href="index.html">Business Consulting</a></li>
<li><a href="marketing-consulting.html">Marketing Consulting</a></li>
<li><a href="business-strategy.html">Business Strategy</a></li>
<li><a href="corporate-consulting.html">Corporate Consulting</a></li>
<li><a href="hr-consulting.html">HR Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Multipage</a>
<ul>
<li><a href="financial-advisor.html">Financial Advisor</a></li>
<li><a href="visa-consulting.html">Visa Consulting</a></li>
<li><a href="it-consulting.html">IT Consulting</a></li>
<li><a href="insurance-consulting.html">Insurance Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Onepage</a>
<ul>
<li><a href="business-consulting-one-page.html">Business Consulting</a></li>
<li><a href="marketing-consulting-one-page.html">Marketing Consulting</a></li>
<li><a href="business-strategy-one-page.html">Business Strategy</a></li>
<li><a href="corporate-consulting-one-page.html">Corporate Consulting</a></li>
<li><a href="hr-consulting-one-page.html">HR Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Onepage</a>
<ul>
<li><a href="financial-advisor-one-page.html">Financial Advisor</a></li>
<li><a href="visa-consulting-one-page.html">Visa Consulting</a></li>
<li><a href="it-consulting-one-page.html">IT Consulting</a></li>
<li><a href="insurance-consulting-one-page.html">Insurance Consulting</a></li>
</ul>
</li>
</ul>
</li>
<!-- services menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Services</a>
<ul class="submenu last-children">
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="services-two.html">Services Two</a>
</li>
<li>
<a href="services-details.html">Services Details</a>
</li>
<li>
<a href="services-details-two.html">Services Details Video</a>
</li>
</ul>
</li>
<!-- project menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Project</a>
<ul class="submenu last-children">
<li>
<a href="portfolio.html">Project</a>
</li>
<li>
<a href="portfolio-two.html">Project Two</a>
</li>
<li>
<a href="portfolio-three.html">Project Slider</a>
</li>
<li>
<a href="portfolio-details.html">Project Details</a>
</li>
<li>
<a href="portfolio-details-two.html">Project Details Video</a>
</li>
</ul>
</li>
<!-- page menu -->
<li class="menu-item-has-children rs-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-two">
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 1</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="mission-vision-history.html">Mission Vision History</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="pricing-plan.html">Pricing Plan</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 2</a>
<ul>
<li><a href="price-switcher.html">Price Switcher</a></li>
<li><a href="client.html">Our Client</a></li>
<li><a href="industry.html">Industry</a></li>
<li><a href="financial-services.html">Industrial Details</a></li>
<li><a href="appointment.html">Appointment</a></li>
<li><a href="career.html">Career</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 3</a>
<ul>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="sign-up.html">Register</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 4</a>
<ul>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
<li><a href="terms-conditions.html">Terms & Condition</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="error-page.html">404 Error</a></li>
</ul>
</li>
<li class="rs-mega-menu-right">
<h6 class="mega-menu-title"><a href="#">Let's Talk Business</a></h6>
<p class="rs-mega-menu-desc">Position your agency as the bridge between.</p>
<div class="rs-mega-menu-btn">
<a class="rs-btn has-icon has-text" href="#">Get Free Quote
<span class="icon-box">
<svg class="icon-first" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white"></path>
</svg>
<svg class="icon-second" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white"></path>
</svg>
</span>
</a>
</div>
<div class="rs-mega-menu-thumb">
<a href="#" class="image-link">
<img src="assets/images/contact/contact-thumb-11.webp" alt="medium thumb">
</a>
</div>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="blog-sidebar.html">Blog Sidebar</a>
</li>
<li>
<a href="blog-details.html">Blog Details</a>
</li>
</ul>
</li>
<!-- contact menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Contact</a>
<ul class="submenu last-children">
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="contact-two.html">Contact Two</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="header-content">
<!-- hamburger start -->
<div class="header-hamburger d-xl-none">
<div class="sidebar-toggle is-transparent">
<a class="header-bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
<!-- hamburger end -->
</div>
</div>
<div class="header-right">
<div class="rs-promo-wrapper rs-promo-one">
<span class="rs-promo-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="11" viewBox="0 0 6 11"
fill="none">
<path
d="M0.50204 0.439454C0.811629 0.16438 1.28548 0.192407 1.56063 0.501954L5.56063 5.00195C5.81308 5.28608 5.81308 5.71392 5.56063 5.99805L1.56063 10.498C1.28548 10.8076 0.811629 10.8356 0.50204 10.5605C0.192493 10.2854 0.164466 9.81154 0.43954 9.50195L3.99618 5.5L0.43954 1.49805C0.164466 1.18846 0.192493 0.714606 0.50204 0.439454Z"
fill="#AB052D"></path>
</svg>
</span>
<div class="rs-promo-content">
<p> Facing Obstacles In Business Growth?
<a href="contact.html">Connect With Us For Guidance</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header area two start-->
<header>
<div class="rs-header-area rs-header-two has-white">
<div class="container-fluid g-0">
<div class="row g-0">
<div class="col-xl-12">
<div class="header-wrapper">
<div class="header-left">
<div class="header-logo">
<a href="index.html"><img src="assets/images/logo/logo-white-two.webp" alt="logo"></a>
</div>
<div class="header-menu">
<nav id="mobile-menu-two" class="main-menu">
<ul class="multipage-menu">
<!-- home -->
<li class="menu-item-has-children rs-mega-menu">
<a href="#">Home</a>
<ul class="mega-menu mega-grid">
<li>
<a href="#" class="title">Multipage</a>
<ul>
<li><a href="index.html">Business Consulting</a></li>
<li><a href="marketing-consulting.html">Marketing Consulting</a></li>
<li><a href="business-strategy.html">Business Strategy</a></li>
<li><a href="corporate-consulting.html">Corporate Consulting</a></li>
<li><a href="hr-consulting.html">HR Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Multipage</a>
<ul>
<li><a href="financial-advisor.html">Financial Advisor</a></li>
<li><a href="visa-consulting.html">Visa Consulting</a></li>
<li><a href="it-consulting.html">IT Consulting</a></li>
<li><a href="insurance-consulting.html">Insurance Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Onepage</a>
<ul>
<li><a href="business-consulting-one-page.html">Business Consulting</a></li>
<li><a href="marketing-consulting-one-page.html">Marketing Consulting</a></li>
<li><a href="business-strategy-one-page.html">Business Strategy</a></li>
<li><a href="corporate-consulting-one-page.html">Corporate Consulting</a></li>
<li><a href="hr-consulting-one-page.html">HR Consulting</a></li>
</ul>
</li>
<li>
<a href="#" class="title">Onepage</a>
<ul>
<li><a href="financial-advisor-one-page.html">Financial Advisor</a></li>
<li><a href="visa-consulting-one-page.html">Visa Consulting</a></li>
<li><a href="it-consulting-one-page.html">IT Consulting</a></li>
<li><a href="insurance-consulting-one-page.html">Insurance Consulting</a></li>
</ul>
</li>
</ul>
</li>
<!-- services menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Services</a>
<ul class="submenu last-children">
<li>
<a href="services.html">Services</a>
</li>
<li>
<a href="services-two.html">Services Two</a>
</li>
<li>
<a href="services-details.html">Services Details</a>
</li>
<li>
<a href="services-details-two.html">Services Details Video</a>
</li>
</ul>
</li>
<!-- project menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Project</a>
<ul class="submenu last-children">
<li>
<a href="portfolio.html">Project</a>
</li>
<li>
<a href="portfolio-two.html">Project Two</a>
</li>
<li>
<a href="portfolio-three.html">Project Slider</a>
</li>
<li>
<a href="portfolio-details.html">Project Details</a>
</li>
<li>
<a href="portfolio-details-two.html">Project Details Video</a>
</li>
</ul>
</li>
<!-- page menu -->
<li class="menu-item-has-children rs-mega-menu">
<a href="javascript:void(0)">Pages</a>
<ul class="mega-menu mega-grid-two">
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 1</a>
<ul>
<li><a href="about.html">About Us</a></li>
<li><a href="mission-vision-history.html">Mission Vision History</a></li>
<li><a href="team.html">Our Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="pricing-plan.html">Pricing Plan</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 2</a>
<ul>
<li><a href="price-switcher.html">Price Switcher</a></li>
<li><a href="client.html">Our Client</a></li>
<li><a href="industry.html">Industry</a></li>
<li><a href="financial-services.html">Industrial Details</a></li>
<li><a href="appointment.html">Appointment</a></li>
<li><a href="career.html">Career</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 3</a>
<ul>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="sign-up.html">Register</a></li>
<li><a href="shop.html">Shop</a></li>
<li><a href="shop-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart</a></li>
</ul>
</li>
<li class="rs-menu-item">
<a href="#" class="title">Page Layout 4</a>
<ul>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="privacy-policy.html">Privacy & Policy</a></li>
<li><a href="terms-conditions.html">Terms & Condition</a></li>
<li><a href="forgot.html">Forgot Password</a></li>
<li><a href="error-page.html">404 Error</a></li>
</ul>
</li>
<li class="rs-mega-menu-right">
<h6 class="mega-menu-title"><a href="#">Let's Talk Business</a></h6>
<p class="rs-mega-menu-desc">Position your agency as the bridge between.</p>
<div class="rs-mega-menu-btn">
<a class="rs-btn has-icon has-text" href="#">Get Free Quote
<span class="icon-box">
<svg class="icon-first" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white"></path>
</svg>
<svg class="icon-second" width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0743 8.70831L0.916528 8.70831L0.916528 6.87526L12.0737 6.87461L7.15722 1.95816L8.45358 0.661793L15.5836 7.79179L8.45358 14.9218L7.15722 13.6254L12.0743 8.70831Z"
fill="white"></path>
</svg>
</span>
</a>
</div>
<div class="rs-mega-menu-thumb">
<a href="#" class="image-link">
<img src="assets/images/contact/contact-thumb-11.webp" alt="medium thumb">
</a>
</div>
</li>
</ul>
</li>
<!-- blog menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Blog</a>
<ul class="submenu last-children">
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="blog-sidebar.html">Blog Sidebar</a>
</li>
<li>
<a href="blog-details.html">Blog Details</a>
</li>
</ul>
</li>
<!-- contact menu -->
<li class="menu-item-has-children">
<a href="javascript:void(0)">Contact</a>
<ul class="submenu last-children">
<li>
<a href="contact.html">Contact</a>
</li>
<li>
<a href="contact-two.html">Contact Two</a>
</li>
</ul>
</li>
</ul>
</nav>
</div>
<div class="header-content">
<!-- hamburger start -->
<div class="header-hamburger d-xl-none">
<div class="sidebar-toggle is-transparent">
<a class="header-bar-icon" href="javascript:void(0)">
<span></span>
<span></span>
<span></span>
</a>
</div>
</div>
<!-- hamburger end -->
</div>
</div>
<div class="header-right">
<div class="rs-promo-wrapper rs-promo-one">
<span class="rs-promo-icon">
<svg xmlns="http://www.w3.org/2000/svg" width="6" height="11" viewBox="0 0 6 11"
fill="none">
<path
d="M0.50204 0.439454C0.811629 0.16438 1.28548 0.192407 1.56063 0.501954L5.56063 5.00195C5.81308 5.28608 5.81308 5.71392 5.56063 5.99805L1.56063 10.498C1.28548 10.8076 0.811629 10.8356 0.50204 10.5605C0.192493 10.2854 0.164466 9.81154 0.43954 9.50195L3.99618 5.5L0.43954 1.49805C0.164466 1.18846 0.192493 0.714606 0.50204 0.439454Z"
fill="#AB052D"></path>
</svg>
</span>
<div class="rs-promo-content">
<p> Facing Obstacles In Business Growth?
<a href="contact.html">Connect With Us For Guidance</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header area two end-->
<!-- Header area end -->
We've used the following fonts, free icons and plugins as listed:
Thank you for purchasing my template.
If you have any questions that are
beyond the scope of this help file, please feel free to open a new ticket at our
Support
forum
Update Change log View Changelog Here
If you need to theme customization or make custom theme or template. Please, you can contact us for this.
If you need to theme customization or make custom theme or template. Please, you can contact us for this.