Corebiz logo
  • Request Support
  • Awesome template
  • Purchase Now

Corebiz Navigation

  • CorebizGetting Started
    • What's Included
    • How to Install Corebiz Website Templates
  • briefcaseTemplate Structures
    • HTML Structure
    • CSS Files and Structure
    • Javascript Files
  • CorebizChange Contents
    • Changing Images
    • Changing Brand Logo
    • Changing Colors
    • Changing Email Settings of the Contact Form
  • CorebizHeader
    • Header Default
    • Header Transparent
    • Header With Topbar
    • Header with center navigation
  • CorebizElements
    • Button
    • Badge
    • Accordion
    • Brand
    • Counter
    • Social
    • Progressbar
    • Callto Action
    • Blockquote
    • Instagram
  • CorebizFooter
    • Footer Default
    • Footer Two
    • Footer Three
  • CorebizSources and Credits
  • CorebizChange Log
  • CorebizSupport

Corebiz Documentation


Welcome to Corebiz! Get familiar with the template structure and explore its features:

Corebiz
Working with Doc

You can any work by following our docs

Corebiz
Formatting Content

Our content is more formating for your website

Corebiz
Perfect Responsive

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

Corebiz
Sass Available

The tamplate has Sass available for css. You can Change css by sass

Corebiz
Fast Loading Speed

Corebiz offers faster loading speed. Corebiz helps you build your template so much faster

Corebiz
24 Support System

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

Getting Started

Welcome to Corebiz! Get familiar with the template structure and explore its features:

Use Corebiz as your next-gen all-in-one Business & Corporate Agency Bootstrap5 Template. It comes with HTML5 and Bootstrap5. We built a component-based and developer-friendly modern template with a clean design and faster loading HTML pages. It includes Main Business, Startup Agency, Law Firm, Insurance, IT Solutions, Event Management, Financial Advisor, Healthcare, Business Consulting, Corporate Business, and other needed inner or detail pages.

Corebiz Core Features

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

What's Included

After purchasing Corebiz template on templateforest.net with your Envato account, go to your Download page. You can choose to download Corebiz template only or the entire Corebiz template package which contains the following files:

  1. Corebiz template: A .zip file with all .html files with all necessary assets.
  2. Documentation: An HTML format documentation.
  3. Licensing.

How to Install Corebiz Website Templates

Installing a Corebiz template is not like WordPress or CMS theme installation. Actually, the installation keyword does not apply to a Corebiz template. Why? Because you don’t install anything — Corebiz HTML templates are automatically rendered by the browser.

1. Editing Corebiz 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.

Step - 1: To switch logo:

Home Page
                                                
                                                    <div class="rbt-header-info">
                                                        <div class="rbt-logo">
                                                            <a> href="/index.html">
                                                                <img class="d-none d-md-inline-block" src="assets/images/logo/logo-with-black-text.png" alt="Logo">
                                                            </a>
                                                            <a> href="/index.html">
                                                                <img class="d-md-none" src="assets/images/logo/logo.svg" alt="Logo">
                                                            </a>
                                                        </div>
                                                    </div>
                                                
                                            

4. Uploading to Live Server Using FTP:

First of all, If you don’t have your template on your computer, download Corebiz template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).

Home Page

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

Home Page

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

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

Template Structures

Articles

  • HTML Structure
  • CSS Files and Structure
  • JavaScript Files

HTML Structure

This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into differt 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 lang="en">
                                                    <head>
                                                        <meta charset="utf-8">
                                                        <meta http-equiv="x-ua-compatible" content="ie=edge">
                                                        <title>Home Page - Corebiz</title>
                                                        <meta name="robots" content="noindex, follow">
                                                        <meta name="description" content="">
                                                        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

                                                        <!-- Favicon -->
                                                        <link rel="shortcut icon" type="iamge/x-icon" href="assets/images/favicon.webp">

                                                        <!-- All CSS Here
                                                        ============================================ -->
                                                        <link rel="stylesheet" href="assets/css/plugins/fontawesome-all.min.css">
                                                        <link rel="stylesheet" href="assets/css/plugins/bootstrap.min.css">
                                                        <link rel="stylesheet" href="assets/css/plugins/bootstrap-select.min.css">
                                                        <link rel="stylesheet" href="assets/css/plugins/swiper-bundle.min.css">
                                                        <link rel="stylesheet" href="assets/css/plugins/odometer.css">
                                                        <link rel="stylesheet" href="assets/css/plugins/fancybox.css">

                                                        <link rel="stylesheet" href="assets/css/style.css">
                                                    </head>

                                                    <body>
                                                        
                                                        <!-- JS
                                                    ============================================ -->
                                                        <script src="assets/js/vendor/jquery.js"></script>
                                                        <script src="assets/js/vendor/popper.min.js"></script>
                                                        <script src="assets/js/vendor/bootstrap.min.js"></script>
                                                        <script src="assets/js/vendor/bootstrap-select.min.js"></script>
                                                        <script src="assets/js/vendor/swiper-bundle.min.js"></script>
                                                        <script src="assets/js/vendor/paralax-scroll.js"></script>
                                                        <script src="assets/js/vendor/paralax.min.js"></script>
                                                        <script src="assets/js/vendor/odometer.js"></script>
                                                        <script src="assets/js/vendor/jquery-appear.js"></script>
                                                        <script src="assets/js/vendor/jquery-ui.js"></script>
                                                        <script src="assets/js/vendor/fancybox.umd.js"></script>
                                                        <script src="assets/js/vendor/gsap.min.js"></script>
                                                        <script src="assets/js/vendor/scroll-trigger.min.js"></script>
                                                        <script src="assets/js/vendor/split-text.js"></script>
                                                        <script src="assets/js/vendor/vanilla-tilt.min.js"></script>
                                                        <script src="assets/js/vendor/backtotop.js"></script>
                                                        <script src="assets/js/vendor/jquery-one-page-nav.js"></script>
                                                        <!-- main js -->
                                                        <script src="assets/js/main.js"></script>
                                                    </body>
                                                </html>
                                            
                                        

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
                                            
                                                /*********************************************************************************
                                                  Template Name: Corebiz - Business & Corporate Agency Bootstrap5 Template
                                                  Description: A perfect template for business, corporate, and agency websites. It comes with a nice and clean design.
                                                  Note: This is style css.
                                                **********************************************************************************/
                                                /**************************************************************
                                                  STYLESHEET INDEXING
                                                  |
                                                  |
                                                  |___ Default Styles
                                                  | |
                                                  | |___ variables
                                                  | |___ mixins
                                                  | |___ reset
                                                  | |___ typography
                                                  | |___ extend
                                                  | |___ shortcode
                                                  | |___ spacing
                                                  | |___ forms
                                                  | |___ common
                                                  | |___ utilize
                                                  | |___ cursor-anim
                                                  |
                                                  |
                                                  |___Header Styles
                                                  | |___ nav
                                                  | |___ header
                                                  | |___ header-common
                                                  | |___ mobilemenu
                                                  | |___ offcanvas/offcanvas
                                                  |
                                                  |
                                                  |___Elements Styles
                                                  | |___ style-guide
                                                  | |___ section-title
                                                  | |___ button
                                                  | |___ advantage
                                                  | |___ tabs
                                                  | |___ list-style
                                                  | |___ avatar
                                                  | |___ tooltip
                                                  | |___ animation
                                                  | |___ campaign
                                                  | |___ category
                                                  | |___ social-share
                                                  | |___ sidebar
                                                  | |___ card
                                                  | |___ case
                                                  | |___ blog
                                                  | |___ filter
                                                  | |___ gallery
                                                  | |___ pagination
                                                  | |___ badge
                                                  | |___ testimonial
                                                  | |___ swiper
                                                  | |___ banner
                                                  | |___ call-to-action
                                                  | |___ section-common
                                                  | |___ about-us
                                                  | |___ newsletter
                                                  | |___ meta
                                                  | |___ purchase-table
                                                  | |___ accordion
                                                  | |___ counter
                                                  | |___ timeline
                                                  | |___ contact
                                                  | |___ project-showcase
                                                  | |___ overlap-layout
                                                  | |___ select-style
                                                  | |___ insta
                                                  | |___ fancybox-style
                                                  | |___ back-to-top
                                                  | |___ footer
                                                |
                                                |
                                                  |___Others styles
                                                  | |___ others
                                                  |
                                                  |
                                                  |___ END STYLESHEET INDEXING
                                                ***************************************************************/
                                            
                                        

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

Change Contents

  • Changing Images
  • Changing Brand Logo
  • Changing Email Settings of the Contact Form

Changing Images

To change any images of the website

  1. Carefully collect the source name of the image (i.e. banner-img.jpg)
  2. Open the file called images.
  3. Find the particular image file.
  4. Replace the file with your image.
  5. Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file:

                                                    
                                                        <div class="logo">
                                                            <a href="index.html">
                                                                <img src="assets/images/logo/logo-with-black-text.png" alt="Corebiz Logo">
                                                            </a>
                                                        </div>
                                                    
                                                
HTML Images

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

  1. Open the file called images.
  2. Find the particular image file called banner-img.jpg
  3. Replace the file with your image
  4. Make sure that the file name does not change.
Note

Images seen in the live preview are only set for preview purposes. They are not included in the download files.

Changing Brand Logo

To change any images of the website
  1. Carefully collect the source name of the image (i.e. banner-img.jpg)
  2. Open the file called images.
  3. Find the particular image file.
  4. Replace the file with your image.
  5. Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file for change your logo:

                                                    
                                                        <div class="logo">
                                                            <a href="index.html">
                                                                <img src="assets/images/logo/logo-with-black-text.png" alt="Corebiz Logo">
                                                            </a>
                                                        </div>
                                                    
                                                
HTML Images

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

Changing default template colors

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

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

Images

Header Types

Welcome to Corebiz Header Elements! You can choose 8 types of header packages for creating your website.

01. Header Default

To change any images of the website

Images

                                                    
                                                        <header class="rbt-header-style-1 ">
                                                            <div class="rbt-header-top-bg rbt-header-top d-none d-lg-block">
                                                                <div class="container">
                                                                    <div class="d-flex justify-content-between align-items-center">
                                                                        <div class="rbt-header-left">
                                                                            <div class="rbt-header-content">
                                                                                <div class="rbt-header-info">
                                                                                    <!-- Topbar left side content -->
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="rbt-header-right">
                                                                            <div class="rbt-header-content">
                                                                                <div class="rbt-header-info">
                                                                                    <!-- Lang Switcher -->
                                                                                </div>
                                                                                <div class="rbt-separator-vertical rbt-bg-white-opacity-200"></div>
                                                                                <div class="rbt-header-info">
                                                                                    <!-- Social List -->
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="rbt-header-bg-1">
                                                                <div class="container">
                                                                    <div class="rbt-header-mainbar">
                                                                        <div class="rbt-header-left">
                                                                            <div class="rbt-header-content">
                                                                                <div class="rbt-header-info">
                                                                                <!-- Logo Here -->
                                                                                </div>
                                                                                <div class="rbt-header-info rbt-separator-vertical rbt-bg-primary-500 d-none d-xl-block"></div>
                                                                                <nav>
                                                                                    <ul class="rbt-mainmenu  d-none d-xl-flex">
                                                                                        <!-- Navigations Here -->
                                                                                    </ul>
                                                                                </nav>
                                                                            </div>
                                                                        </div>
                                                                        <div class="rbt-header-right">
                                                                            <div class="rbt-header-content">
                                                                                <div class="rbt-header-info d-none d-xxl-inline-block has-vibrate-body">
                                                                                    <!-- Quick Actions -->
                                                                                </div>
                                                                                <div class="rbt-hamberger d-xl-none">
                                                                                    <!-- Hamberger For Mobile Menu -->
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="rbt-bg-primary-100 rbt-header-sticky">
                                                                <div class="container">
                                                                    <!-- Common Sticky Header -->
                                                                </div>
                                                            </div>
                                                        </header>
                                                    
                                                

02. Header Transparent

To change any images of the website

