Advisr - Business Consulting Angular Templates

Created: 06 August 2025
By: Unifato
Email: unifato.themes@gmail.com

Thank you for purchasing our theme. Advisr - Business Consulting Angular Templates. If you have any question, please feel free to contact us.

Main File Structure

All the file are well organized, its so easy to work with the template.
1. Unzip the files.
2. Open "Advisr" folder.

                
    ├── public                  # Static public files (favicons, robots.txt, etc.)
    ├── src    
    │   ├── app
    │   │   ├── components      # Shared reusable UI components like buttons, cards, modals
    │   │   ├── directives      # Custom directives used across the app
    │   │   ├── multi-pages     # Homepage variants (home-1, home-2, etc.)
    │   │   ├── single-pages    # Single-page landing pages (single home variations)
    |   |   ├── service         # Angular services for API calls, data handling, state management
    │   │   ├── layout          # Header, footer and overall layouts
    │   │   ├── views           # pages, about, shop, services, blog and contact
    │   │   ├── app.config.ts   # Global application configuration (constants, settings)
    │   │   └── app.routes.ts   # Application routing configuration
    │   ├── assets
    │   │   ├── img             # Static image assets
    │   │   ├── css             # Additional global CSS
    │   ├── index.html          # Main HTML shell for the app
    │   ├── main.ts             # Main entry point for Angular app bootstrap
    │   └── styles.scss         # Global stylesheet
    ├── angular.json            # Angular CLI project configuration
    ├── package-lock.json       # Auto-generated dependency lock file (npm)
    ├── package.json            # Project metadata and dependencies
    ├── tsconfig.json           # TypeScript compiler configuration
    └── yarn.lock               # Auto-generated dependency lock file (yarn)

SetUp

Prerequisites

Please follow below steps to install and setup all prerequisites:

Node.js

In order to use build tools you will need to download and install Node.js. If you do not have Node.js installed already, you can get it by downloading the package installer from the official website. Please download the stable version of Node.js (LTS).
Angular CLI

Make sure to have the Angular CLI installed & running in your computer. If you already have installed gulp on your computer, you can skip this step. In order to install, just run command npm install -g @angular/cli from your terminal.

Installation

To setup, follow the below mentioned steps:

You can run the following commands to run project locally or build for production use:

You can run this app following package manager: Bun, Yarn or NPM

1. Bun

If you don't have bun installed on your PC, use the npm i -g bun or sudo npm i -g bun to install

Command	Description
`bun i`	This would install all required dependencies in `node_modules` folder.
`bun start`	Runs the project locally, starts the development server.
`bun run build`	It bundles with production mode. Your app is now ready to be deployed.

2. Yarn

If you don't have yarn installed on your PC, use the next command npm i -g yarn or sudo npm i -g yarn

Command	Description
`yarn`	This would install all required dependencies in `node_modules` folder.
`yarn start`	Runs the project locally, starts the development server.
`yarn build`	It bundles with production mode. Your app is now ready to be deployed.

3. NPM

npm comes preinstalled when you install Nodejs

Command	Description
`npm i`	This would install all required dependencies in `node_modules` folder.
`npm start`	Runs the project locally, starts the development server.
`npm run build`	It bundles with production mode. Your app is now ready to be deployed.

Sources & Credits

We've used the following open-source tools, libraries, and resources to build this Angular project. Credit goes to the creators and the open-source community behind them.

Angular 20 – Modern frontend framework for building single-page applications
Bootstrap 5.3 – Responsive design framework for grid, layout, and utilities
@ng-bootstrap 19 – Angular-native Bootstrap components (no jQuery)
Font Awesome 6.7 – Scalable and customizable vector icons
AOS (Animate On Scroll) – Scroll-triggered animation library
ngx-countup 13.2 – Animated counter library for Angular
ngx-owl-carousel-o 20 – Owl Carousel wrapper for Angular
jQuery 3.7 – Used for optional third-party plugin compatibility
jQuery Nice Select – Custom select box styling plugin
RxJS 7.8 – Reactive programming library used internally by Angular
@popperjs/core 2.11 – Popper.js for tooltips and dropdown positioning (required by Bootstrap)

Supports

Thank you for reading the documentaion. If you still have any question or any problem, please contact with us. We will give you best support. Thanks.

Unifato