Documentation

We have made well documentions for easy to use

Documentation
Introduction

Landik is a superb, one of a kind, and present day HTML5 and Angular 17 Template having multi-choices for Startups, App Landing, and SaaS-based companies. It has 4 special points of arrival with multi internal pages for different purposes. All complemented by dark mode and RTL support for an enhanced user experience. Additionally, the <body data-bs-theme="dark" > tag and <html dir="rtl"> tag includes the attribute.

Installation

Please follow the below steps to install and setup all prerequisites:

  • Nodejs

    Make sure to have Node.js installed & running on your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than 18. We suggest you to use LTS version of Node.js.

  • NPM

    Make sure to have the NPM installed & running on your computer. If you already have installed NPM on your computer, you can skip this step.

  • Angular CLI

    Make sure to have the Angular cli installed & running on your computer. Install it before start with the Angular app

    Warning: If you have Angular CLI installed previously, update it to the latest Angular CLI. Remove the older version and re-install it.
  • Git

    Make sure to have Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.
    To install in Linux OS please run the below commands.

After you finished with the above steps, you can run the following commands into the terminal/command prompt from the root directory (Hiresy/Angular/ ) of the project to run the project locally or build for production use:

Install the Angular local project dependencies by executing following commands:

This command will clear your old cached node_modules.

This command will install the dependencies in the local node_modules folder. By default, npm install --legacy-peer-deps will install all modules listed as dependencies in package.json.

This command launches the server, watches your files, and rebuilds the app as you make changes to those files. Using the --open (or use -o) option will automatically open your browser on http://localhost:4200/. This command will take some time to finsh. Please wait for it to complete.

For more detailed information to install the Angular application, visit this official Angular documentation website.

File Structure
 Landik/
├──  src/
│   ├──  app/
│   │   ├──  all pages
│   │   ├──  app.component.html
│   │   ├──  app.component.scss
│   │   ├──  app.component.spec.ts
│   │   ├──  app.component.ts
│   │   ├──  app.config.server.ts
│   │   ├──  app.config.ts
│   │   └──  app.routes.ts
│   ├──  assets/
│   │   ├──  css/
│   │   │   └──  All css files
│   │   ├──  fonts/
│   │   │   └──  All font files
│   │   ├──  images/
│   │   │   └──  All images files
│   │   └──  scss
│   │       └──  All scss files
│   ├──  favicon.ico
│   ├──  index.html
│   ├──  main.server.ts
│   ├──  main.ts
│   └──  styles.scss
├──  .editorconfig
├──  .gitignore 
├──  angular.json 
├──  package.json 
├──  README.md 
├──  server.ts 
├──  tsconfig.app.json 
├──  tsconfig.json 
└──  tsconfig.spec.json
ANGULAR
<!DOCTYPE html>
<html lang= "en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Saas & Software Landing Page Template" />
    <meta name="keywords" content="" />
    <meta name="author" content="ThemesBoss" />

    <!-- Site Title -->
    <title>Landik - Saas & Software Landing Page Template</title>

    <!-- Site favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">

    <!-- Icon -->
    <link rel="stylesheet" href="assets/css/themify-icons.css" type="text/css">
    <link rel="stylesheet" href="assets/css/materialdesignicons.min.css" type="text/css">

    </head> 
    <body>
        
        <app-root></app-root>  
    
    </body>
</html>
CSS

Landik Built with latest version of CSS3.

File Name Details
bootstrap.min.css Bootstrap v5.3.2 css file
materialdesignicons.min.css Materialdesign icon css file
themify-icons.css Themify icon css file
style.css Landik main css file
SCSS

Install Live Sass Compiler extention in your Visual Code Editor. Click the Watch Sass button at the right side footer of visual studio code. Contact us via Support any issues

Features

We are come with following features.

  • Created using Bootstrap v5.3.2
  • Created using Angular 17
  • 4 Diffrent Landing Pages
  • Built with HTML5 & CSS3
  • Font Icons
  • Google Fonts
  • Easy to Customize
  • Clean code
  • Free Images
  • W3 Valid 100%
  • Browser Compatibility
  • Fully Customizable
  • Modern Design
  • And much more…
Credit & Resources

We have used the following plugins.

  • Bootstrap
  • Swiper
  • Scrollspy
  • CountUp
  • Unsplash
  • Undraw.co
Support

Thank you for become a part of us. If you have any query, suggestion and complain. Contact us anytime.

- support