Angular Landing is a material design landing page built with Angular and Angular CLI. It implements Angular Material Design package with minimalist design. Each page section is composed of its own html, scss and ts files, organized in its own directory and So it's easy to customize and reuse.
IMPORTANT: It's not An regular HTML landing page. It's built with Angular
- Angular Material
- Full responsive
- Multiple Home versions
- Alternative sections
Make sure you have
angular-cli installed on your computer.
Download node https://nodejs.org/en/download
Open terminal and run
npm install -g @angular/cli
Angular CLI Doc: https://cli.angular.io
Serve and build
Use terminal and navigate to project root.
ng serve for a dev server. Navigate to http://localhost:4200.
The app will automatically reload if you change any of the source files.
ng generate component componentName to generate a new component.
You can also use
ng generate directive/pipe/service/class/module.
ng build to build the project. The build artifacts will be stored in the dist/ directory.
-prod flag for a production build.
First create color palettes for
- accent and
Create palette here http://mcg.mbitson.com.
Copy sass code for angular 2+, create file like
src/assets/styles/themes/indigo.scss with the generated code.
And include that file in .angular-cli.json
For more about theming, visit these links
Common CSS Classes
Do you like Angular Landing?
Please give Angular Landing a 5 star rating.
This will inspire me to add more features.