If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.
Hiric is a multi purpose landing page template built for any app development, agency or business. It’s fully responsive and built with angular 18 and bootstrap v5.3.3 You will be easily able to customize it for your needs.
Please feel free to get back to me in case if you are having any question or feedback.
I have tried to follow the standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.
├── src/ ├── app ├── layout ├── login ├── pages ├── password-forget └── register └── app.component.css └── app.component.html └── app.component.spec.ts └── app.component.ts └── app.module.ts └── app-routing.module.ts └── scrollspy.directive.ts ├── assets ├── environments ├── index.html ├── karma.conf.js ├── main.ts ├── polyfills.ts ├── test.ts ├── tsconfig.app.json └── tsconfig.spec.json └── tslint.json └── .browserslistrc └── .editorconfig └── .gitignore └── .npmrc └── angular.json └── package.json └── package-lock.json └── README.md └── tsconfig.json
Make sure you have the latest version of node.js v20.9.0 and npm installed in computer.
The zip file contains all files integrated with Hiric, however you need to perform following steps to get node_modules etc.
make sure you have installed angular cli in your os. If not installed then please run below command to install it globally.
npm install -g @angular/cli
npm install
After Completion of installation Run following command in command promt to start React development server.
ng serve
Once again thank you for your purchase. I'll be happy to answer the the questions you have related to the theme. In case if you have any suggestion or feature, request please feel free to contact me, I'll try to implement it and will release as part of future updates.
Stay Awesome!
- Themesbrand
To have dark mode enabled, Keep your body element with data attribute
data-bs-theme="dark".
E.g. <body data-bs-theme="dark"> to
have Dark layout.
To have Light mode enabled, Keep your body element with remove data
attribute
data-bs-theme="dark".
E.g. <html> to
have Light Mode.
To have RTL mode enabled, replace the reference of
bootstrap.rtl.min.css and in the
<html lang="en" dir="rtl">