Fluxi SEO Marketing Website Flask Template

1. Introduction

We would like to thank you for choosing Fluxi Flask Template.

We made Fluxi from the ground-up with flexibility in mind. Each element of Fluxi is extremely customizable, where you can make Fluxi to reflect your own branding styles.

The guide gives you detailed methodologies about how you can customize Fluxi and make it fit your brand perfectly!

1.1. Installation

To setup the theme, follow below-mentioned steps

1. Download and Extract the Zip File:
- Download the zip file containing all files integrated with Flask. Extract the contents of the zip file to your desired location.
2. Install Python and Flask:
- Make sure Python (We recommend version 3.12.3) and Flask (We recommend version 3.0) are installed on your machine. If not already installed, you can download and install Python from the official website. To install Flask, you can use pip:
3. Running the Flask Application:
- To run the Flask application, execute the command:
4. Editing Fluxi 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.

1.2. What's Included

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

Fluxi: A Flaskt template file.
documentation: This folder contains what you are reading now.

Folder Structure:

root Folder:
src Folder:

File Structure:

Page Structure:
Component Structure:

1.2. Font

		
                            @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&display=swap');
                            @import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap');

1.3. Source File (CSS)

                            <!-- fontawesome css -->
                            <link  rel="stylesheet preload" href="assets/css/plugins/swiper.min.css" as="style">
                            <link  rel="stylesheet preload" href="assets/css/plugins/magnific-popup.css" as="style">
                            <link  rel="stylesheet preload" href="assets/css/plugins/metismenu.css" as="style">
                            <!-- bootstrap css -->
                            <link  rel="stylesheet preload" href="assets/css/vendor/bootstrap.min.css" as="style">
                            <link  rel="stylesheet preload" href="assets/css/plugins/fontawesome-6.css" as="style">
                            <!-- Custom css -->
                            <link  rel="stylesheet preload" href="assets/css/style.css" as="style">

1.4. Source File (JS)

			
                            <!-- jquery js -->
                            <script defer src="assets/js/plugins/jquery.min.js"></script>
                            <script defer src="assets/js/plugins/bootstrap.min.js"></script>
                            <script defer src="assets/js/plugins/metismenu.js"></script>
                            <script defer src="assets/js/vendor/jqueryui.js"></script>
                            <script defer src="assets/js/vendor/waypoint.js"></script>
                            <script defer src="assets/js/plugins/swiper.js"></script>
                            <script defer src="assets/js/plugins/theia-sticky-sidebar.min.js"></script>
                            <script defer src="assets/js/plugins/gsap.min.js"></script>
                            <script defer src="assets/js/plugins/scrolltigger.js"></script>
                            <script defer src="assets/js/vendor/split-text.js"></script>
                            <script defer src="assets/js/vendor/split-type.js"></script>
                            <script defer src="assets/js/vendor/waw.js"></script>
                            <script defer src="assets/js/plugins/counter-up.js"></script>
                            <script defer src="assets/js/plugins/magnific-popup.js"></script>
                            <script defer src="assets/js/main.js"></script>

3.1. Change Site Title and Favicon

To change your Site title and Favicon open the Fluxi in your editor and go to the location by following screenshot which are given below.

3.2. Change Logo

To change your Site Logo open the Fluxi in your editor and go to the location by following screenshot which are given below.

3.3. Customize Menu

To customize your Site Menu open the Fluxi in your editor and go to the location by following screenshot which are given below.

4.1. Header

From the located file in the image you can customize you site header layout

4.2. Footer

Here is the file where you can customize your footer

4.3. Global Color (SCSS)

To change Fluxi Global Color from scss

4.4. Global Color (CSS)

To change Fluxi Global Color from css

4.5. Content

To customize your Site Content open the Fluxi in your editor and go to the location by following screenshot which are given below.

Page Content:

4.6. Contact Form

To customize your Site Contact Form open the Fluxi in your editor and go to the location by following screenshot which are given below.

6. Support

Support Scope

Included in Free Support Scope:

Fixing bugs
Helping clients in changing site contents by sending instructions that couldn’t be covered by documentation

NOT Included in Free Support Scope:

Any type of custom changes
Any type of request to update clients’ site contents

Paid Support Scope:

Paid support is not a part of Free Support when you purchase the template from themeforest. We understand that some clients need custom changes while using our template. For that we kept an option for paid support which includes:

Custom change request
Custom pages
Custom features

We kept a flat rate for our paid support which is $15/hour.

Support Ticket

Please send your support request here. You will response within 1 business day.

Regards,
Parv Infotech Support Team