Images

                                                    
                                                        <header>
                                                        <div class=" rbt-header-style-6">
                                                            <div class="rbt-wider-section">
                                                                <div class="rbt-header-mainbar">
                                                                    <div class="rbt-header-left">
                                                                        <div class="rbt-header-content">
                                                                            <div class="rbt-header-info">
                                                                                <!-- Logo Here -->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="rbt-header-middle">
                                                                        <div class="rbt-header-content">
                                                                            <div class="rbt-nav-wrapper d-none d-xl-block">
                                                                                <nav>
                                                                                    <ul class="rbt-mainmenu  d-none d-xl-flex">
                                                                                        <!-- Navigations Here -->
                                                                                    </ul>
                                                                                </nav>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="rbt-header-right">
                                                                        <div class="rbt-header-content">
                                                                            <div class="rbt-header-info d-none d-lg-inline-block me-0 me-xxl-3">
                                                                                <div class="d-flex rbt-gap-10">
                                                                                    <div class="rbt-quick-contact d-none d-lg-flex">
                                                                                        <!-- Quick Action -->
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                            <div
                                                                                class="rbt-hamberger rbt-hamberger-lg rbt-hamberger-white rbt-open-offcanvas rbt-menu-panel-activation d-none d-xl-block">
                                                                                <button class="rbt-sidebar-btn">
                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                                                        fill="none" stroke="var(--color-black)" stroke-width="2" stroke-linecap="round"
                                                                                        stroke-linejoin="round" class="lucide lucide-menu">
                                                                                        <line x1="4" x2="20" y1="12" y2="12" />
                                                                                        <line x1="4" x2="20" y1="6" y2="6" />
                                                                                        <line x1="4" x2="20" y1="18" y2="18" />
                                                                                    </svg>
                                                                                </button>
                                                                            </div>
                                                                            <div class="rbt-hamberger d-xl-none">
                                                                                <!-- Hamberger For Mobile Menu -->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

                                                        <div class="rbt-bg-primary-100 bg-transparent shadow-none rbt-header-sticky">
                                                            <div class="container">
                                                                <!-- Common Sticky Header -->
                                                            </div>
                                                        </div>
                                                    </header>
                                                    
                                                

03. Header With Topbar

Header with topbar and navigation menu to change your header area.

Images

                                                    
                                                        <header>
                                                            <!-- Topbar Start -->
                                                            <div class="rbt-header-top-bg rbt-header-top d-none d-lg-block">
                                                                <div class="rbt-wider-section">
                                                                    <div class="d-flex justify-content-between align-items-center">
                                                                        <div class="rbt-header-left">
                                                                            <div class="rbt-header-content">
                                                                                <div class="rbt-header-info">
                                                                                    <ul class="rbt-info-list">
                                                                                        <!-- Topbar Left Side Content -->
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="rbt-header-right">
                                                                            <div class="rbt-header-content">
                                                                                <div class="rbt-header-info">
                                                                                    <!-- Lang switcher -->
                                                                                </div>
                                                                                <div class="rbt-separator-vertical rbt-bg-white-opacity-200"></div>
                                                                                <div class="rbt-header-info">
                                                                                    <!-- Social List -->
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- Topbar Start -->

                                                            <div class=" rbt-header-style-3">
                                                                <div class="rbt-wider-section">
                                                                    <div class="rbt-header-mainbar">
                                                                        <!-- Header Content -->
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="rbt-bg-primary-100 rbt-header-sticky">
                                                                <div class="container">
                                                                    <!-- Common Sticky Header -->
                                                                </div>
                                                            </div>
                                                        </header>
                                                    
                                                

04. Header With Center Navigation

Header with ceneter navigation menu to change your header area.

Images

                                                    
                                                        <header>
                                                            <div class="container rbt-header-style-2">
                                                                <div class="rbt-header-mainbar rbt-header-bg-2 rbt-radius-md d-none d-xl-flex">
                                                                    <div class="rbt-header-left">
                                                                        <div class="rbt-header-content">
                                                                            <div class="rbt-header-info">
                                                                                <ul class="rbt-info-list has-text-md rbt-text-body">
                                                                                    <!-- Topbar: Left side content info list -->
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="rbt-header-middle">
                                                                        <div class="rbt-header-content">
                                                                            <div class="rbt-header-info">
                                                                                <!-- Topbar: Logo -->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="rbt-header-right">
                                                                        <div class="rbt-header-content">
                                                                            <div class="rbt-header-info">
                                                                                <ul class="rbt-dropdown-menu">
                                                                                <!-- Topbar: Lang Switcher -->
                                                                                </ul>
                                                                            </div>
                                                                            <div class="rbt-separator separator-dark"></div>
                                                                            <div class="rbt-header-info">
                                                                                <ul class="rbt-social rbt-social-transparent rbt-text-body hover-color-primary">
                                                                                <!-- Topbar: Social list -->
                                                                                </ul>
                                                                            </div>
                                                                            <div class="rbt-hamberger d-xl-none">
                                                                                <button class="rbt-hamberger-btn rbt-bg-gray-light">
                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                                                                                        fill="none" stroke="var(--color-black)" stroke-width="2" stroke-linecap="round"
                                                                                        stroke-linejoin="round" class="lucide lucide-menu">
                                                                                        <line x1="4" x2="20" y1="12" y2="12"></line>
                                                                                        <line x1="4" x2="20" y1="6" y2="6"></line>
                                                                                        <line x1="4" x2="20" y1="18" y2="18"></line>
                                                                                    </svg>
                                                                                </button>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- header-mainbar-second -->
                                                                <div class="rbt-header-mainbar">
                                                                    <div class="rbt-header-left d-flex align-items-center">
                                                                        <ul class="rbt-quick-access d-none d-xl-flex">
                                                                            <!-- Quick Access Button -->
                                                                        </ul>
                                                                        <div class="rbt-header-info">
                                                                            <!-- Logo -->
                                                                        </div>
                                                                    </div>
                                                                    <div class="rbt-header-middile">
                                                                        <nav>
                                                                            <ul class="rbt-mainmenu  d-none d-xl-flex">
                                                                                <!-- Navigations -->
                                                                            </ul>
                                                                        </nav>
                                                                    </div>
                                                                    <div class="rbt-header-right d-flex">
                                                                        <div class="rbt-header-content">
                                                                            <div class="rbt-header-info me-0">
                                                                                <!-- Quick Access Button -->
                                                                            </div>
                                                                        </div>
                                                                        <div class="rbt-hamberger d-xl-none">
                                                                            <!-- Hamberger For Mobile Menu -->
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <div class="rbt-bg-primary-100 rbt-header-sticky">
                                                                <div class="container">
                                                                    <!-- Common Sticky Header -->
                                                                </div>
                                                            </div>
                                                        </header>
                                                    
                                                

All Elemnts and Shortcode Types


Welcome to Corebiz Elements and Shortcode! You can select any elements & shortcode and customize easily and build your website.

Buttons

This the button classes on an <a> and <button> element and create various button.

Images

                                                    
                                                        <!-- Start Solid Buttons  -->
                                                        <a class="rbt-btn rbt-btn-xl" href="#">Solid XL</a>
                                                        <a class="rbt-btn rbt-btn-lg" href="#">Solid LG</a>
                                                        <a class="rbt-btn rbt-btn-md" href="#">Solid MD</a>
                                                        <a class="rbt-btn rbt-btn-sm" href="#">Solid SM</a>
                                                        <a class="rbt-btn rbt-btn-xm" href="#">Solid XM</a>
                                                        <!-- End Solid Buttons  -->

                                                        <!-- Start Outline Buttons  -->
                                                        <a class="rbt-btn rbt-btn-outline-solid rbt-btn-xl" href="#">Solid XL</a>
                                                        <a class="rbt-btn rbt-btn-outline-solid rbt-btn-lg" href="#">Solid LG</a>
                                                        <a class="rbt-btn rbt-btn-outline-solid rbt-btn-md" href="#">Solid MD</a>
                                                        <a class="rbt-btn rbt-btn-outline-solid rbt-btn-sm" href="#">Solid SM</a>
                                                        <a class="rbt-btn rbt-btn-outline-solid rbt-btn-xm" href="#">Solid XM</a>
                                                        <!-- End Outline Buttons  -->
                                                    
                                                


Images

                                                    
                                                        <!-- Start Solid Buttons  -->
                                                        <a class="rbt-btn rbt-btn-split-2 rbt-btn-xl rbt-btn-gradient" href="#">
                                                            <div class="inner">
                                                                <span class="default-text"><span>Explore more</span></span>
                                                                <span class="hover-text"><span>Explore more</span></span>
                                                            </div>
                                                        </a>
                                                        .......
                                                        <!-- Start Solid Buttons  -->

                                                        <!-- Start Outline Buttons  -->
                                                        <a class="rbt-btn rbt-btn-split-2 rbt-btn-xl rbt-btn-outline" href="#">
                                                            <div class="inner">
                                                                <span class="default-text"><span>Explore more</span></span>
                                                                <span class="hover-text"><span>Explore more</span></span>
                                                            </div>
                                                        </a>
                                                        .......
                                                        <!-- Start Outline Buttons  -->
                                                    
                                                


Note

For more demo examples, you can check our Corebiz button.html page.

Badge

This the button classes on an <span> or <a> element and create various badge.

Images

                                                    
                                                        <!-- Start Badge  -->
                                                        <div class="rbt-badge">
                                                            <span class="rbt-badge-text rbt-gradient-text">
                                                                Rainbow Themes
                                                            </span>
                                                        </div>

                                                        <div class="rbt-badge rbt-badge-2">
                                                            <span>
                                                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none">
                                                                    <path d="M11.9126 0.534393L4.93674 0.901545C4.69197 0.901544 4.488 1.02393 4.40641 1.2687C4.32482 1.51346 4.36561 1.71744 4.52879 1.88062L6.60932 3.96114L0.898071 9.67239C0.653304 9.91716 0.653304 10.2435 0.898072 10.4883L2.52986 12.1201C2.77462 12.3648 3.10098 12.3648 3.34575 12.1201L9.057 6.40882L11.1375 8.48935C11.3007 8.65252 11.5455 8.73411 11.7494 8.61173C11.831 8.61173 11.9126 8.53014 11.9534 8.48935C12.035 8.40776 12.1166 8.24458 12.1166 8.0814L12.4837 1.10552C12.4837 0.94234 12.4022 0.779161 12.3206 0.697572C12.1982 0.575188 12.035 0.493599 11.9126 0.534393ZM3.75369 10.0803L3.34575 10.4883L2.52986 9.67239L2.9378 9.26444L3.75369 10.0803ZM11.0151 6.73518L9.46494 5.18498C9.22017 4.94021 8.89382 4.94021 8.64905 5.18498L4.16164 9.67239L3.34575 8.8565L7.83316 4.36909C8.07792 4.12432 8.07792 3.79796 7.83316 3.5532L6.28296 2.003L11.3007 1.71744L11.0151 6.73518Z" fill="currentColor"></path>
                                                                </svg>
                                                            </span>
                                                            Rainbow Themes
                                                        </div>

                                                        <div class="rbt-badge rbt-badge-4 b5">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none">
                                                                <path d="M4.99999 0.117188L6.3914 3.54411L10 3.05836L7.78281 5.99954L10 8.94072L6.3914 8.45495L4.99999 11.8819L3.60858 8.45495L0 8.94072L2.21716 5.99954L0 3.05836L3.60858 3.54411L4.99999 0.117188Z" fill="currentColor"></path>
                                                            </svg>
                                                            RAINBOW THEMES
                                                        </div>

                                                        <div class="rbt-badge rbt-badge-6">
                                                            <span class="rbt-badge-text rbt-gradient-text">
                                                                Rainbow Themes
                                                            </span>
                                                        </div>
                                                        <!-- End Badge  -->
                                                    
                                                
Note

For more demo examples, you can check our Corebiz badge.html page.

Accordion

Extend the default collapse behavior to create an accordion with the panel component see the code for better understanding

