Ezlu is a Modern Clean Angular template for Consulting Services website. It is created with Angular 12, Bootstrap 5, and Sass. The template is for consulting business such as finance, financial consulting, consulting agency, consulting business, consulting firm, consulting services, technology consulting, management consulting, startup consulting, legal consulting, financial advisor, education consultant, immigration consulting, etc.

The template has RTL feature included so, using for Arabic and Hebrew language based website would be quicker and easier.

Ezlu is fast, lightweight, clean, and contains W3 valid source code. The template is easily customizable and expandable with detailed documentation. Our fast and friendly support team will glad to assist with the standard template support.

In order to kickstart the development of your web app with Ezlu, the very first thing is to setup an Angular development environment.

  • documentation: project documentation.
  • ezlu-ng: main project file.
  • ezlu-ng-rtl: RTL project file.
Name Description
angular.json Used for configuration of project specific settings. You can add external styles and scripts, change the output folder, add assets, add environment files and more.
e2e Will be used for end-to-end tests to ensure functionality for users before deploying.
node_modules All external modules used are here. Do not mess with this folder, as it is auto-generated by using npm install.
package.json Contains all dependencies used for production and development.
src Contains all Angular Typescript code, assets and basically everything the end user will have access to.
tslint.json Angular-CLI includes an automatic Typescript-Linter, which can be configured with this file.
  • Node.js and NPM : If NodeJS is not installed then download it from https://nodejs.org/. NPM comes bundled with Node.js
  • angular-cli : You can install angular-cli by executing from your command window npm install -g @angular/cli. More details can be found here https://github.com/angular/angular-cli
  • Before proceding you'll need to install npm packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.
  • Run ng serve for a dev server. Navigate to localhost:4200/. The app will autometically reload if you change any of the source files.
  • Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.
  • To get more help on the angular-cli use ng --help or go check out the Angular-CLI README.
  • Homepage - One (/app/components/pages/home-one)
  • Homepage - Two (/app/components/pages/home-two)
  • About Page (/app/components/pages/about)
  • Service Page (/app/components/pages/service)
  • Service Details (/app/components/pages/service-details)
  • Portfolio One (/app/components/pages/portfolio)
  • Portfolio Two (/app/components/pages/portfolio-two)
  • Pricing Page (/app/components/pages/pricing)
  • Blog Page One (/app/components/pages/blog)
  • Blog Page Two (/app/components/pages/blog-two)
  • Blog Page Three (/app/components/pages/blog-three)
  • Blog Details Page (/app/components/pages/blog-details)
  • Team Page (/app/components/pages/team)
  • Team Page Two (/app/components/pages/team-two)
  • 404 Page (/app/components/pages/error)
  • FAQ Page (/app/components/pages/faq)
  • Privacy Policy Page (/app/components/pages/privacy)
  • Contact Page (/app/components/pages/contact)
  • Go to /app/app.routing.modules.ts and see the urls & find the appropriate modules for every pages.

Template Features:
  • Built on Angular 12
  • Attractive Homepage
  • Responsive in Any Device
  • Retina Ready
  • Creative and Beautiful Layout
  • Fast, Lightweight & Powerful
  • Smooth Transition Effects
  • ES6+
  • Clean And Professional Coding
  • Creative and Modern Design
  • Bootstrap (v5.x)
  • Simple Client-side Routing (page based)
  • Google Font and Icon Used
  • Integrated With BoxIcons and FlatIcon
  • Easily Customizable
  • Well Commented Code
  • Detailed Documentation

Here are the dependencies list which being used in the Ezlu Angular Template:

 
"dependencies": {
    "@angular/animations": "~12.1.1",
    "@angular/common": "~12.1.1",
    "@angular/compiler": "~12.1.1",
    "@angular/core": "~12.1.1",
    "@angular/forms": "~12.1.1",
    "@angular/platform-browser": "~12.1.1",
    "@angular/platform-browser-dynamic": "~12.1.1",
    "@angular/router": "~12.1.1",
    "bootstrap": "^5.0.2",
    "jquery": "^3.6.0",
    "magnific-popup": "^1.1.0",
    "ngx-owl-carousel": "^2.0.7",
    "popper.js": "^1.16.1",
    "rxjs": "~6.5.4",
    "tslib": "^2.0.0",
    "zone.js": "~0.11.4"
},
"devDependencies": {
    "@angular-devkit/build-angular": "~12.1.1",
    "@angular/cli": "~12.1.1",
    "@angular/compiler-cli": "~12.1.1",
    "@angular/language-service": "~12.1.1",
    "@types/node": "^12.11.1",
    "@types/jasmine": "~3.6.0",
    "@types/jasminewd2": "~2.0.3",
    "codelyzer": "^6.0.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~5.0.0",
    "karma": "~6.3.4",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.2",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "^1.5.0",
    "protractor": "~7.0.0",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "~4.3.5"
}

By default, the template loads Montserrat font from Google Web Font Services, you can change the font with the one that suits you best.

Font code can be found in the "index.html" file:


<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">

                    
Images
Unsplash
Burst
Feeepik
Pexels
Packages
Angular 10+
TypeScript
ngx-wow
rxjs
tslib
Bootstrap
zone.js
Google Fonts
24-Hour Turnaround Support:
  • Quick, Dedicated & Professional Support!
  • We only provide support through our ticketing system. Please submit your ticket by visiting the HiBootstrap Support System.
  • For any pre-purchase query, please use live chat on the item demo site also, email, and the item’s comment section on ThemeForest. Thanks!
  • Email: hello@hibootstrap.com