If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Dorsin 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.

File & Folder Structure


├── src/
	├── app
		├── pages
		└── shared
		└── app.component.css
		└── app.component.html
		└── app.component.spec.ts
		└── app.component.ts
		└── app.module.ts
		└── app-routing.module.ts
	├── assets
	├── environments
	├── favicon.ico
	├── index.html
	├── main.ts
	├── polyfills.ts
	├── styles.css
	├── test.ts
└── .editorconfig
└── .gitignore
└── .npmrc
└── angular.json
└── karma.conf.js
└── package.json
└── package-lock.json
└── README.md
└── tsconfig.app.json
└── tsconfig.json
└── tsconfig.spec.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 Dorsin, however you need to perform following steps to get node_modules etc.

Note : Make sure this all installation process is done in command prompt.

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

main.ts Structure


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="light".
E.g. <html> to have Light Mode.

Version 3.0.0     11 October 2024

  • Updated Angular to v18.0.3.
  • Updated Bootstrap to v5.3.3.
  • Updated Required Packages.
  • Fixed minor issues.

Version 2.5.0     12 December 2023

  • Updated Angular to v17.0.5.
  • Updated Bootstrap to v5.3.2.
  • Fixed minor issues.

Version 2.4.0     07 October 2023

  • Added new light dark theme mode.
  • Updated Angular to v16.2.8
  • Updated Bootstrap to v5.3.0
  • Update All Packages.
  • Fixed minor issues.

Version 2.3.0     27 Feb 2022

  • Updated Bootstrap to v5.1.3.
  • Fixed minor issues.

Version 1.0.0     17 May 2019

  • Initial released

Copyright © Themesbrand.