Images

                                                    
                                                        <!-- accordion start -->
                                                        <div class="accordion rbt-accordion" id="accordion-example-1">
                                                            <div class="accordion-item">
                                                                <h6 class="accordion-header">
                                                                    <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                                                        data-bs-target="#rbt-accordion-id-01" aria-expanded="true" aria-controls="rbt-accordion-id-01">
                                                                        <span>
                                                                            <span> class="color-body mr--10">1.</span>
                                                                            What is Corebiz? How does it work?
                                                                        </span>
                                                                        <span class="rbt-accordion-arrow">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
                                                                                <path d="M5 0V2H11.59L0 13.59L1.41 15L13 3.41V10H15V0H5Z" fill="url(#rbt-svg-gradient-35)" />
                                                                                <defs>
                                                                                    <linearGradient id="rbt-svg-gradient-35" x1="7.5" y1="0" x2="7.5" y2="15"
                                                                                        gradientUnits="userSpaceOnUse">
                                                                                        <stop offset="0" stop-color="var(--color-secondary-alt)" />
                                                                                        <stop offset="1" stop-color="var(--color-primary)" />
                                                                                    </linearGradient>
                                                                                </defs>
                                                                            </svg>
                                                                        </span>
                                                                    </button>
                                                                </h6>
                                                                <div id="rbt-accordion-id-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-example-1">
                                                                    <div class="accordion-body">
                                                                        <div class="mt--10">
                                                                            <p>Corebiz is a multipurpose static HTML business website template, not a working SaaS platform or
                                                                                business-management system.</p>
                                                                            <p>It is designed for organizations such as:</p>
                                                                            <ul>
                                                                                <li>Consulting and corporate firms</li>
                                                                                <li>Startups and agencies</li>
                                                                                <li>IT and financial-service companies</li>
                                                                                <li>Insurance, healthcare, legal, and event businesses</li>
                                                                            </ul>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="accordion-item">
                                                                <h6 class="accordion-header">
                                                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                                        data-bs-target="#rbt-accordion-id-02" aria-expanded="false" aria-controls="rbt-accordion-id-02">
                                                                        <span>
                                                                            <span> class="color-body mr--10">2.</span>
                                                                            How can I get the customer support?
                                                                        </span>
                                                                        <span class="rbt-accordion-arrow">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
                                                                                <path d="M5 0V2H11.59L0 13.59L1.41 15L13 3.41V10H15V0H5Z" fill="url(#rbt-svg-gradient-36)" />
                                                                                <defs>
                                                                                    <linearGradient id="rbt-svg-gradient-36" x1="7.5" y1="0" x2="7.5" y2="15"
                                                                                        gradientUnits="userSpaceOnUse">
                                                                                        <stop offset="0" stop-color="var(--color-secondary-alt)" />
                                                                                        <stop offset="1" stop-color="var(--color-primary)" />
                                                                                    </linearGradient>
                                                                                </defs>
                                                                            </svg>
                                                                        </span>
                                                                    </button>
                                                                </h6>
                                                                <div id="rbt-accordion-id-02" class="accordion-collapse collapse" data-bs-parent="#accordion-example-1">
                                                                    <div class="accordion-body">
                                                                        <p class="mt--10">
                                                                            After purchasing the product need you any support you can be share with
                                                                            us with sending mail to <a>. href="mailto:rainbowit10@gmail.com">rainbowit10@gmail.com</a>.
                                                                        </p>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- accordion end -->
                                                    
                                                
Note

For more demo examples, you can check our Corebiz accordion.html page.

Clients

Showcase of clients logos or images. See below image and code for more information.

