Corpox Documentation


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

Corpox
Working with Doc

You can any work by following our docs

Corpox
Formatting Content

Our content is more formating for your website

Corpox
Perfect Responsive

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

Corpox
Sass Available

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

Corpox
Fast Loading Speed

Corpox is faster loading speed. Corpox create your template so much faster

Corpox
24 Support System

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

Getting Started

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

To use Corpox – Next-gen All-in-one Consulting & Business Bootstrap 5 Template. It comes with HTML5 and Bootstrap 5. We built it with a component-based and developer-friendly modern structure. This template comes with a professional design and a faster-loading experience. It includes Home Default, Business Consulting, Corporate Agency, Startup, Finance, IT Services, Digital Agency, Marketing, Classic Business, Elegant Business, Technology, and other necessary inner or detail pages to cover all your business needs. Corpox is a multipurpose business template that can be used for consulting firms, corporate companies, agencies, startups, or any kind of professional business website.

Corpox Core Features

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

What's Included

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

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

How to Install Corpox Website Templates

Installing a Corpox template is not like installing a WordPress or CMS theme. In fact, the word “installation” doesn’t really apply to Corpox. Why? Because you don’t actually install anything. Corpox, like any HTML template, is automatically rendered directly by the browser.

1. Editing Corpox Template

Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.

2. Uploading to Live Server Using FTP:

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

Home Page

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

Home Page

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

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

Template Structures

