List of Contents

Documentation forFusionet - Saas & Software Landing Page Template

Fusionet | Responsive React Next Js With Bootstrap 5.3.2 Landing Template

Created by: ThemeSir

Created Date: 13/01/2024

Support Email - themesir222@gmail.com

Thank you for purchasing this template. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact from here ( https://www.codester.com/themesir/ ).

Installation

Node.js and NPM : You can download Node.js from https://nodejs.org. NPM comes bundled with Node.js.



Install Npm Packages

NPM : You must have to npm install packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.



Development server

Run npm run dev for a dev server. Navigate to http://localhost:3000/ . The app will automatically reload if you change any of the source files.



Build

Run npm run build to build the project. The build artifacts will be stored in the build/ directory. Use the npm run build --prod flag for a production build.



JSX Structure


File Design



Change Title



Change SCSS



Change Image File



All Page



All Components



package.json



App.js



Layout.js






All Components



Changing Font

Investon uses a Font family: 'Nunito' as a default font from the Google Fonts Library. To change the Font, you will need to Edit the Bottom Link with your Custom Font link in css/style.css file and change the body css font-family

If you plan to use a Self Hosted font. Here is an Example for using Self Hosted Font.

    @import url("https://fonts.googleapis.com/css?family=Nunito:400,600,700|Quattrocento+Sans:400,700");

    body {
        font-family: "Nunito", sans-serif
    }

CSS coding standard:

We followed css and css3 coding standard. Here is the example:

 /*==========================
        Contact
 ============================*/


 .form-control {
     box-shadow: none !important;
     height: 50px;
     border: 1px solid #e0e0e0;
 }

 .form-control:focus {
     border-color: #0b52e4;
 }

 .contact-border {
     width: 60px;
     height: 3px;
     margin: 20px 0px;
 }

 textarea.form-control {
     height: auto;
 }

 .contact-icon {
     font-size: 36px;
 }

 .lan_footer_alt_border {
     height: 1px;
     background-color: #2f2f2f;
     width: 100%;
 }

Sources & Credits


Once again, thank you so much for purchasing this template. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme feel free to email via my user page contact from themesir222@gmail.com.