Images

                                                    
                                                        <!-- Start Clients  -->
                                                        <div class="swiper rbt-swiper-activation-2">
                                                            <div class="swiper-wrapper">
                                                                <div class="swiper-slide rbt-slide-up">
                                                                    <a href="#" class="rbt-brand-single">
                                                                        <div class="brand-inner">
                                                                            <svg class="brand-default-logo" xmlns="http://www.w3.org/2000/svg" width="140" height="55"
                                                                                viewBox="0 0 140 55" fill="none">
                                                                                <path
                                                                                    d="M0.522461 13.9549H10.6025C17.0366 13.9549 21.1115 19.1339 21.1115 26.255C21.1115 30.1392 19.8246 33.5918 17.251 35.7495C15.5353 37.2601 13.176 38.1233 10.1735 38.1233H0.522461V13.9549ZM9.85184 33.9153C14.4629 33.9153 16.1787 31.1101 16.1787 26.3628C16.1787 21.6156 14.1412 18.2707 9.95905 18.2707H5.348V34.0232H9.85184V33.9153ZM21.8619 29.4918C21.8619 24.3128 25.508 20.3207 30.8697 20.3207C36.2315 20.3207 39.8773 24.3128 39.8773 29.4918C39.8773 34.6706 36.2315 38.6628 30.8697 38.6628C25.508 38.6628 21.8619 34.5627 21.8619 29.4918ZM35.1591 29.4918C35.1591 26.1469 33.5507 23.7733 30.7624 23.7733C27.9743 23.7733 26.3659 26.0391 26.3659 29.4918C26.3659 32.9442 27.8671 35.1022 30.7624 35.1022C33.6577 35.1022 35.1591 32.8364 35.1591 29.4918ZM40.7352 29.4918C40.7352 24.3128 44.0596 20.3207 49.314 20.3207C53.8177 20.3207 56.4986 22.9102 57.1421 26.6865H52.6382C52.3166 25.176 51.1369 23.9892 49.5283 23.9892C46.7404 23.9892 45.3463 26.1469 45.3463 29.4918C45.3463 32.7286 46.633 34.9943 49.4212 34.9943C51.2441 34.9943 52.531 34.0232 52.8527 32.0812H57.3566C57.0347 35.7495 54.2468 38.6628 49.6357 38.6628C44.1668 38.5549 40.7352 34.5627 40.7352 29.4918ZM69.3668 38.1233V36.0732H69.2594C68.0799 37.6917 66.7932 38.5549 64.3267 38.5549C60.4663 38.5549 58.3216 36.0732 58.3216 32.2969V20.7523H62.8255V31.5417C62.8255 33.5918 63.6833 34.6706 65.7208 34.6706C67.8654 34.6706 69.1522 33.0523 69.1522 30.7865V20.7523H73.7635V38.0155H69.3668V38.1233ZM95.9608 14.0629H100.572V18.3787H95.9608V14.0629ZM95.9608 20.7523H100.572V38.0155H95.9608V20.7523ZM102.395 38.5549H106.899C107.22 39.6337 108.293 40.4969 110.33 40.4969C112.904 40.4969 114.19 39.2022 114.19 36.9365V34.9943H114.083C113.119 36.1811 111.725 37.0442 109.58 37.0442C105.72 37.0442 101.966 34.0232 101.966 28.7365C101.966 23.5576 105.076 20.3207 109.365 20.3207C111.51 20.3207 113.119 21.1838 114.083 22.5865H114.19V20.7523H118.587V36.7206C118.587 39.2022 117.836 40.8206 116.55 42.0073C115.156 43.41 112.904 43.9496 110.33 43.9496C105.826 43.9496 102.931 42.0073 102.395 38.5549ZM114.512 28.6286C114.512 26.1469 113.117 23.9892 110.438 23.9892C108.078 23.9892 106.577 25.8233 106.577 28.7365C106.577 31.6496 108.078 33.3759 110.438 33.3759C113.333 33.3759 114.512 31.218 114.512 28.6286ZM125.128 23.126C126.415 21.2918 128.024 20.3207 130.276 20.3207C133.815 20.3207 136.173 23.0181 136.173 26.7943V38.1233H131.562V27.5497C131.562 25.7155 130.49 24.4207 128.56 24.4207C126.522 24.4207 125.02 26.0391 125.02 28.4127V38.2312H120.624V20.968H125.128V23.126ZM85.5588 23.5576C82.0205 22.8023 80.412 22.1549 80.412 20.2129C80.412 18.4866 82.1274 17.4076 84.7011 17.4076C87.0605 17.4076 88.8835 18.4866 89.3123 20.7523H94.0303C93.4946 16.1129 90.0631 13.5234 84.7011 13.5234C79.3399 13.5234 75.4788 16.0049 75.4788 20.7523C75.4788 25.8233 79.4467 26.9023 83.7359 27.8732C87.3818 28.7365 89.6336 29.1679 89.6336 31.5417C89.6336 33.8075 87.4894 34.6706 85.0224 34.6706C81.5917 34.6706 79.9832 33.4838 79.6612 30.5706H74.9432C75.1576 35.6418 78.8035 38.5549 85.3444 38.5549C90.7064 38.5549 94.6743 35.8573 94.6743 30.8943C94.5667 25.8233 90.492 24.6366 85.5588 23.5576ZM138.103 23.9892C137.139 23.9892 136.28 23.126 136.28 22.1549C136.28 21.1838 137.139 20.3207 138.103 20.3207C139.069 20.3207 139.927 21.1838 139.927 22.1549C139.927 23.126 139.069 23.9892 138.103 23.9892ZM138.103 20.6443C137.246 20.6443 136.603 21.2918 136.603 22.1549C136.603 23.0181 137.246 23.6655 138.103 23.6655C138.961 23.6655 139.605 23.0181 139.605 22.1549C139.605 21.2918 138.961 20.6443 138.103 20.6443Z"
                                                                                    fill="currentColor" />
                                                                                <path
                                                                                    d="M137.462 21.1836H138.105C138.32 21.1836 138.533 21.1836 138.641 21.2915C138.748 21.3993 138.856 21.5074 138.856 21.7231C138.856 22.0468 138.641 22.1547 138.533 22.2626L138.964 23.0177H138.533L138.213 22.3704H137.784V23.0177H137.462V21.1836ZM137.784 21.5074V22.0468H138.105C138.213 22.0468 138.427 22.0468 138.427 21.7231C138.427 21.7231 138.427 21.5074 138.32 21.5074H137.784Z"
                                                                                    fill="currentColor" />
                                                                            </svg>
                                                                            <svg class="brand-hover-logo" xmlns="http://www.w3.org/2000/svg" width="140" height="55"
                                                                                viewBox="0 0 140 55" fill="none">
                                                                                <path
                                                                                    d="M0.522461 13.9549H10.6025C17.0366 13.9549 21.1115 19.1339 21.1115 26.255C21.1115 30.1392 19.8246 33.5918 17.251 35.7495C15.5353 37.2601 13.176 38.1233 10.1735 38.1233H0.522461V13.9549ZM9.85184 33.9153C14.4629 33.9153 16.1787 31.1101 16.1787 26.3628C16.1787 21.6156 14.1412 18.2707 9.95905 18.2707H5.348V34.0232H9.85184V33.9153ZM21.8619 29.4918C21.8619 24.3128 25.508 20.3207 30.8697 20.3207C36.2315 20.3207 39.8773 24.3128 39.8773 29.4918C39.8773 34.6706 36.2315 38.6628 30.8697 38.6628C25.508 38.6628 21.8619 34.5627 21.8619 29.4918ZM35.1591 29.4918C35.1591 26.1469 33.5507 23.7733 30.7624 23.7733C27.9743 23.7733 26.3659 26.0391 26.3659 29.4918C26.3659 32.9442 27.8671 35.1022 30.7624 35.1022C33.6577 35.1022 35.1591 32.8364 35.1591 29.4918ZM40.7352 29.4918C40.7352 24.3128 44.0596 20.3207 49.314 20.3207C53.8177 20.3207 56.4986 22.9102 57.1421 26.6865H52.6382C52.3166 25.176 51.1369 23.9892 49.5283 23.9892C46.7404 23.9892 45.3463 26.1469 45.3463 29.4918C45.3463 32.7286 46.633 34.9943 49.4212 34.9943C51.2441 34.9943 52.531 34.0232 52.8527 32.0812H57.3566C57.0347 35.7495 54.2468 38.6628 49.6357 38.6628C44.1668 38.5549 40.7352 34.5627 40.7352 29.4918ZM69.3668 38.1233V36.0732H69.2594C68.0799 37.6917 66.7932 38.5549 64.3267 38.5549C60.4663 38.5549 58.3216 36.0732 58.3216 32.2969V20.7523H62.8255V31.5417C62.8255 33.5918 63.6833 34.6706 65.7208 34.6706C67.8654 34.6706 69.1522 33.0523 69.1522 30.7865V20.7523H73.7635V38.0155H69.3668V38.1233ZM95.9608 14.0629H100.572V18.3787H95.9608V14.0629ZM95.9608 20.7523H100.572V38.0155H95.9608V20.7523ZM102.395 38.5549H106.899C107.22 39.6337 108.293 40.4969 110.33 40.4969C112.904 40.4969 114.19 39.2022 114.19 36.9365V34.9943H114.083C113.119 36.1811 111.725 37.0442 109.58 37.0442C105.72 37.0442 101.966 34.0232 101.966 28.7365C101.966 23.5576 105.076 20.3207 109.365 20.3207C111.51 20.3207 113.119 21.1838 114.083 22.5865H114.19V20.7523H118.587V36.7206C118.587 39.2022 117.836 40.8206 116.55 42.0073C115.156 43.41 112.904 43.9496 110.33 43.9496C105.826 43.9496 102.931 42.0073 102.395 38.5549ZM114.512 28.6286C114.512 26.1469 113.117 23.9892 110.438 23.9892C108.078 23.9892 106.577 25.8233 106.577 28.7365C106.577 31.6496 108.078 33.3759 110.438 33.3759C113.333 33.3759 114.512 31.218 114.512 28.6286ZM125.128 23.126C126.415 21.2918 128.024 20.3207 130.276 20.3207C133.815 20.3207 136.173 23.0181 136.173 26.7943V38.1233H131.562V27.5497C131.562 25.7155 130.49 24.4207 128.56 24.4207C126.522 24.4207 125.02 26.0391 125.02 28.4127V38.2312H120.624V20.968H125.128V23.126ZM85.5588 23.5576C82.0205 22.8023 80.412 22.1549 80.412 20.2129C80.412 18.4866 82.1274 17.4076 84.7011 17.4076C87.0605 17.4076 88.8835 18.4866 89.3123 20.7523H94.0303C93.4946 16.1129 90.0631 13.5234 84.7011 13.5234C79.3399 13.5234 75.4788 16.0049 75.4788 20.7523C75.4788 25.8233 79.4467 26.9023 83.7359 27.8732C87.3818 28.7365 89.6336 29.1679 89.6336 31.5417C89.6336 33.8075 87.4894 34.6706 85.0224 34.6706C81.5917 34.6706 79.9832 33.4838 79.6612 30.5706H74.9432C75.1576 35.6418 78.8035 38.5549 85.3444 38.5549C90.7064 38.5549 94.6743 35.8573 94.6743 30.8943C94.5667 25.8233 90.492 24.6366 85.5588 23.5576ZM138.103 23.9892C137.139 23.9892 136.28 23.126 136.28 22.1549C136.28 21.1838 137.139 20.3207 138.103 20.3207C139.069 20.3207 139.927 21.1838 139.927 22.1549C139.927 23.126 139.069 23.9892 138.103 23.9892ZM138.103 20.6443C137.246 20.6443 136.603 21.2918 136.603 22.1549C136.603 23.0181 137.246 23.6655 138.103 23.6655C138.961 23.6655 139.605 23.0181 139.605 22.1549C139.605 21.2918 138.961 20.6443 138.103 20.6443Z"
                                                                                    fill="currentColor" />
                                                                                <path
                                                                                    d="M137.462 21.1836H138.105C138.32 21.1836 138.533 21.1836 138.641 21.2915C138.748 21.3993 138.856 21.5074 138.856 21.7231C138.856 22.0468 138.641 22.1547 138.533 22.2626L138.964 23.0177H138.533L138.213 22.3704H137.784V23.0177H137.462V21.1836ZM137.784 21.5074V22.0468H138.105C138.213 22.0468 138.427 22.0468 138.427 21.7231C138.427 21.7231 138.427 21.5074 138.32 21.5074H137.784Z"
                                                                                    fill="currentColor" />
                                                                            </svg>
                                                                        </div>
                                                                    </a>
                                                                </div>
                                                                <div class="swiper-slide rbt-slide-up">
                                                                    <a class="rbt-brand-single" href="#">
                                                                        <div class="brand-inner">
                                                                            <svg class="brand-default-logo" xmlns="http://www.w3.org/2000/svg" width="150" height="53"
                                                                                viewBox="0 0 150 53" fill="none">
                                                                                <path>
                                                                                    d="M148.456 19.5177C148.456 18.9377 148.052 18.5509 147.387 18.5509L146.08 18.575L146.104 21.5241H146.817V20.5089H147.244L147.862 21.5241H148.693L147.957 20.388C148.109 20.3019 148.236 20.1758 148.324 20.0225C148.412 19.8695 148.457 19.6951 148.456 19.5177ZM147.244 19.9045H146.793V19.1551H147.316C147.41 19.1447 147.504 19.1715 147.579 19.23C147.654 19.2885 147.705 19.3742 147.719 19.4694V19.4937C147.718 19.5534 147.703 19.6121 147.678 19.6659C147.652 19.7199 147.617 19.7675 147.572 19.8064C147.527 19.8451 147.474 19.8738 147.418 19.8908C147.362 19.9077 147.302 19.9124 147.244 19.9045ZM41.8764 33.1513C40.665 33.1513 39.8336 32.1844 39.8336 30.7582V24.2558H44.8218V19.6629H39.8454L39.798 14.3931H34.2872L34.3348 31.9427C34.3348 35.4961 36.6626 37.9133 40.083 37.9133C41.8884 37.9133 43.5984 37.6474 44.9524 37.019V32.547C43.9909 33.0011 42.9348 33.2085 41.8764 33.1513ZM55.0355 19.3727C49.9048 19.3727 45.9618 23.4338 45.9618 28.8244C45.9618 34.1665 49.9048 37.8893 55.3442 37.8893C58.4085 37.8893 61.2826 36.7773 63.0402 34.4807L58.8122 32.5229C57.9572 33.3204 56.6507 33.6347 55.4868 33.6347C53.5866 33.6347 51.6864 32.6436 51.425 30.6132H64.0378C64.2274 29.8876 64.3232 29.14 64.3228 28.3892C64.3228 22.8536 60.3562 19.3727 55.0474 19.3727H55.0355ZM51.425 27.0597C51.5914 24.6424 53.3015 23.5305 55.178 23.5305C57.2919 23.5305 58.8834 24.7391 58.8834 26.818V27.0597H51.425ZM29.0499 33.1513C27.8385 33.1513 27.0071 32.1844 27.0071 30.7582V24.2558H31.9952V19.6629H27.0189L26.9713 14.3931H21.4607L21.5083 31.9427C21.5083 35.4961 23.836 37.9133 27.2565 37.9133C29.0616 37.9133 30.7719 37.6474 32.1257 37.019V32.547C31.165 33.0031 30.1083 33.2109 29.0499 33.1513ZM9.69118 19.3727C4.96436 19.3727 0 22.5394 0 28.9211C0 34.2391 3.51542 37.9617 7.95726 37.9617C10.4988 37.9617 12.4228 36.9222 13.6817 35.0851L13.8479 37.6474H19.1804V29.1387C19.1804 22.6603 14.4893 19.3727 9.69118 19.3727ZM9.69118 33.0545C7.29215 33.0545 5.55818 31.2417 5.55818 28.6793C5.55818 26.117 7.26839 24.3041 9.69118 24.3041C11.924 24.3041 13.7767 26.2862 13.7767 28.6793C13.7767 31.0724 11.924 33.0545 9.69118 33.0545ZM147.126 17.2213C145.392 17.2456 144.276 18.3817 144.299 20.0738C144.323 21.7659 145.463 22.8779 147.197 22.8537C148.883 22.8295 150.024 21.6933 150 19.9771C149.976 18.2607 148.836 17.1972 147.126 17.2213ZM147.197 22.3701C145.843 22.3944 144.917 21.4757 144.917 20.0738C144.917 18.6718 145.795 17.729 147.149 17.7049C148.503 17.6806 149.406 18.5993 149.429 20.0255C149.429 21.4033 148.527 22.346 147.208 22.3701H147.197ZM120.189 19.6869L116.342 31.0483L112.446 19.6869H106.461L113.634 37.6233H119.002L126.175 19.6869H120.189ZM134.466 19.3727C129.335 19.3727 125.391 23.4338 125.391 28.8244C125.391 34.1665 129.335 37.8893 134.774 37.8893C137.838 37.8893 140.713 36.7773 142.47 34.4807L138.242 32.5229C137.387 33.3204 136.081 33.6347 134.916 33.6347C133.016 33.6347 131.116 32.6436 130.854 30.6132H143.468C143.657 29.8876 143.753 29.14 143.753 28.3892C143.753 22.8536 139.786 19.3727 134.466 19.3727ZM138.313 27.0597H130.854C131.021 24.6424 132.731 23.5305 134.608 23.5305C136.722 23.5305 138.313 24.7391 138.313 26.818V27.0597ZM102.208 11.8066C100.261 11.8066 98.7884 13.1362 98.7884 14.9975C98.7884 16.8588 100.261 18.2367 102.208 18.2367C104.157 18.2367 105.629 16.883 105.629 14.9975C105.629 13.112 104.181 11.8066 102.208 11.8066ZM77.1969 19.3486C76.0833 19.3303 74.984 19.6056 74.0057 20.1479C73.0276 20.69 72.2039 21.4806 71.615 22.4427L71.425 19.6869H66.1044V37.6233H71.615V28.22C71.7338 25.9719 73.5153 24.2558 75.463 24.2558C77.6484 24.2558 78.6459 25.9236 78.6459 28.0267V37.5991H84.1326V27.1564C84.1326 22.6119 81.4129 19.3486 77.1969 19.3486ZM94.0145 33.1513C92.8026 33.1513 91.9713 32.1844 91.9713 30.7582V24.2558H96.9592V19.6629H91.9713L91.9239 14.3931H86.4134L86.4608 31.9427C86.4608 35.4961 88.7882 37.9133 92.2089 37.9133C94.0145 37.9133 95.7245 37.6474 97.0784 37.019V32.547C96.1208 33.0012 95.0684 33.2088 94.0145 33.1513ZM99.4295 19.6869V37.6233H104.988V19.6869C104.164 20.2427 103.198 20.5391 102.208 20.5391C101.22 20.5391 100.254 20.2427 99.4295 19.6869Z"
                                                                                    fill="currentColor"></path>
                                                                            </svg>
                                                                            <svg class="brand-hover-logo" xmlns="http://www.w3.org/2000/svg" width="150" height="53"
                                                                                viewBox="0 0 150 53" fill="none">
                                                                                <path>
                                                                                    d="M148.456 19.5177C148.456 18.9377 148.052 18.5509 147.387 18.5509L146.08 18.575L146.104 21.5241H146.817V20.5089H147.244L147.862 21.5241H148.693L147.957 20.388C148.109 20.3019 148.236 20.1758 148.324 20.0225C148.412 19.8695 148.457 19.6951 148.456 19.5177ZM147.244 19.9045H146.793V19.1551H147.316C147.41 19.1447 147.504 19.1715 147.579 19.23C147.654 19.2885 147.705 19.3742 147.719 19.4694V19.4937C147.718 19.5534 147.703 19.6121 147.678 19.6659C147.652 19.7199 147.617 19.7675 147.572 19.8064C147.527 19.8451 147.474 19.8738 147.418 19.8908C147.362 19.9077 147.302 19.9124 147.244 19.9045ZM41.8764 33.1513C40.665 33.1513 39.8336 32.1844 39.8336 30.7582V24.2558H44.8218V19.6629H39.8454L39.798 14.3931H34.2872L34.3348 31.9427C34.3348 35.4961 36.6626 37.9133 40.083 37.9133C41.8884 37.9133 43.5984 37.6474 44.9524 37.019V32.547C43.9909 33.0011 42.9348 33.2085 41.8764 33.1513ZM55.0355 19.3727C49.9048 19.3727 45.9618 23.4338 45.9618 28.8244C45.9618 34.1665 49.9048 37.8893 55.3442 37.8893C58.4085 37.8893 61.2826 36.7773 63.0402 34.4807L58.8122 32.5229C57.9572 33.3204 56.6507 33.6347 55.4868 33.6347C53.5866 33.6347 51.6864 32.6436 51.425 30.6132H64.0378C64.2274 29.8876 64.3232 29.14 64.3228 28.3892C64.3228 22.8536 60.3562 19.3727 55.0474 19.3727H55.0355ZM51.425 27.0597C51.5914 24.6424 53.3015 23.5305 55.178 23.5305C57.2919 23.5305 58.8834 24.7391 58.8834 26.818V27.0597H51.425ZM29.0499 33.1513C27.8385 33.1513 27.0071 32.1844 27.0071 30.7582V24.2558H31.9952V19.6629H27.0189L26.9713 14.3931H21.4607L21.5083 31.9427C21.5083 35.4961 23.836 37.9133 27.2565 37.9133C29.0616 37.9133 30.7719 37.6474 32.1257 37.019V32.547C31.165 33.0031 30.1083 33.2109 29.0499 33.1513ZM9.69118 19.3727C4.96436 19.3727 0 22.5394 0 28.9211C0 34.2391 3.51542 37.9617 7.95726 37.9617C10.4988 37.9617 12.4228 36.9222 13.6817 35.0851L13.8479 37.6474H19.1804V29.1387C19.1804 22.6603 14.4893 19.3727 9.69118 19.3727ZM9.69118 33.0545C7.29215 33.0545 5.55818 31.2417 5.55818 28.6793C5.55818 26.117 7.26839 24.3041 9.69118 24.3041C11.924 24.3041 13.7767 26.2862 13.7767 28.6793C13.7767 31.0724 11.924 33.0545 9.69118 33.0545ZM147.126 17.2213C145.392 17.2456 144.276 18.3817 144.299 20.0738C144.323 21.7659 145.463 22.8779 147.197 22.8537C148.883 22.8295 150.024 21.6933 150 19.9771C149.976 18.2607 148.836 17.1972 147.126 17.2213ZM147.197 22.3701C145.843 22.3944 144.917 21.4757 144.917 20.0738C144.917 18.6718 145.795 17.729 147.149 17.7049C148.503 17.6806 149.406 18.5993 149.429 20.0255C149.429 21.4033 148.527 22.346 147.208 22.3701H147.197ZM120.189 19.6869L116.342 31.0483L112.446 19.6869H106.461L113.634 37.6233H119.002L126.175 19.6869H120.189ZM134.466 19.3727C129.335 19.3727 125.391 23.4338 125.391 28.8244C125.391 34.1665 129.335 37.8893 134.774 37.8893C137.838 37.8893 140.713 36.7773 142.47 34.4807L138.242 32.5229C137.387 33.3204 136.081 33.6347 134.916 33.6347C133.016 33.6347 131.116 32.6436 130.854 30.6132H143.468C143.657 29.8876 143.753 29.14 143.753 28.3892C143.753 22.8536 139.786 19.3727 134.466 19.3727ZM138.313 27.0597H130.854C131.021 24.6424 132.731 23.5305 134.608 23.5305C136.722 23.5305 138.313 24.7391 138.313 26.818V27.0597ZM102.208 11.8066C100.261 11.8066 98.7884 13.1362 98.7884 14.9975C98.7884 16.8588 100.261 18.2367 102.208 18.2367C104.157 18.2367 105.629 16.883 105.629 14.9975C105.629 13.112 104.181 11.8066 102.208 11.8066ZM77.1969 19.3486C76.0833 19.3303 74.984 19.6056 74.0057 20.1479C73.0276 20.69 72.2039 21.4806 71.615 22.4427L71.425 19.6869H66.1044V37.6233H71.615V28.22C71.7338 25.9719 73.5153 24.2558 75.463 24.2558C77.6484 24.2558 78.6459 25.9236 78.6459 28.0267V37.5991H84.1326V27.1564C84.1326 22.6119 81.4129 19.3486 77.1969 19.3486ZM94.0145 33.1513C92.8026 33.1513 91.9713 32.1844 91.9713 30.7582V24.2558H96.9592V19.6629H91.9713L91.9239 14.3931H86.4134L86.4608 31.9427C86.4608 35.4961 88.7882 37.9133 92.2089 37.9133C94.0145 37.9133 95.7245 37.6474 97.0784 37.019V32.547C96.1208 33.0012 95.0684 33.2088 94.0145 33.1513ZM99.4295 19.6869V37.6233H104.988V19.6869C104.164 20.2427 103.198 20.5391 102.208 20.5391C101.22 20.5391 100.254 20.2427 99.4295 19.6869Z"
                                                                                    fill="currentColor"></path>
                                                                            </svg>
                                                                        </div>
                                                                    </a>
                                                                </div>
                                                                ...
                                                            </div>
                                                        </div>
                                                        <!-- End Clients  -->
                                                    
                                                

