Bustar Documentation


Welcome to Bustar ! Get familiar with the Stripe products and explore their features:

Well Documented

Well organized and easy to understand. You can any work by following our docs easily

Clean Code

Code is clean if it can be understood.Our code is more formatting for your website

Fully Responsive

Our Template is full Perfect for all device. You can visit our template all device easily.

Sass Available

The template has Sass available for css. You can Change and customize css by sass.

Speed Optimized

Bustar is faster loading speed. Bustar create your template so much faster and easier

24/7 Support

We are provide 24 hours support for all clients.You can purchase without hesitation.

Getting Started

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.

Bustar Core Features

  • HTML5 & CSS3
  • Responsive layout (desktops, tablets, mobile devices)
  • Built with Bootstrap v5.3.3
  • Well structured code
  • Contact Form Working
  • Typography
  • Sass Available
  • Retina Ready
  • UX/UI Ready
  • W3 Validation 100%
  • Fast Loading Speed
  • Cross Browser Support
  • Dedicated Support, Lifetime Updates
  • And much more …

What's Included

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:

  • Bustar Main Package: A .zip file with all .html files with all necessary assets for all versions(RTL Version Switcher).
  • RTL Package: A .zip file with all .html files with all necessary assets for RTL Version Only.
  • Documentation: An HTML format documentation.
  • Licensing.

How to Install Bustar Website Templates

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.

1. Editing Bustar Template

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.

2. Uploading to Live Server Using FTP:

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).

Package structure

3. Package comes with documentation unzip the download package, you’ll found a folder with all template files, like above screenshot.

File structure

4. Now, login to your hosting control panel or FTP client, such as: FileZilla, CyberDuck etc. and upload template files on your server root.

5. Once all files are uploaded, go to www.yoursite.com/index.html you can see your the homepage, make sure the initial page is named as index.html

HTML Structure

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.

Images
                                
                                <!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>
                                
                            

CSS Files and Structure

We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:

HTML Images
                                        
                                            /*----------------------------------------*/
                                            /*  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;
                                            }
                                        
                                    

JavaScript Files

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:

HTML Images
                                
                                    <!-- 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>
                                
                            

Change Contents

Changing Images

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>
                                                
                                            
HTML Images

You have to do the following to change this image with your own image:

  • Open the file called images.
  • Find the particular image file called banner-img.jpg
  • Replace the file with your image
  • Make sure that the file name does not change.

Changing Colors

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.

Changing default template colors

  • Open the _root.scss file from assets > scss > utils folder with a text-editor.
  • Change the right-side values of the variables to change any default colors of your site.
  • Save your file.

Have a look at the following image for a visual description:

Images

Header Types

Welcome to Bustar Header Elements! You can choose 2 Types of header package for creating you website.

01. Header Default

Images

                                                                
                                                                           <!-- 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 -->
                                                                
                                                            

02. Header Style 02

Images

                                                                    
                                                                           <!-- 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 -->
                                                                
                                                      

Button Style

Welcome to Bustar Button You can select any button & customize easily and build your website.

Default Button

Button HTML Code

                                                
                                                <a class="rs-btn has-icon" 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>
                                                
                                            

Sources and Credits

We've used the following fonts, free icons and plugins as listed:

Youtube Channel

While it's always better to host your videos on a video sharing website, but we provided a sample for you to include local videos in your pages.

preview

Support

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

Dedicated Support

Change Log

Update Change log View Changelog Here

Need to custom work.

If you need to theme customization or make custom theme or template. Please, you can contact us for this.

need to custom work.

If you need to theme customization or make custom theme or template. Please, you can contact us for this.

Purchase Now