Articles

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 Consulting || Corpox Business and Consulting Bootstrap5 Template</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="image/x-icon" href="assets/images/favicon.png">
                                                    <!-- CSS
                                                    ============================================ -->
                                                    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
                                                    <link rel="stylesheet" href="assets/css/plugins/animation.css">
                                                    <link rel="stylesheet" href="assets/css/plugins/feature.css">
                                                    <link rel="stylesheet" href="assets/css/plugins/magnify.min.css">
                                                    <link rel="stylesheet" href="assets/css/plugins/slick.css">
                                                    <link rel="stylesheet" href="assets/css/plugins/slick-theme.css">
                                                    <link rel="stylesheet" href="assets/css/plugins/lightbox.css">
                                                    <link rel="stylesheet" href="assets/css/plugins/odometer.css">
                                                    <link rel="stylesheet" href="assets/css/style.css">
                                                </head>
                                                <body>
                                                
                                                    <!-- JS
                                                    ============================================ -->
                                                    <!-- jQuery JS -->
                                                    <script src="assets/js/vendor/jquery.min.js"></script>
                                                    <!-- Bootstrap JS -->
                                                    <script src="assets/js/vendor/bootstrap.min.js"></script>
                                                    <!-- waypoint JS -->
                                                    <script src="assets/js/vendor/waypoint.min.js"></script>
                                                    <!-- Parallax JS -->
                                                    <script src="assets/js/vendor/wow.min.js"></script>
                                                    <!-- feather.js -->
                                                    <script src="assets/js/vendor/feather.min.js"></script>
                                                    <script src="assets/js/vendor/sal.min.js"></script>
                                                    <script src="assets/js/plugins/gsap.js"></script>
                                                    <script src="assets/js/plugins/scrolltigger.js"></script>
                                                    <script src="assets/js/plugins/splittext.js"></script>
                                                    <script src="assets/js/vendor/masonry.js"></script>
                                                    <script src="assets/js/vendor/imageloaded.js"></script>
                                                    <script src="assets/js/vendor/magnify.min.js"></script>
                                                    <script src="assets/js/vendor/lightbox.js"></script>
                                                    <script src="assets/js/vendor/slick.min.js"></script>
                                                    <script src="assets/js/vendor/easypie.js"></script>
                                                    <script src="assets/js/vendor/text-type.js"></script>
                                                    <script src="assets/js/vendor/text-type.js"></script>
                                                    <script src="assets/js/vendor/jquery-one-page-nav.js"></script>
                                                    <script src="assets/js/plugins/smoothscroll.js"></script>
                                                    <script src="assets/js/plugins/odometer.js"></script>
                                                    <script src="assets/js/plugins/jaralax.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: Corpox - Business & Consulting Bootstrap5 Template
                                                  Description: Transform your business with expert consulting. Our team delivers strategic insights, innovative solutions, and professional guidance to help you achieve lasting success.
                                                  Note: This is style css.
                                                **********************************************************************************/
                                                /**************************************************************
                                                  STYLESHEET INDEXING
                                                  |
                                                  |
                                                  |___ Default Styles
                                                  | |
                                                  | |___ variables
                                                  | |___ mixins
                                                  | |___ reset
                                                  | |___ typography
                                                  | |___ extend
                                                  | |___ animations
                                                  | |___ shortcode
                                                  | |___ spacing
                                                  | |___ common
                                                  | |___ forms
                                                  | |___ text-animation
                                                  |
                                                  |
                                                  |___Header Styles
                                                  | |___ header-common
                                                  | |___ headertop
                                                  | |___ offertopbar
                                                  | |___ headermid
                                                  | |___ social-share
                                                  | |___ header
                                                  | |___ nav
                                                  | |___ mega-menu
                                                  | |___ mobilemenu
                                                  | |___ offcanvas
                                                  | |___ one-page-navigation
                                                  |
                                                  |
                                                  |___Elements Styles
                                                  | |___ button
                                                  | |___ section-title
                                                  | |___ breadcrumb
                                                  | |___ card
                                                  | |___ course-meta
                                                  | |___ service
                                                  | |___ feature
                                                  | |___ about
                                                  | |___ callto-action
                                                  | |___ accordion
                                                  | |___ image-gallery
                                                  | |___ counterup
                                                  | |___ pricingtable
                                                  | |___ team
                                                  | |___ social
                                                  | |___ pagination
                                                  | |___ backtotop
                                                  | |___ newsletterform
                                                  | |___ brand
                                                  | |___ portfolio
                                                  | |___ contact
                                                  | |___ testimonial
                                                  | |___ advance-tab
                                                  | |___ category
                                                  | |___ instagram
                                                  | |___ split
                                                  | |___ countdown
                                                  | |___ progressbar
                                                  | |___ category-box
                                                  | |___ course-filter
                                                  | |___ modal
                                                  | |___ list
                                                  | |___ search
                                                  | |___ video
                                                  | |___ 404
                                                  |___Blog Styles
                                                  | |___ blog
                                                  | |___ post-default
                                                  | |___ sidebar
                                                  | |___ blog-details
                                                  | |___ unit-test
                                                  |___Shop Styles {Coming Soon}
                                                  | |___ shop
                                                  | |___ product-details
                                                  | |___ my-account
                                                  | |___ cart
                                                  | |___ checkout
                                                  | |___ minicart
                                                  |___Template Styles
                                                  | |___ banner
                                                  | |___ course-details
                                                  | |___ course-sidebar
                                                  | |___ contact
                                                  | |___ sidebar
                                                  | |___ course-action-bottom
                                                  |___Footer Styles
                                                  | |___ footer
                                                  | |___ copyright
                                                  | |___ back-to-top
                                                  | |___ dark
                                                  |
                                                  |
                                                  |___ 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

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.png" alt="Education Logo Images">
                                                            </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.

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

  1. Open the variable.scss file from assets > scss > defaults 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

Changing Email Settings of the Contact Form

  1. Go to main folder
  2. Open mail.php
  3. Go to line number 15
  4. Follow instructions in image below:
Images

Header Types

Welcome to Corpox Header Elements! You can choose 8 Types of header package for createing you website.

01. Header Default

To change any images of the website

Images 

                                                    
                                                        <!-- Start Header Area -->
                                                            <header class="tmp-header header-default header-transparent header-sticky header-one">
                                                                <div class="container position-relative">
                                                                    <div class="row align-items-center row--0">
                                                                        <!-- Elements -->
                                                                    </div>
                                                                </div>
                                                            </header>
                                                            <!-- End Header Area -->

02. Header Transparent

To change any images of the website

  1. Add rbt-transparent-header class with header tag
  2. For content white add color-white-variation class with rbt-header-wrapper class
Images 

                                                    
                                                        <!-- Start Header Area -->
                                                            <header class="tmp-header header-default header-not-transparent header-sticky">
                                                                <div class="container position-relative">
                                                                    <!-- Start Header Content  -->
                                                                    ...
                                                                    <!-- End Header Content  -->
                                                                </div>
                                                            </header>
                                                        <!-- End Header Area -->

03. Header With Topbar

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

Images 

                                                    
                                                        <!-- Start Header Area -->
                                                            <div class="header-top-bar" >  
                                                                <div class="container" >  

                                                                </div>
                                                            </div>
                                                            <header class="tmp-header header-default header-transparent header-sticky header-one">
                                                                <div class="container position-relative" >  
                                                                    <!-- header-elements -->
                                                                </div>
                                                            </header>
                                                        <!-- End Header Area -->

All Elemnts and Shortcode Types


Welcome to Corpox 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 Buttons  -->
                                                        <a class="tmp-btn btn-small" href="#">Button SM</a>
                                                        <a class="tmp-btn" href="#">Button MD</a>
                                                        <a class="tmp-btn btn-large" href="#">Button MD</a>
                                                        <a class="tmp-btn btn-xl" href="#">Button LG</a>
                                                        <a class="tmp-btn btn-extra-large" href="#">Button XL</a>
                                                        <a class="tmp-btn btn-xxl" href="#">Button XXL</a>
                                                        <!-- End Buttons  -->


Accordion

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

Images 

                                                    
                                                        <div class="tmp-accordion-style accordion" data-sal="slide-up" data-sal-duration="800">
                                                            <div class="accordion" id="accordionExamplea">
                                                                <div class="accordion-item card tmponhover">
                                                                    <h2 class="accordion-header card-header" id="headingOne">
                                                                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                                            What services do you provide?
                                                                        </button>
                                                                    </h2>
                                                                    <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExamplea">
                                                                        <div class="accordion-body card-body">
                                                                            Corpox is a modern and professional business HTML template.
                                                                            It is designed for startups, agencies, and corporate websites.
                                                                            With clean code and responsive layout, it ensures seamless performance on all devices.
                                                                            Corpox helps you showcase your services, projects, and brand with style.
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="accordion-item card tmponhover">
                                                                    <h2 class="accordion-header card-header" id="headingTwo">
                                                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                                            How does the consultation process work?
                                                                        </button>
                                                                    </h2>
                                                                    <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExamplea">
                                                                        <div class="accordion-body card-body">
                                                                            After purchasing the product, if you need any support, you can share your issue with us by sending a mail to themespark11@gmail.com.
                                                                            Our support team will review your request and get back to you as soon as possible.
                                                                            We are always ready to assist you with installation.
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="accordion-item card tmponhover">
                                                                    <h2 class="accordion-header card-header" id="headingThree">
                                                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                                            How can I schedule a meeting?
                                                                        </button>
                                                                    </h2>
                                                                    <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExamplea">
                                                                        <div class="accordion-body card-body">
                                                                            Yes, We will get update the Trydo. And you can get it any time. Next
                                                                            time we will comes with more feature.
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                                <div class="accordion-item card tmponhover">
                                                                    <h2 class="accordion-header card-header" id="headingFour">
                                                                        <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                                            Do you offer customized business solutions?
                                                                        </button>
                                                                    </h2>
                                                                    <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExamplea">
                                                                        <div class="accordion-body card-body">
                                                                            You can run Corpox easily. First You'll need to have node and npm on your
                                                                            machine. So Please open your command prompt then check your node -v and
                                                                            npm -v Version.
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </div>
                                                         </div >

Clients

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

Images 

                                                    


                                                        <!-- Start Brand Area  -->
                                                        <div class="tmp-brand-area tmp-section-gapTop">
                                                            <div class="container">
                                                                <div class="row">
                                                                    <div class="col-lg-12">
                                                                        <div class="tmp-section-title-border text-center">
                                                                            <div class="pres-line-separator-wrapper text-center mb--10">
                                                                                <div class="line-separator line-left"></div>
                                                                                <span class="subtitle">
                                                                                    <span class="number">2000+ </span>
                                                                                <span class="subtitle-text">Trusted leading companies</span>
                                                                                </span>
                                                                                <div class="line-separator line-right"></div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-lg-12 mt--20">
                                                                        <ul class="brand-list brand-carousel-activation tmp-slick-arrow tmp-slick-dot mb--40">
                                                                            <li><a href="#"><img src="assets/images/brand/brand-01.png" alt="Brand Image"></a></li>
                                                                            <li><a href="#"><img src="assets/images/brand/brand-02.png" alt="Brand Image"></a></li>
                                                                            <li><a href="#"><img src="assets/images/brand/brand-03.png" alt="Brand Image"></a></li>
                                                                            <li><a href="#"><img src="assets/images/brand/brand-04.png" alt="Brand Image"></a></li>
                                                                            <li><a href="#"><img src="assets/images/brand/brand-05.png" alt="Brand Image"></a></li>
                                                                            <li><a href="#"><img src="assets/images/brand/brand-06.png" alt="Brand Image"></a></li>
                                                                            <li><a href="#"><img src="assets/images/brand/brand-06.png" alt="Brand Image"></a></li>
                                                                            <li><a href="#"><img src="assets/images/brand/brand-06.png" alt="Brand Image"></a></li>
                                                                        </ul>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>

Counters

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

Images 

                                                    
                                                        
                                                        <!-- Start Main Counter up-1 Area  -->
                                                        <div class="tmp-counterup-area tmp-section-gap">
                                                            <div class="container">
                                                                <div class="row">
                                                                    <div class="col-lg-12">
                                                                        <div class="tmp-section-title-border text-center">
                                                                            <div class="pres-line-separator-wrapper text-center mb--10">
                                                                                <div class="line-separator line-left"></div>
                                                                                <span class="subtitle">
                                                                                    <span class="number">+2000</span>
                                                                                <span class="subtitle-text">Awesome Clients</span>
                                                                                </span>
                                                                                <div class="line-separator line-right"></div>
                                                                            </div>
                                                                            <h2 class="title w-700">Our Agency in Numbers</h2>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="row g-5 mt--10">
                                                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 tmp-jump__item">
                                                                        <div class="count-box counter-style-4 tmp-card text-center without-border tmponhover">
                                                                            <div>
                                                                                <div class="count-number"><span class="odometer" data-count="199">000</span>K</div>
                                                                            </div>
                                                                            <h5 class="counter-title">Happy Clients.</h5>
                                                                            <div class="left-hover-counter"></div>
                                                                            <div class="right-hover-counter"></div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 tmp-jump__item" data-sal-delay="100">
                                                                        <div class="count-box counter-style-4 tmp-card text-center without-border tmponhover">
                                                                            <div>
                                                                                <div class="count-number"><span class="odometer" data-count="575">000</span>+</div>
                                                                            </div>
                                                                            <h5 class="counter-title">Employees</h5>
                                                                            <div class="left-hover-counter"></div>
                                                                            <div class="right-hover-counter"></div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 tmp-jump__item" data-sal-delay="200">
                                                                        <div class="count-box counter-style-4 tmp-card text-center without-border tmponhover">
                                                                            <div>
                                                                                <div class="count-number"><span class="odometer" data-count="69">00</span>M</div>
                                                                            </div>
                                                                            <h5 class="counter-title">Useful Programs</h5>
                                                                            <div class="left-hover-counter"></div>
                                                                            <div class="right-hover-counter"></div>
                                                                        </div>
                                                                    </div>

                                                                    <div class="col-lg-3 col-md-6 col-sm-6 col-12 tmp-jump__item" data-sal-delay="300">
                                                                        <div class="count-box counter-style-4 tmp-card text-center without-border tmponhover">
                                                                            <div>
                                                                                <div class="count-number"><span class="odometer" data-count="500">000</span>+</div>
                                                                            </div>
                                                                            <h5 class="counter-title">Useful Programs</h5>
                                                                            <div class="left-hover-counter"></div>
                                                                            <div class="right-hover-counter"></div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <!-- End Main Main Counter up-1 Area  -->

Social Share

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

  • Add .transparent-with-border class For Transparent with border style.
  • Add .with-gradient class For Hover gradient style.
  • Add .with-bg-primary class For With Bg Primary Color style.
  • Add .icon-naked class For naked style.
Images 

                                                    
                                                        <ul class="social-icon social-default justify-content-start">
                                                            <li><a href="https://www.facebook.com/">
                                                                    <i class="feather-facebook"></i>
                                                                </a>
                                                            </li>
                                                            <li><a href="https://www.twitter.com">
                                                                    <i class="feather-twitter"></i>
                                                                </a>
                                                            </li>
                                                            <li><a href="https://www.instagram.com/">
                                                                    <i class="feather-instagram"></i>
                                                                </a>
                                                            </li>
                                                            <li><a href="https://www.linkdin.com/">
                                                                    <i class="feather-linkedin"></i>
                                                                </a>
                                                            </li>
                                                        </ul>

Progressbar

Different types of progressbar are styled in our template. See below image and code for more information.

  • Add .large-size class for large size style.
  • Add .no-radius class for square style.
Images 

                                                    
                                                        
                                                            <div class="tmp-progress-style-1">

                                                                <div class="single-progress">
                                                                    <h6 class="title">Web Development</h6>
                                                                    <div class="progress">
                                                                        <div class="progress-bar wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay=".3s" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
                                                                        </div>
                                                                        <span class="progress-number">90%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="single-progress">
                                                                    <h6 class="title">Photoshop Design</h6>
                                                                    <div class="progress">
                                                                        <div class="progress-bar wow fadeInLeft bar-color-2" data-wow-duration="0.5s" data-wow-delay=".3s" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">
                                                                        </div>
                                                                        <span class="progress-number">75%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="single-progress">
                                                                    <h6 class="title">App Development</h6>
                                                                    <div class="progress">
                                                                        <div class="progress-bar wow fadeInLeft bar-color-3" data-wow-duration="0.5s" data-wow-delay=".3s" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">
                                                                        </div>
                                                                        <span class="progress-number">95%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="single-progress">
                                                                    <h6 class="title">Application Development</h6>
                                                                    <div class="progress">
                                                                        <div class="progress-bar wow fadeInLeft bar-color-4" role="progressbar" style="width: 45%;" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100">
                                                                        </div>
                                                                        <span class="progress-number">45%</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <div class="tmp-progress-style-1">

                                                                <div class="single-progress">
                                                                    <h6 class="title">Web Development</h6>
                                                                    <div class="progress">
                                                                        <div class="progress-bar wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay=".3s" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">

                                                                        </div>
                                                                        <span class="progress-number">90%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="single-progress">
                                                                    <h6 class="title">Photoshop Design</h6>
                                                                    <div class="progress">
                                                                        <div class="progress-bar wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay=".3s" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100">

                                                                        </div>
                                                                        <span class="progress-number">75%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="single-progress">
                                                                    <h6 class="title">App Development</h6>
                                                                    <div class="progress">
                                                                        <div class="progress-bar wow fadeInLeft" data-wow-duration="0.5s" data-wow-delay=".3s" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">
                                                                        </div>
                                                                        <span class="progress-number">95%</span>
                                                                    </div>
                                                                </div>

                                                                <div class="single-progress">
                                                                    <h6 class="title">Application Development</h6>
                                                                    <div class="progress">
                                                                        <div class="progress-bar wow fadeInLeft" role="progressbar" style="width: 45%;" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100">
                                                                        </div>
                                                                        <span class="progress-number">45%</span>
                                                                    </div>
                                                                </div>

                                                            </div>

Call To Action

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

Images 

                                                    
                                                         
                                                        <div class="tmp-callto-action-area tmp-section-gapBottom">
                                                            <div class="wrapper">
                                                                <div class="tmp-callto-action-area with-shape position-relative">
                                                                    <div class="wrapper">
                                                                        <div class="tmp-callto-action clltoaction-style-default style-5">
                                                                            <div class="container">
                                                                                <div class="row row--0 align-items-center content-wrapper theme-shape">
                                                                                    <div class="col-lg-12">
                                                                                        <div class="inner">
                                                                                            <div class="content text-center">
                                                                                                <h2 class="title tmp-title-split">Ready to start creating <br> a standard website?</h2>
                                                                                                <h6 class="subtitle tmp-title-split">Finest choice for your home & office</h6>
                                                                                                <div class="call-to-btn d-flex justify-content-center">
                                                                                                    <a class="tmp-btn btn-extra-large hover-icon-reverse" href="#">
                                                                                                        <span class="icon-reverse-wrapper">
                                                                                                            <span class="btn-text">Purchase Corpox</span>
                                                                                                        <span class="btn-icon"><i class="feather-arrow-right"></i></span>
                                                                                                        <span class="btn-icon"><i class="feather-arrow-right"></i></span>
                                                                                                        </span>
                                                                                                    </a>
                                                                                                </div>
                                                                                            </div>
                                                                                            <div class="tmp-profile-box mt--50">
                                                                                                <div class="profile-share justify-content-center">
                                                                                                    <a href="#" class="avatar" data-tooltip="Mark JOrdan" tabindex="0"><img src="assets/images/testimonial/tooltip-01.png" alt="education"></a>
                                                                                                    <a href="#" class="avatar" data-tooltip="Mark" tabindex="0"><img src="assets/images/testimonial/tooltip-02.png" alt="education"></a>
                                                                                                    <a href="#" class="avatar" data-tooltip="Jordan" tabindex="0"><img src="assets/images/testimonial/tooltip-03.png" alt="education"></a>
                                                                                                    <div class="more-author-text">
                                                                                                        <h5 class="total-join-students">Join Over 3000+ Students</h5>
                                                                                                        <p class="subtitle">
                                                                                                            <a class="btn-read-more" href="#"><span>Purchase Corpox</span></a>
                                                                                                        </p>
                                                                                                    </div>
                                                                                                </div>
                                                                                            </div>
                                                                                        </div>
                                                                                    </div>
                                                                                    <!-- <div class="shape-image wow move-out">
                                                                                        <img src="assets/images/shape/01.png" alt="call-to-action">
                                                                                    </div> -->
                                                                                    <div class="person-stand images-left-right-float">
                                                                                        <img loading="lazy" src="assets/images/call-to-action/01.png" alt="call-to-action">
                                                                                    </div>
                                                                                    <div class="bg-shape-area-cta-main tmponhover">
                                                                                        <img loading="lazy" src="assets/images/shape/02.webp" alt="">
                                                                                    </div>
                                                                                    <div class="bg-line-animatoin-area-global"></div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>

                                                                </div>
                                                            </div>
                                                        </div>
                                                        <-- End Call TO Action Area  -->

Footer Style

Welcome to Corpox 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="tmp-footer footer-style-default variation-two position-relative">

                                                            <div class="footer-top">
                                                                <div class="container">
                                                                    <div class="row">
                                                                        <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <div class="logo">
                                                                                    <a href="index.html">
                                                                                        <img class="logo-light" src="assets/images/logo/logo.png" alt="Corporate Logo">
                                                                                        <img class="logo-dark" src="assets/images/logo/logo-dark.png" alt="Corporate Logo">
                                                                                    </a>
                                                                                </div>
                                                                                <p class="subtitle mt--30">If you want to create a corporate template you can purshace now
                                                                                    our Corpex
                                                                                    template.</p>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <h4 class="title">Company</h4>
                                                                                <div class="inner">
                                                                                    <ul class="footer-link link-hover">
                                                                                        <li><a href="pricing.html">Pricing</a></li>
                                                                                        <li><a href="tab.html">Tab Styles</a></li>
                                                                                        <li><a href="service.html">Service</a></li>
                                                                                        <li><a href="social-share.html">Social</a></li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <h4 class="title">Resources</h4>
                                                                                <div class="inner">
                                                                                    <ul class="footer-link link-hover">
                                                                                        <li><a href="team.html">Team</a></li>
                                                                                        <li><a href="testimonial.html">Testimonial</a></li>
                                                                                        <li><a href="service.html">Service</a></li>
                                                                                        <li><a href="timeline.html">Timeline</a></li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <h4 class="title">Stay With Us.</h4>
                                                                                <div class="inner">
                                                                                    <h6 class="subtitle">1200+ trusted clients are subscribe Us around the world</h6>
                                                                                    <ul class="social-icon social-default justify-content-start">
                                                                                        <li><a href="https://www.facebook.com/">
                                                                                                <i class="feather-facebook"></i>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li><a href="https://www.twitter.com">
                                                                                                <i class="feather-twitter"></i>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li><a href="https://www.instagram.com/">
                                                                                                <i class="feather-instagram"></i>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li><a href="https://www.linkdin.com/">
                                                                                                <i class="feather-linkedin"></i>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <!-- Start Copy Right Area  -->
                                                            <div class="copyright-area copyright-style-one">
                                                                <div class="container">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-lg-6 col-md-8 col-sm-12 col-12">
                                                                            <div class="copyright-left">
                                                                                <ul class="ft-menu link-hover">
                                                                                    <li>
                                                                                        <a href="privacy-policy.html">Privacy Policy</a>
                                                                                    </li>
                                                                                    <li>
                                                                                        <a href="#">Terms And Condition</a>
                                                                                    </li>
                                                                                    <li>
                                                                                        <a href="contact.html">Contact Us</a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-6 col-md-4 col-sm-12 col-12">
                                                                            <div class="copyright-right text-center text-lg-end">
                                                                                <p class="copyright-text">All Right Reserved © Corpox
                                                                                    <script>
                                                                                        document.write(
                                                                                            new Date().getFullYear()
                                                                                        )
                                                                                    </script>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- End Copy Right Area  -->
                                                            <div class="shape-area wow move-right" data-wow-offset="250">
                                                                <img src="assets/images/shape/02.png" alt="consulting_business">
                                                            </div>
                                                        </footer>
                                                        <!-- End Footer Area  -->

Footer Two

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

Images 

                                                    


                                                         
                                                        <footer class="tmp-footer footer-style-default variation-two position-relative mt--80">

                                                            <div class="footer-top pt--0">
                                                                <div class="container pb--80 pb_sm--30 pb_md--40">
                                                                    <div class="row">
                                                                        <div class="col-lg-12">
                                                                            <div class="footer-message-and-form">
                                                                                <p class="colophon">
                                                                                    Corpox is powered by <a target="_blank" href="https://themeforest.net/user/inversweb">InversWeb</a>.
                                                                                </p>
                                                                                <div class="footer-form-wrap">

                                                                                    <h4>Keep up to date on InversWeb</h4>

                                                                                    <p>with our hand-crafted newsletter</p>

                                                                                    <form id="#" action="#">
                                                                                        <input type="email" placeholder="Email Here" required>
                                                                                        <button class="tmp-btn btn-primary">SUBSCRIBE</button>
                                                                                    </form>

                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="container">
                                                                    <div class="row">
                                                                        <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <div class="logo">
                                                                                    <a href="index.html">
                                                                                        <img class="logo-light" src="assets/images/logo/logo.png" alt="Corporate Logo">
                                                                                        <img class="logo-dark" src="assets/images/logo/logo-dark.png" alt="Corporate Logo">
                                                                                    </a>
                                                                                </div>
                                                                                <p class="subtitle mt--30">If you want to create a corporate template you can purshace now
                                                                                    our Corpex
                                                                                    template.</p>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <h4 class="title">Company</h4>
                                                                                <div class="inner">
                                                                                    <ul class="footer-link link-hover">
                                                                                        <li><a href="pricing.html">Pricing</a></li>
                                                                                        <li><a href="tab.html">Tab Styles</a></li>
                                                                                        <li><a href="service.html">Service</a></li>
                                                                                        <li><a href="social-share.html">Social</a></li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <h4 class="title">Resources</h4>
                                                                                <div class="inner">
                                                                                    <ul class="footer-link link-hover">
                                                                                        <li><a href="team.html">Team</a></li>
                                                                                        <li><a href="testimonial.html">Testimonial</a></li>
                                                                                        <li><a href="service.html">Service</a></li>
                                                                                        <li><a href="timeline.html">Timeline</a></li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-4 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <h4 class="title">Stay With Us.</h4>
                                                                                <div class="inner">
                                                                                    <h6 class="subtitle">10000+ trusted clients are subscribe Us around the world</h6>
                                                                                    <ul class="social-icon social-default justify-content-start">
                                                                                        <li><a target="_blank" href="https://www.facebook.com/">
                                                                                                <i class="feather-facebook"></i>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li><a target="_blank" href="https://www.twitter.com">
                                                                                                <i class="feather-twitter"></i>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li><a target="_blank" href="https://www.instagram.com/">
                                                                                                <i class="feather-instagram"></i>
                                                                                            </a>
                                                                                        </li>
                                                                                        <li><a target="_blank" href="https://www.linkdin.com/">
                                                                                                <i class="feather-linkedin"></i>
                                                                                            </a>
                                                                                        </li>
                                                                                    </ul>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>


                                                            <!-- Start Copy Right Area  -->
                                                            <div class="copyright-area copyright-style-one">
                                                                <div class="container">
                                                                    <div class="row align-items-center">
                                                                        <div class="col-lg-6 col-md-8 col-sm-12 col-12">
                                                                            <div class="copyright-left">
                                                                                <ul class="ft-menu link-hover">
                                                                                    <li>
                                                                                        <a href="privacy-policy.html">Privacy Policy</a>
                                                                                    </li>
                                                                                    <li>
                                                                                        <a href="#">Terms And Condition</a>
                                                                                    </li>
                                                                                    <li>
                                                                                        <a href="contact.html">Contact Us</a>
                                                                                    </li>
                                                                                </ul>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-6 col-md-4 col-sm-12 col-12">
                                                                            <div class="copyright-right text-center text-lg-end">
                                                                                <p class="copyright-text">All Right © Corpox <script>
                                                                                        document.write(
                                                                                            new Date().getFullYear()
                                                                                        )
                                                                                    </script>
                                                                                </p>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- End Copy Right Area  -->
                                                            <div class="shape-area wow move-right" data-wow-offset="250">
                                                                <img src="assets/images/shape/02.png" alt="consulting_business">
                                                            </div>
                                                        </footer>
                                                        <!-- End Footer Area  -->

Footer Three

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

Images 

                                                    


                                                         <!-- Start Footer Area  -->
                                                        <footer class="tmp-footer footer-style-default footer-style-1 position-relative">
                                                            <div class="footer-top">
                                                                <div class="container">
                                                                    <div class="row">
                                                                        <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <div class="logo">
                                                                                    <a href="index.html">
                                                                                        <img class="logo-light" src="assets/images/logo/logo.png" alt="Corporate Logo">
                                                                                        <img class="logo-dark" src="assets/images/logo/logo-dark.png" alt="Corporate Logo">
                                                                                    </a>
                                                                                </div>
                                                                                <h3 class="text-big">Create Website By Corpox So Quick Download And Make Your Site.</h3>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <div class="widget-menu-top">
                                                                                    <h4 class="title">Services</h4>
                                                                                    <div class="inner">
                                                                                        <ul class="footer-link link-hover">
                                                                                            <li><a href="testimonial-white.html">Testiminial</a></li>
                                                                                            <li><a href="index-company-white.html">Company</a></li>
                                                                                            <li><a href="index-marketing-agency-white.html">Marketing</a></li>
                                                                                            <li><a href="index-startup-white.html">Startup</a></li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="widget-menu-bottom">
                                                                                    <h4 class="title">Products</h4>
                                                                                    <div class="inner">
                                                                                        <ul class="footer-link link-hover">
                                                                                            <li><a href="about-white.html">About</a></li>
                                                                                            <li><a href="portfolio-white.html">Portfolio</a></li>
                                                                                            <li><a href="contact-white.html">Contact</a></li>
                                                                                            <li><a href="service-white.html">Service</a></li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-2 col-md-6 col-sm-6 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <div class="widget-menu-top">
                                                                                    <h4 class="title">Company</h4>
                                                                                    <div class="inner">
                                                                                        <ul class="footer-link link-hover">
                                                                                            <li><a href="index-corporate-white.html">Corporate</a></li>
                                                                                            <li><a href="portfolio-white.html">Portfolio</a></li>
                                                                                            <li><a href="index-seo-agency-white.html">SEO Agency</a></li>
                                                                                            <li><a href="index-web-agency-white.html">Web Agency</a></li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                                <div class="widget-menu-bottom">
                                                                                    <h4 class="title">Solutions</h4>
                                                                                    <div class="inner">
                                                                                        <ul class="footer-link link-hover">
                                                                                            <li><a href="gallery-white.html">Gallery</a></li>
                                                                                            <li><a href="testimonial-white.html">Testimonial</a></li>
                                                                                            <li><a href="contact-white.html">Contact</a></li>
                                                                                            <li><a href="service-white.html">Service</a></li>
                                                                                        </ul>
                                                                                    </div>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="col-lg-4 col-md-6 col-sm-12 col-12">
                                                                            <div class="tmp-footer-widget">
                                                                                <h4 class="title">Newsletter</h4>
                                                                                <div class="inner">
                                                                                    <h6 class="subtitle"><span class="odometer" data-count="2000">000</span> Our clients are subscribe Around the World</h6>
                                                                                    <form class="newsletter-form" action="#">
                                                                                        <div class="form-group">
                                                                                            <input type="email" placeholder="Enter Your Email Here">
                                                                                        </div>
                                                                                        <div class="form-group">
                                                                                            <button class="tmp-btn" type="submit">Submit Now</button>
                                                                                        </div>
                                                                                    </form>
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </footer>

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 get Support via Item Support

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

Email Us