Counters

Different styles of counters for your website are presented in our website.

Images

                                                    
                                                        <div class="rbt-counterup-area">
                                                            <!-- single counter start -->
                                                            <div class="rbt-counterup rbt-counterup-2">
                                                                <div class="rbt-counter-inner">
                                                                    <div class="rbt-counter-content">
                                                                        <p class="counter h2 rbt-text-heading">
                                                                            <span> class="odometer" data-count="99">00</span>
                                                                            <span> class="rbt-counter-suffix">%</span>
                                                                        </p>
                                                                    </div>
                                                                    <span> class="rbt-counter-text">Brand Strategy</span>
                                                                </div>
                                                            </div>
                                                            <!-- single counter end -->

                                                            <!-- single counter start -->
                                                            <div class="rbt-counterup rbt-counterup-2">
                                                                <div class="rbt-counter-inner">
                                                                    <div class="rbt-counter-content">
                                                                        <p class="counter h2 rbt-text-heading">
                                                                            <span> class="odometer" data-count="80">00</span>
                                                                            <span> class="rbt-counter-suffix">%</span>
                                                                        </p>
                                                                        <span> class="rbt-counter-text">Targeted Acquisition</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- single counter end -->
                                                            
                                                            ...
                                                        </div>
                                                    
                                                

Social Share

Showcase of Social share. See below image and code for more information.

Images

                                                    
                                                        <ul class="rbt-social">
                                                            <li>
                                                                <a href="#">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="8" height="14" viewBox="0 0 8 14" fill="none">
                                                                        <path
                                                                            d="M4.7139 13.3906V7.28296H6.77691L7.08642 4.90201H4.7139V3.38211C4.7139 2.69298 4.90576 2.22335 5.90172 2.22335L7.16992 2.22283V0.0932186C6.9506 0.0649078 6.19776 0 5.32154 0C3.49184 0 2.23919 1.10939 2.23919 3.1463V4.90201H0.169922V7.28296H2.23919V13.3906H4.7139Z"
                                                                            fill="currentColor" />
                                                                    </svg>
                                                                </a>
                                                            </li>
                                                            <li>
                                                                <a href="#">
                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
                                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                                            d="M5.32753 7.3131L1.71956 11.4473C1.62394 11.5568 1.48972 11.613 1.35481 11.613C1.24188 11.613 1.12855 11.5737 1.03681 11.4936C0.835424 11.3179 0.814714 11.0123 0.990457 10.8109L4.71324 6.54525L0.106051 0.786256C-0.0101753 0.640998 -0.0328205 0.44203 0.0477926 0.27432C0.128406 0.10661 0.297858 6.10348e-05 0.483858 6.10348e-05H2.99999C3.14699 6.10348e-05 3.28606 0.0668353 3.3778 0.18161L6.67263 4.30014L10.2808 0.165718C10.4564 -0.0356697 10.7623 -0.0563794 10.9635 0.119363C11.1648 0.295105 11.1856 0.600719 11.0099 0.802106L7.28691 5.068L11.8939 10.8268C12.0102 10.9721 12.0328 11.171 11.9522 11.3387C11.8716 11.5064 11.7021 11.613 11.5161 11.613H9.00001C8.85301 11.613 8.71394 11.5462 8.6222 11.4314L5.32753 7.3131ZM10.5093 10.6452H9.23256L1.4906 0.967805H2.76735L10.5093 10.6452Z"
                                                                            fill="currentColor" />
                                                                    </svg>
                                                                </a>
                                                            </li>
                                                            
                                                            ...
                                                        </ul>
                                                    
                                                
Note

For more demo examples, you can check our Corebiz social.html page.

Call To Action

Awesome call to action styles. See below image and code for more information.

Images

                                                    
                                                        <div class="rbt-callto-action">
                                                            <div class="text-center">
                                                                <h2 class="rbt-title mb--10">
                                                                    Take <span><img src="assets/images/icons/icon1.webp" alt="Icon"></span> your <br>
                                                                    Business to the
                                                                    <span> class="rbt-gradient-text-5">Next->Level.</span>
                                                                </h2>
                                                                <p> class="b1">Get the best advice from the best service provider</p>
                                                                <div class="d-flex flex-wrap justify-content-center rbt-col-gap-30 rbt-row-gap-20 rbt-w-fit mx-auto">
                                                                    <div class="rbt-quick-contact">
                                                                        <a href="callto:(406)555-0120" class="rbt-quick-contact-icon">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none">
                                                                                <path>
                                                                                    d="M16.9773 3.02275C18.5752 4.62066 19.6152 6.62862 19.9914 8.83526C20.0463 9.14386 19.835 9.43977 19.5264 9.48627C19.523 9.48669 19.5196 9.48712 19.5163 9.48754C19.4865 9.4913 19.4596 9.49472 19.4292 9.49472C19.1544 9.49472 18.9134 9.30027 18.8669 9.02127C18.533 7.05135 17.603 5.25476 16.1741 3.82594C14.7453 2.40134 12.9487 1.46711 10.9788 1.13316C10.666 1.0782 10.4589 0.78652 10.5096 0.473701C10.5645 0.16511 10.8562 -0.0462543 11.1648 0.00870037C13.3715 0.384928 15.3794 1.42484 16.9773 3.02275Z"
                                                                                    fill="var(--color-primary)"></path>
                                                                                <path> fill-rule="evenodd" clip-rule="evenodd"
                                                                                    d="M15.8147 12.4073C15.4047 11.9803 14.9101 11.7521 14.3859 11.7521C13.866 11.7521 13.3672 11.9761 12.9402 12.4031L11.6044 13.7347C11.5317 13.6956 11.4591 13.6583 11.3876 13.6216C11.351 13.6028 11.3147 13.5842 11.2789 13.5656C11.1267 13.4895 10.9829 13.4176 10.8604 13.3415C9.6091 12.5468 8.47196 11.5111 7.38132 10.1711C6.85291 9.50316 6.49782 8.94093 6.23995 8.37025C6.55315 8.08379 6.84564 7.78698 7.12989 7.49852L7.22068 7.40643C7.27986 7.34725 7.33904 7.28702 7.39822 7.22678C7.4574 7.16654 7.51659 7.1063 7.57577 7.04711C8.4635 6.15938 8.4635 5.00956 7.57577 4.12183L6.42173 2.96778C6.29069 2.83675 6.15539 2.70145 6.02859 2.56619C5.77495 2.3041 5.50863 2.03356 5.23386 1.77992C4.82381 1.3741 4.33345 1.15851 3.81772 1.15851C3.30199 1.15851 2.80317 1.3741 2.38045 1.77992L2.37199 1.78837L0.934715 3.23833C0.393623 3.77942 0.0850312 4.43888 0.0173946 5.20402C-0.0840601 6.43838 0.279486 7.5882 0.558487 8.34066C1.24331 10.188 2.26631 11.9 3.79236 13.7347C5.64391 15.9455 7.87168 17.6914 10.4165 18.9215C11.3888 19.3823 12.6866 19.9276 14.1365 20.0206C14.2253 20.0249 14.3183 20.0291 14.4028 20.0291C15.3793 20.0291 16.1994 19.6782 16.842 18.9807C16.8441 18.9765 16.8473 18.9733 16.8504 18.9702C16.8523 18.9683 16.8542 18.9664 16.8559 18.9643C16.857 18.9628 16.858 18.9613 16.8589 18.9596C17.0624 18.713 17.2949 18.4882 17.5397 18.2515L17.5987 18.1945C17.7804 18.0211 17.9664 17.8394 18.1482 17.6491C18.5667 17.2137 18.7865 16.7064 18.7865 16.1865C18.7865 15.6623 18.5625 15.1593 18.1355 14.7365L15.8147 12.4073ZM16.9088 17.2805L16.8124 17.3744C16.5376 17.6365 16.2586 17.9112 15.9965 18.2198C15.5696 18.6764 15.0665 18.892 14.4071 18.892C14.3437 18.892 14.276 18.892 14.2126 18.8877C12.9571 18.8074 11.7904 18.317 10.9153 17.8985C8.52269 16.7403 6.42173 15.0959 4.67586 13.0118C3.23436 11.2744 2.27054 9.66803 1.63222 7.9433C1.23908 6.8907 1.09535 6.07061 1.15876 5.29702C1.20103 4.80242 1.39126 4.39238 1.74213 4.04151L3.18363 2.60001C3.39077 2.40556 3.61058 2.29987 3.82618 2.29987C4.09249 2.29987 4.30809 2.46051 4.44336 2.59578L4.45604 2.60847C4.7139 2.84942 4.95909 3.09883 5.21695 3.36515C5.28297 3.4333 5.35007 3.50145 5.4177 3.57015C5.48429 3.63779 5.55143 3.70599 5.61854 3.7752L6.77259 4.92924C7.22068 5.37734 7.22068 5.79161 6.77259 6.2397C6.73157 6.28072 6.69102 6.32174 6.65063 6.36261C6.57033 6.44385 6.4906 6.5245 6.40904 6.60325C6.05395 6.96679 5.71577 7.30498 5.348 7.6347C5.345 7.6377 5.34201 7.64016 5.3392 7.64247C5.33408 7.64668 5.32959 7.65038 5.32686 7.65584C4.96331 8.01939 5.03095 8.37448 5.10704 8.61543L5.11972 8.65348C5.41986 9.38057 5.84259 10.0654 6.48514 10.8813L6.48936 10.8855C7.65609 12.3228 8.88623 13.443 10.2432 14.3011C10.4165 14.411 10.594 14.4998 10.7631 14.5843C10.9153 14.6604 11.0591 14.7323 11.1816 14.8084C11.1901 14.8126 11.1986 14.8179 11.207 14.8232C11.2155 14.8285 11.2239 14.8338 11.2324 14.838C11.3761 14.9099 11.5114 14.9437 11.6509 14.9437C12.0017 14.9437 12.2216 14.7239 12.2934 14.652L13.7392 13.2063C13.8829 13.0625 14.1112 12.8892 14.3775 12.8892C14.6396 12.8892 14.8552 13.0541 14.9862 13.1978L17.3239 15.5355C17.7593 15.9667 17.7593 16.4105 17.3281 16.8586C17.1928 17.0044 17.0545 17.1388 16.9088 17.2805Z"
                                                                                    fill="var(--color-primary)"></path>
                                                                                <path>
                                                                                    d="M10.8096 4.76442C11.9171 4.95042 12.9232 5.4746 13.7264 6.27779C14.5296 7.08097 15.0496 8.08706 15.2398 9.19461C15.2863 9.47361 15.5272 9.66807 15.802 9.66807C15.8324 9.66807 15.8594 9.66465 15.8891 9.66089L15.8992 9.65961C16.2121 9.60889 16.4192 9.31298 16.3685 9.00016C16.1402 7.66011 15.5061 6.43843 14.5381 5.47038C13.57 4.50233 12.3483 3.86824 11.0083 3.63996C10.6955 3.58924 10.4038 3.79637 10.3488 4.10497C10.2939 4.41356 10.4968 4.71369 10.8096 4.76442Z"
                                                                                    fill="var(--color-primary)"></path>
                                                                            </svg>
                                                                        </a>
                                                                        <div>
                                                                            <p> class="rbt-contact-info-title text-start">Free Consultant</p>
                                                                            <a> class="rbt-hover-underline rbt-contact-info" href="callto:(406)555-0120">(406)
                                                                                555-0120</a>
                                                                        </div>
                                                                    </div>
                                                                    <button class="rbt-btn rbt-btn-md rbt-btn-gradient rbt-btn-split">
                                                                        <div class="inner">
                                                                            <span> class="default-text">Get a free quote</span>
                                                                            <span> class="hover-text">Get a free quote</span>
                                                                        </div>
                                                                    </button>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    
                                                
Note

For more demo examples, you can check our Corebiz call-to-action.html page.

Blockquote

Awesome call to action styles. See below image and code for more information.

Images

                                                    
                                                        <blockquote class="rbt-block-quote">
                                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
                                                                <g opacity="0.5" clip-path="url(#clip0_4887_3379)">
                                                                    <path
                                                                        d="M6.50132 3.20313C9.69553 3.20313 12.0013 5.84017 12.0012 9.74476C11.9808 15.4179 7.71601 19.429 1.56344 20.1993C0.992629 20.2707 0.772531 19.48 1.29818 19.2463C3.65896 18.1965 4.85128 16.8644 5.00529 15.546C5.12035 14.5609 4.58486 13.698 3.91246 13.5364C2.16927 13.1175 1.00132 10.9467 1.00132 8.70312C1.00132 5.66556 3.46376 3.20313 6.50132 3.20313Z"
                                                                        fill="#838A95" />
                                                                    <path
                                                                        d="M18.5013 3.20313C21.6955 3.20313 24.0013 5.84017 24.0013 9.74476C23.9808 15.4179 19.716 19.429 13.5634 20.1993C12.9926 20.2707 12.7725 19.48 13.2982 19.2463C15.659 18.1965 16.8513 16.8644 17.0053 15.546C17.1204 14.5609 16.5849 13.698 15.9125 13.5364C14.1693 13.1175 13.0013 10.9467 13.0013 8.70312C13.0013 5.66556 15.4638 3.20313 18.5013 3.20313Z"
                                                                        fill="#838A95" />
                                                                </g>
                                                                <defs>
                                                                    <clipPath id="clip0_4887_3379">
                                                                        <rect width="24" height="24" fill="white" transform="translate(0 0.203125)" />
                                                                    </clipPath>
                                                                </defs>
                                                            </svg>
                                                            <p>
                                                                “Integrating artificial intelligence (AI) into your startup can indeed unlock exponential growth by enhancing billion efficiency, improving decision-making, and providing innovative solutions”
                                                            </p>

                                                            <div class="d-flex flex-wrap flex-sm-nowrap align-items-center gap-3">
                                                                <img class="rbt-wdt-46 rbt-ht-46" src="assets/images/avatar/rbt-avatar.webp" alt="avatar">
                                                                <div>
                                                                    <p> class="h5 mb-0">Rainbow Themes</p>
                                                                    <span> class="mb-0">Marketing Specialist, Advisor at RBT</span>
                                                                </div>
                                                            </div>
                                                        </blockquote>
                                                    
                                                
Note

For more demo examples, you can check our Corebiz blog-details.html page.

Instagram

Awesome instagram styles. See below image and code for more information.

Images

                                                    
                                                        <div class="row mt_dec--20 rbt-slide-anim-container">
                                                            <div class="col-4 col-sm-3 col-md-3 col-lg-2 mt--20 rbt-slide-up">
                                                                <div class="rbt-insta-card rbt-insta-var-1">
                                                                    <div class="rbt-inner">
                                                                        <a href="https://www.instagram.com/" class="stretched-link">
                                                                            <figure> class="rbt-insta-img">
                                                                                <img src="assets/images/instagram/image1.webp" alt="Image">
                                                                            </figure>
                                                                        </a>
                                                                        <span class="rbt-icon">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                                                                                <path
                                                                                    d="M22.5 0H7.5C3.37537 0 0 3.37537 0 7.5V22.5007C0 26.6243 3.37537 30.0007 7.5 30.0007H22.5C26.6246 30.0007 30 26.6243 30 22.5007V7.5C30 3.37537 26.6246 0 22.5 0ZM27.4999 22.5007C27.4999 25.257 25.2578 27.5006 22.5 27.5006H7.5C4.74338 27.5006 2.50012 25.257 2.50012 22.5007V7.5C2.50012 4.74302 4.74338 2.50012 7.5 2.50012H22.5C25.2578 2.50012 27.4999 4.74302 27.4999 7.5V22.5007Z"
                                                                                    fill="white" />
                                                                                <path
                                                                                    d="M23.127 8.75391C24.1625 8.75391 25.002 7.91444 25.002 6.87891C25.002 5.84337 24.1625 5.00391 23.127 5.00391C22.0914 5.00391 21.252 5.84337 21.252 6.87891C21.252 7.91444 22.0914 8.75391 23.127 8.75391Z"
                                                                                    fill="white" />
                                                                                <path
                                                                                    d="M15 7.5C10.857 7.5 7.5 10.8573 7.5 15C7.5 19.1411 10.857 22.5007 15 22.5007C19.1418 22.5007 22.5 19.1411 22.5 15C22.5 10.8573 19.1418 7.5 15 7.5ZM15 20.0006C12.2388 20.0006 10.0001 17.7619 10.0001 15C10.0001 12.2381 12.2388 10.0001 15 10.0001C17.7612 10.0001 19.9999 12.2381 19.9999 15C19.9999 17.7619 17.7612 20.0006 15 20.0006Z"
                                                                                    fill="white" />
                                                                            </svg>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="col-4 col-sm-3 col-md-3 col-lg-2 mt--20 rbt-slide-up">
                                                                <div class="rbt-insta-card rbt-insta-var-1">
                                                                    <div class="rbt-inner">
                                                                        <a href="https://www.instagram.com/" class="stretched-link">
                                                                            <figure> class="rbt-insta-img">
                                                                                <img src="assets/images/instagram/image2.webp" alt="Image">
                                                                            </figure>
                                                                        </a>
                                                                        <span class="rbt-icon">
                                                                            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30" fill="none">
                                                                                <path
                                                                                    d="M22.5 0H7.5C3.37537 0 0 3.37537 0 7.5V22.5007C0 26.6243 3.37537 30.0007 7.5 30.0007H22.5C26.6246 30.0007 30 26.6243 30 22.5007V7.5C30 3.37537 26.6246 0 22.5 0ZM27.4999 22.5007C27.4999 25.257 25.2578 27.5006 22.5 27.5006H7.5C4.74338 27.5006 2.50012 25.257 2.50012 22.5007V7.5C2.50012 4.74302 4.74338 2.50012 7.5 2.50012H22.5C25.2578 2.50012 27.4999 4.74302 27.4999 7.5V22.5007Z"
                                                                                    fill="white" />
                                                                                <path
                                                                                    d="M23.127 8.75391C24.1625 8.75391 25.002 7.91444 25.002 6.87891C25.002 5.84337 24.1625 5.00391 23.127 5.00391C22.0914 5.00391 21.252 5.84337 21.252 6.87891C21.252 7.91444 22.0914 8.75391 23.127 8.75391Z"
                                                                                    fill="white" />
                                                                                <path
                                                                                    d="M15 7.5C10.857 7.5 7.5 10.8573 7.5 15C7.5 19.1411 10.857 22.5007 15 22.5007C19.1418 22.5007 22.5 19.1411 22.5 15C22.5 10.8573 19.1418 7.5 15 7.5ZM15 20.0006C12.2388 20.0006 10.0001 17.7619 10.0001 15C10.0001 12.2381 12.2388 10.0001 15 10.0001C17.7612 10.0001 19.9999 12.2381 19.9999 15C19.9999 17.7619 17.7612 20.0006 15 20.0006Z"
                                                                                    fill="white" />
                                                                            </svg>
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            
                                                            ...
                                                        </div>
                                                    
                                                

Footer Style

Welcome to Corebiz Footer You can select any footer & customize easily and build your website.

Footer Default

Awesome Footer styles. See below image and code for more information.

Images

                                                    
                                                        <footer class="rbt-section-gap2Bottom rbt-bg-black-2 rbt-footer-style-1 position-relative">
                                                            <div class="container position-relative">
                                                                <!-- footer top -->
                                                                <div class="row position-relative">
                                                                    <div> class="col-12">
                                                                        <img class="position-absolute top-0 end-0 mr--10 mt--5 rbt-footer-logo-shape"
                                                                            src="assets/images/footer/logo-shape.webp" alt="Shape Image">
                                                                    </div>
                                                                </div>
                                                                <div
                                                                    class="row row-gap-5 pt--90 pt_sm--60 pt_md--60 pb--85 pb_sm--20 pb_md--30 pb_lg--40 d-flex justify-content-between align-items-center">
                                                                    <div class="col-12 col-lg-6">
                                                                        <div class="rbt-badge">
                                                                            <span> class="rbt-badge-text rbt-gradient-text-2">
                                                                                Let's do something great together
                                                                            </span>
                                                                        </div>
                                                                        <h2> class="h1 rbt-text-white position-relative rbt-fw-medium pr--50 pr_sm--0 pr_lg--0">
                                                                            We make creative solutions for business
                                                                        </h2>
                                                                    </div>
                                                                    <div class="col-12 col-lg-5">
                                                                        <div class="rbt-footer-contact-widget text-lg-center">
                                                                            <a href="#" class="rbt-btn rbt-btn-gradient rbt-btn-split-2 rbt-btn-lg mb--25">
                                                                                <div class="inner">
                                                                                    <span class="default-text"><span>Contact with us</span></span>
                                                                                    <span class="hover-text"><span>Contact with us</span></span>
                                                                                </div>
                                                                            </a>
                                                                            <p> class="rbt-text-gray-3">
                                                                                we are here to helping your business growth
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <!-- main footer -->
                                                                <div> class="rbt-separator rbt-bg-white-opacity-100"></div>
                                                                <div class="row row-gap-5 justify-content-between pt--100 pt_sm--30 pt_md--40 pt_lg--60">
                                                                    <div class="col-12 col-xxl-4">
                                                                        <div class="rbt-footer-box @@rbt-footer-box">
                                                                            <div class="rbt-footer-widget">
                                                                                <div class="widget-inner">
                                                                                    <div>
                                                                                        <a> class="rbt-logo mb--50 d-block" href="/">
                                                                                            <img src="assets/images/logo/logo-with-white-text.svg" alt="Logo">
                                                                                        </a>
                                                                                        <h3> class="h5 rbt-text-white mb--10">
                                                                                            Subscribe Newsletter
                                                                                        </h3>
                                                                                        <p> class="mb--25 mb--25 rbt-text-body pr--20">
                                                                                            * Will send you weekly updates for your better business management.
                                                                                        </p>
                                                                                    </div>
                                                                                    <form class="rbt-newsletter-form newsletter-form-sm @@newsletter-type">
                                                                                        <div class="rbt-input-field mb--25">
                                                                                            <input type="email" name="email" placeholder="Enter your email..."
                                                                                                autocomplete="off">
                                                                                            <button
                                                                                                class="rbt-btn rbt-btn-sm rbt-btn-gradient-secondary rbt-btn-split-2 shadow-none rbt-radius-sm rbt-shadow-inset-1">
                                                                                                <span class="inner">
                                                                                                    <span class="default-text"><span>Subscribe</span></span>
                                                                                                    <span class="hover-text"><span>Subscribe</span></span>
                                                                                                </span>
                                                                                            </button>
                                                                                        </div>
                                                                                        <div class="rbt-input-field">
                                                                                            <input id="rbt-checkbox-1" name="rbt-checkbox-1" type="checkbox" value="yes">
                                                                                            <label> class="rbt-checkbox rbt-text-body" for="rbt-checkbox-1">Agree to Privacy &
                                                                                                Policy</label>
                                                                                        </div>
                                                                                    </form>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-12 col-xxl-7">
                                                                        <div class="row row-gap-5 justify-content-between">
                                                                            <div class="col-6 col-sm-4 col-md-2">
                                                                                <div class="rbt-footer-widget">
                                                                                    <h3> class="h5 rbt-text-white mb--30">Company</h3>
                                                                                    <ul class="rbt-list rbt-list-has-left-icon">
                                                                                        <li>
                                                                                            <a href="#">
                                                                                                Recent work
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"
                                                                                                    viewBox="0 0 10 10" fill="none">
                                                                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                                                                        d="M0.246139 9.75386C-0.0820464 9.42568 -0.0820464 8.89358 0.246139 8.5654L7.13079 1.68075L2.02884 1.68075C1.56471 1.68075 1.18846 1.3045 1.18846 0.840373C1.18846 0.376249 1.56471 0 2.02884 5.66704e-07L9.15963 0C9.62375 0 10 0.376249 10 0.840373V7.97116C10 8.43529 9.62375 8.81154 9.15963 8.81154C8.6955 8.81154 8.31925 8.43529 8.31925 7.97116V2.86921L1.4346 9.75386C1.10642 10.082 0.574325 10.082 0.246139 9.75386Z"
                                                                                                        fill="currentColor" />
                                                                                                </svg>
                                                                                            </a>
                                                                                        </li>

                                                                                        ...
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-6 col-sm-4 col-md-3">
                                                                                <div class="rbt-footer-widget">
                                                                                    <ul class="rbt-list rbt-list-has-left-icon mt--60">
                                                                                        <li>
                                                                                            <a href="#">
                                                                                                Our approach
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"
                                                                                                    viewBox="0 0 10 10" fill="none">
                                                                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                                                                        d="M0.246139 9.75386C-0.0820464 9.42568 -0.0820464 8.89358 0.246139 8.5654L7.13079 1.68075L2.02884 1.68075C1.56471 1.68075 1.18846 1.3045 1.18846 0.840373C1.18846 0.376249 1.56471 0 2.02884 5.66704e-07L9.15963 0C9.62375 0 10 0.376249 10 0.840373V7.97116C10 8.43529 9.62375 8.81154 9.15963 8.81154C8.6955 8.81154 8.31925 8.43529 8.31925 7.97116V2.86921L1.4346 9.75386C1.10642 10.082 0.574325 10.082 0.246139 9.75386Z"
                                                                                                        fill="currentColor" />
                                                                                                </svg>
                                                                                            </a>
                                                                                        </li>

                                                                                        ...
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-6 col-sm-4 col-md-3">
                                                                                <div class="rbt-footer-widget">
                                                                                    <h3> class="h5 rbt-text-white mb--30">Quick link</h3>
                                                                                    <ul class="rbt-list rbt-list-has-left-icon">
                                                                                        <li>
                                                                                            <a href="#">
                                                                                                Planning
                                                                                                <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"
                                                                                                    viewBox="0 0 10 10" fill="none">
                                                                                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                                                                                        d="M0.246139 9.75386C-0.0820464 9.42568 -0.0820464 8.89358 0.246139 8.5654L7.13079 1.68075L2.02884 1.68075C1.56471 1.68075 1.18846 1.3045 1.18846 0.840373C1.18846 0.376249 1.56471 0 2.02884 5.66704e-07L9.15963 0C9.62375 0 10 0.376249 10 0.840373V7.97116C10 8.43529 9.62375 8.81154 9.15963 8.81154C8.6955 8.81154 8.31925 8.43529 8.31925 7.97116V2.86921L1.4346 9.75386C1.10642 10.082 0.574325 10.082 0.246139 9.75386Z"
                                                                                                        fill="currentColor" />
                                                                                                </svg>
                                                                                            </a>
                                                                                        </li>
                                                                                        
                                                                                        ...
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                            <div class="col-6 col-sm-8 col-md-3">
                                                                                <div class="rbt-footer-widget">
                                                                                    <h3> class="h5 rbt-text-white mb--30">Need any help?</h3>
                                                                                    <p> class="b4 mb--10 rbt-text-body">Call us directly</p>
                                                                                    <a> class="rbt-text-white rbt-hover-underline rbt-fw-medium" href="callto:+010098007804">+01
                                                                                        009 800 7804</a>
                                                                                    <p> class="b4 mt--20 mb--10 rbt-text-body">Email us</p>
                                                                                    <a> class="rbt-text-white rbt-hover-underline rbt-fw-medium"
                                                                                        href="mailto:corebiz@info.com">corebiz@info.com</a>
                                                                                    <p> class="b4 mt--20 mb--10 rbt-text-body">We are available</p>
                                                                                    <p class="rbt-text-white rbt-fw-medium"><span> class="rbt-gradient-text-4">Mon-Sat:</span>
                                                                                        9am
                                                                                        to 7pm</p>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div> class="rbt-separator rbt-bg-white-opacity-100 mt--70 mt_sm--40 mt_md--50"></div>
                                                                        <div class="rbt-copyright-area">
                                                                            <p class="m-0 rbt-copyright rbt-dynamic-year">© 2025 <a>.
                                                                                    class="rbt-hover-underline rbt-text-white" href="/">Corebiz</a>.
                                                                                All Rights Reserved</p>
                                                                            
                                                                                <!-- Social List -->
                                                                        </div>
                                                                        <div> class="rbt-separator rbt-bg-white-opacity-100"></div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </footer>
                                                    
                                                

Footer Two

Awesome Footer Two styles. See below image and code for more information.

Images

                                                    
                                                        <footer class="rbt-section-gap2Top rbt-bg-black-2 rbt-footer-style-2 position-relative">
                                                            <div class="container">
                                                                <div class="row row--5 row-gap-5">
                                                                    <div class="col-12 col-lg-4">
                                                                        <div class="rbt-footer-box rbt-variation-3 rbt-light-shape overflow-visible pt--0 pb--0">
                                                                            <div class="rbt-footer-widget top-indicator pt--40 pb--40">
                                                                                <div class="rbt-logo mb--30">
                                                                                    <a> href="/">
                                                                                        <img src="assets/images/logo/logo-with-white-text.svg" alt="Logo">
                                                                                    </a>
                                                                                </div>
                                                                                <p> class="mb--20">
                                                                                    Introducing our team of talented and skilled professionals who are ready to increase your
                                                                                    productivity and bring your business.
                                                                                </p>
                                                                                <p> class="mb-1 rbt-text-white-60">We Are Available !!</p>
                                                                                <p> class="b1 rbt-fw-medium rbt-text-white mb--25">Mon-Sat: 10:00am - 08:00pm</p>
                                                                                <!-- Social List -->
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-12 col-lg-8">
                                                                        <div class="rbt-footer-box rbt-variation-3 rbt-light-shape overflow-visible pt--0 pb--0">
                                                                            <div class="row">
                                                                                <div class="col-12 col-sm-6 col-xxl-4">
                                                                                    <div class="rbt-footer-widget top-indicator indicator-md pt--40 pb--40">
                                                                                        <h3> class="h5 rbt-text-white mb--30">Quick link</h3>
                                                                                        <ul
                                                                                            class="rbt-list rbt-list-default is-gradient-hover rbt-list-has-left-icon rbt-list-gripped ms-0">
                                                                                            <li>
                                                                                                <a href="about.html" class="rbt-text-white-90">
                                                                                                    About Company
                                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"
                                                                                                        viewBox="0 0 10 10" fill="none">
                                                                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                                                                            d="M0.246139 9.75386C-0.0820464 9.42568 -0.0820464 8.89358 0.246139 8.5654L7.13079 1.68075L2.02884 1.68075C1.56471 1.68075 1.18846 1.3045 1.18846 0.840373C1.18846 0.376249 1.56471 0 2.02884 5.66704e-07L9.15963 0C9.62375 0 10 0.376249 10 0.840373V7.97116C10 8.43529 9.62375 8.81154 9.15963 8.81154C8.6955 8.81154 8.31925 8.43529 8.31925 7.97116V2.86921L1.4346 9.75386C1.10642 10.082 0.574325 10.082 0.246139 9.75386Z"
                                                                                                            fill="url(#paint0_linear_4897_13798)" />
                                                                                                        <defs>
                                                                                                            <linearGradient id="paint0_linear_4897_13798" x1="-0.0392157"
                                                                                                                y1="-1.1481e-07" x2="11.6377" y2="2.57579"
                                                                                                                gradientUnits="userSpaceOnUse">
                                                                                                                <stop offset="0" stop-color="#5163FF" />
                                                                                                                <stop offset="1" stop-color="#FE71B9" />
                                                                                                            </linearGradient>
                                                                                                        </defs>
                                                                                                    </svg>
                                                                                                </a>
                                                                                            </li>
                                                                                            
                                                                                            ...
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-12 col-sm-6 col-xxl-4">
                                                                                    <div class="rbt-footer-widget top-indicator indicator-lg pt--40 pb--40">
                                                                                        <h3> class="h5 rbt-text-white mb--30">Our Services</h3>
                                                                                        <ul
                                                                                            class="rbt-list rbt-list-default is-gradient-hover rbt-list-has-left-icon rbt-list-gripped ms-0">
                                                                                            <li>
                                                                                                <a href="#" class="rbt-text-white-90">
                                                                                                    Business Consulting
                                                                                                    <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"
                                                                                                        viewBox="0 0 10 10" fill="none">
                                                                                                        <path fill-rule="evenodd" clip-rule="evenodd"
                                                                                                            d="M0.246139 9.75386C-0.0820464 9.42568 -0.0820464 8.89358 0.246139 8.5654L7.13079 1.68075L2.02884 1.68075C1.56471 1.68075 1.18846 1.3045 1.18846 0.840373C1.18846 0.376249 1.56471 0 2.02884 5.66704e-07L9.15963 0C9.62375 0 10 0.376249 10 0.840373V7.97116C10 8.43529 9.62375 8.81154 9.15963 8.81154C8.6955 8.81154 8.31925 8.43529 8.31925 7.97116V2.86921L1.4346 9.75386C1.10642 10.082 0.574325 10.082 0.246139 9.75386Z"
                                                                                                            fill="url(#paint0_linear_4897_1379811)" />
                                                                                                        <defs>
                                                                                                            <linearGradient id="paint0_linear_4897_1379811" x1="-0.0392157"
                                                                                                                y1="-1.1481e-07" x2="11.6377" y2="2.57579"
                                                                                                                gradientUnits="userSpaceOnUse">
                                                                                                                <stop offset="0" stop-color="#5163FF" />
                                                                                                                <stop offset="1" stop-color="#FE71B9" />
                                                                                                            </linearGradient>
                                                                                                        </defs>
                                                                                                    </svg>
                                                                                                </a>
                                                                                            </li>
                                                                                            
                                                                                            ...
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="col-12 col-sm-6 col-xxl-4">
                                                                                    <div class="rbt-footer-widget top-indicator indicator-xl pt--40 pb--40">
                                                                                        <h3> class="h5 rbt-text-white mb--30">Upcoming Event</h3>
                                                                                        <ul class="rbt-list with-avatar">
                                                                                            <li>
                                                                                                <a> href="#!" class="rbt-avatar">
                                                                                                    <img src="assets/images/footer/avatar-1.webp" alt="Avatar image">
                                                                                                </a>
                                                                                                <div>
                                                                                                    <a> href="#"
                                                                                                        class="rbt-hover-underline rbt-text-white rbt-fw-medium mb--0">Business
                                                                                                        Consulting</a>
                                                                                                    <p> class="mb--0 rbt-text-white-80">26 March, USA</p>
                                                                                                </div>
                                                                                            </li>
                                                                                            
                                                                                            ...
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="rbt-newsletter-area mt--10">
                                                                    <div class="row row-gap-5">
                                                                        <div class="col-12 col-lg-6">
                                                                            <div class="newsletter-left">
                                                                                <span class="rbt-round-icon with-outline">
                                                                                    <svg class="rbt-bell-icon" width="32" height="36" viewBox="0 0 32 36" fill="none"
                                                                                        xmlns="http://www.w3.org/2000/svg">
                                                                                        <path
                                                                                            d="M26.7188 18.4825V15.1172C26.7188 10.2078 23.4556 6.0468 18.9845 4.68773V3.16406C18.9845 1.4194 17.5651 0 15.8204 0C14.0757 0 12.6563 1.4194 12.6563 3.16406V4.68773C8.18516 6.0468 4.92196 10.2078 4.92196 15.1172V18.4825C4.92196 22.7949 3.27819 26.884 0.293496 29.9966C0.000996239 30.3016 -0.0811991 30.7517 0.0845977 31.1404C0.250395 31.529 0.632191 31.7812 1.05477 31.7812H10.6531C11.143 34.1854 13.2737 36 15.8204 36C18.3671 36 20.4977 34.1854 20.9877 31.7812H30.586C31.0086 31.7812 31.3903 31.529 31.5561 31.1404C31.7219 30.7517 31.6397 30.3016 31.3473 29.9966C28.3626 26.884 26.7188 22.7948 26.7188 18.4825ZM14.7657 3.16406C14.7657 2.58251 15.2388 2.10938 15.8204 2.10938C16.4019 2.10938 16.8751 2.58251 16.8751 3.16406V4.26994C16.528 4.23647 16.1762 4.21875 15.8204 4.21875C15.4646 4.21875 15.1128 4.23647 14.7657 4.26994V3.16406ZM15.8204 33.8906C14.4454 33.8906 13.2731 33.0088 12.8377 31.7812H18.8031C18.3677 33.0088 17.1954 33.8906 15.8204 33.8906ZM3.32797 29.6719C5.72992 26.4521 7.03133 22.5557 7.03133 18.4825V15.1172C7.03133 10.2709 10.9741 6.32812 15.8204 6.32812C20.6667 6.32812 24.6095 10.2709 24.6095 15.1172V18.4825C24.6095 22.5557 25.9109 26.4521 28.3129 29.6719H3.32797Z"
                                                                                            fill="url(#rbt-svg-gradient-26)" />
                                                                                        <path
                                                                                            d="M29.5318 15.1167C29.5318 15.6992 30.004 16.1714 30.5865 16.1714C31.1689 16.1714 31.6412 15.6992 31.6412 15.1167C31.6412 10.8909 29.9956 6.91806 27.0075 3.92999C26.5957 3.51817 25.9278 3.51809 25.5159 3.92999C25.1041 4.34188 25.1041 5.00963 25.5159 5.42152C28.1056 8.0112 29.5318 11.4543 29.5318 15.1167Z"
                                                                                            fill="url(#rbt-svg-gradient-27)" />
                                                                                        <path
                                                                                            d="M1.05469 16.1713C1.63716 16.1713 2.10938 15.6991 2.10938 15.1167C2.10938 11.4544 3.53559 8.01123 6.1252 5.42155C6.53709 5.00966 6.53709 4.3419 6.1252 3.93001C5.71338 3.51812 5.04555 3.51812 4.63366 3.93001C1.64559 6.91808 0 10.8909 0 15.1167C0 15.6991 0.472219 16.1713 1.05469 16.1713Z"
                                                                                            fill="url(#rbt-svg-gradient-28)" />
                                                                                        <defs>
                                                                                            <linearGradient id="rbt-svg-gradient-26" x1="0" y1="18" x2="31.6407" y2="18"
                                                                                                gradientUnits="userSpaceOnUse">
                                                                                                <stop offset="0" stop-color="#708BFD" />
                                                                                                <stop offset="1" stop-color="#FE71B9" />
                                                                                            </linearGradient>
                                                                                            <linearGradient id="rbt-svg-gradient-27" x1="25.207" y1="9.89624" x2="31.6412"
                                                                                                y2="9.89624" gradientUnits="userSpaceOnUse">
                                                                                                <stop offset="0" stop-color="#708BFD" />
                                                                                                <stop offset="1" stop-color="#FE71B9" />
                                                                                            </linearGradient>
                                                                                            <linearGradient id="rbt-svg-gradient-28" x1="0" y1="9.89622" x2="6.43412"
                                                                                                y2="9.89622" gradientUnits="userSpaceOnUse">
                                                                                                <stop offset="0" stop-color="#708BFD" />
                                                                                                <stop offset="1" stop-color="#FE71B9" />
                                                                                            </linearGradient>
                                                                                        </defs>
                                                                                    </svg>
                                                                                </span>
                                                                                <h3 class="newsletter-title">
                                                                                    keep up to date - <br> get updates with latest topics
                                                                                </h3>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-12 col-lg-6 d-flex align-items-center">
                                                                            <form class="rbt-newsletter-form ms-lg-auto" autocomplete="off">
                                                                                <div class="rbt-input-field">
                                                                                    <input type="email" name="email" placeholder="Enter your email...">
                                                                                    <button class="rbt-btn rbt-btn-md rbt-btn-gradient rbt-btn-split">
                                                                                        <span class="inner">
                                                                                            <span> class="default-text">Subscribe</span>
                                                                                            <span> class="hover-text">Subscribe</span>
                                                                                        </span>
                                                                                    </button>
                                                                                </div>
                                                                            </form>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="rbt-copyright-area align-items-start align-items-md-center">
                                                                    <p class="m-0 rbt-copyright rbt-dynamic-year rbt-text-gray-4">© 2025 <a>. class="rbt-gradient-text-2"
                                                                            href="/">Corebiz</a>. All
                                                                        Rights Reserved
                                                                    </p>
                                                                    <ul class="rbt-list list-row flex-sm-row rbt-list-bg-dark">
                                                                        <li><a> class="rbt-hover-underline b2" href="#">Terms & Condition</a></li>
                                                                        <li><a> class="rbt-hover-underline b2" href="#">Privacy Policy</a></li>
                                                                        <li><a> class="rbt-hover-underline b2" href="#">Support</a></li>
                                                                    </ul>
                                                                </div>
                                                            </div>
                                                            <img class="rbt-footer-shape shape-10 d-none d-lg-block" src="assets/images/footer/shape-2.webp" alt="Shape">
                                                            <img class="rbt-footer-shape shape-3" src="assets/images/footer/shape-3.webp" alt="Shape">
                                                        </footer>
                                                    
                                                

Footer Three

Awesome Footer Three styles. See below image and code for more information.

Images

                                                    
                                                        <footer class="rbt-bg-black-2 rbt-footer-img rbt-footer-style-7 position-relative overflow-hidden">
                                                            <div class="container position-relative">
                                                                <!-- main footer -->
                                                                <div class="row justify-content-between align-items-end">
                                                                <div class="col-md-4">
                                                                    <div class="rbt-footer-widget rbt-footer-widget-img">
                                                                    <div> class="widget-inner">
                                                                        <img src="assets/images/footer/img-lawyer.webp" alt="image lawyer">
                                                                    </div>
                                                                    </div>
                                                                </div>
                                                                <div class="col-xl-8 rbt-footer-widget-wrapper border-0 pl--85 pl_sm--0 pl_md--0">
                                                                    <!-- footer top -->
                                                                    <div class="row align-items-center">
                                                                    <div class="col-md-6 col-lg-7">
                                                                        <p class="h6 mb--15 b2 rbt-fw-medium">
                                                                        <span> class="rbt-badge-text rbt-gradient-text-6">
                                                                            Your Case, Our Priority
                                                                        </span>
                                                                        </p>
                                                                        <h2 class="h1 rbt-text-white position-relative mb-0 rbt-fw-medium">
                                                                        Protect Your Rights – <span> class="rbt-text-body fst-italic rbt-fw-regular">Talk to Our
                                                                            Experts</span>
                                                                        </h2>
                                                                    </div>
                                                                    <div class="col-md-6 col-lg-5">
                                                                        <div class="rbt-footer-contact-widget text-md-end position-relative z-1 mt_sm--25">
                                                                        <a href="#" class="rbt-btn rbt-btn-gradient rbt-btn-split-2 rbt-btn-lg rbt-fw-regular">
                                                                            <div class="inner">
                                                                            <span class="default-text"><span>Let's Discuss</span></span>
                                                                            <span class="hover-text"><span>Let's Discuss</span></span>
                                                                            </div>
                                                                        </a>
                                                                        </div>
                                                                    </div>
                                                                    </div>
                                                                    <div> class="rbt-separator rbt-bg-white-opacity-100 mt--55 mb--55"></div>
                                                                    <div class="row row-gap-5 d-flex justify-content-between">
                                                                    <div class="col-sm-6 col-md-4 col-lg-3 col-xl-3">
                                                                        <div class="rbt-footer-widget border-0">
                                                                        <p> class="h5 rbt-text-white mb--30">Quick Link</p>
                                                                        <ul class="rbt-list rbt-list-has-left-icon">
                                                                            <!-- Navigations List -->
                                                                        </ul>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-sm-6 col-md-4 col-lg-3 col-xl-3">
                                                                        <div class="rbt-footer-widget">
                                                                        <p> class="h5 rbt-text-white mb--30">Need help?</p>
                                                                        <p> class="b4 mb--10 rbt-text-body">Call us directly</p>
                                                                        <a> class="rbt-text-white rbt-hover-underline rbt-fw-medium" href="callto:+010098007804">+010098007804</a>
                                                                        <p> class="b4 mt--20 mb--10 rbt-text-body">Email us</p>
                                                                        <a> class="rbt-text-white rbt-hover-underline rbt-fw-medium"
                                                                            href="mailto:corebiz@info.com">corebiz@info.com</a>
                                                                        <p> class="b4 mt--20 mb--10 rbt-text-body">We are available</p>
                                                                        <p class="rbt-text-white rbt-fw-regular"><span> class="rbt-gradient-text">Mon-Sat:</span>
                                                                            9am to 7pm
                                                                        </p>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-sm-6 col-md-4 col-lg-3 col-xl-3">
                                                                        <div class="rbt-footer-widget">
                                                                        <p> class="h5 rbt-text-white mb--30">Follow us</p>
                                                                        <!-- Social List -->
                                                                        </div>
                                                                    </div>
                                                                    </div>
                                                                    <div> class="rbt-separator rbt-bg-white-opacity-100 mt--65 mt_sm--50"></div>
                                                                    <div class="rbt-copyright-area pt--25 pb--25">
                                                                    <a> class="rbt-logo d-block" href="/">
                                                                        <img src="assets/images/logo/logo-with-white-text.svg" alt="Logo">
                                                                    </a>
                                                                    <p class="m-0 rbt-copyright rbt-dynamic-year">© 2025 <a>. class="rbt-hover-underline" href="/">Corebiz</a>.
                                                                        All Rights Reserved</p>
                                                                    </div>

                                                                    <div> class="rbt-separator rbt-bg-white-opacity-100"></div>
                                                                    <div class="mt--35 mb--35">
                                                                    <ul class="rbt-list list-row rbt-list-bg-dark">
                                                                        <li><a> class="rbt-hover-underline b2 rbt-text-gray-3" href="#">Terms & Condition</a></li>
                                                                        <li><a> class="rbt-hover-underline b2 rbt-text-gray-3" href="#">Privacy Policy</a></li>
                                                                        <li><a> class="rbt-hover-underline b2 rbt-text-gray-3" href="#">View on Sitemap</a></li>
                                                                    </ul>
                                                                    </div>
                                                                </div>
                                                                </div>
                                                            </div>

                                                            <div> class="rbt-footer-shape-2">
                                                                <img src="assets/images/banner/shape-8.webp" alt="image person">
                                                            </div>
                                                            </footer>
                                                    
                                                

Sources and Credits

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

  • Google Fonts
  • Swiperjs Slider
  • Magnific Popup
  • jQuery
  • Waypoints Js
  • odometer Counter Up
  • jquery one page nav
  • Bootstrap Select
  • Fancybox
  • GSAP
  • Vanilla Tilt

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

Change Log

Update Change log View Changelog Here

If you need the template customization or custom development services please contact us.

Email Us

Corebiz

© 2026 All Rights Reserved by Rainbow Themes