Demostration/Showcase of Kiosk - Angular Landing Page Template is built through SSG(Static Site Generation). We are not using Node server to demonstrate. You can use Kiosk for your project, it compatible with Both SSR & SSG.

Overview and Introduction

Template Name: Kiosk – App & SaaS Angular Landing Pages

Version: 3.0.0

Created On: 01 January 2022

Updated On: 15 November 2025

Author: Lettstart Design

Email: support@lettstartdesign.com

In today’s digital landscape, a Responsive Angular Landing Page is essential for startups, SaaS products, and product teams. Kiosk – App Landing Pages is a feature-rich Angular Landing Page Template designed for conversion — from an Angular Product Landing Page and Angular App Landing Page to an Angular SaaS Landing Page or Angular Startup Landing Page. Kiosk delivers a Modern Angular Landing Page experience with fast performance, smooth scrolling, and SEO-friendly sections so your Angular Product Showcase Template or Angular App Promotion Landing Page looks great and ranks well across devices.

Built with HTML5 and Bootstrap best practices, Kiosk is a multipurpose, Multipurpose Angular Landing Page kit — a Fast Angular Landing Page UI Kit that’s fully customizable for agencies and businesses. Whether you need an Angular Business Landing Page, Angular Agency Landing Page, Angular Service Landing Page, Angular Software Landing Page, or a polished Angular Portfolio Landing Page, Kiosk’s flexible components and purposeful design make it simple to launch. We also offer demos tailored for Angular AI Startup Landing Page and Angular Tech Company Landing Page use cases, plus SEO-ready structure for a truly SEO-Optimized Angular Landing Page that helps founders, marketers, and developers go live faster.

What is Kiosk – App & SaaS Angular Landing Page Template?

The Kiosk Angular Template is a leading Angular Landing Page Template crafted for modern startups, SaaS companies, app launches, and creative portfolios that need a responsive Angular landing page with exceptional performance. Recognized among the top Angular product and SaaS landing page templates, Kiosk empowers teams to quickly publish an Angular App Landing Page, Angular SaaS Landing Page, Angular Startup Landing Page, or Angular Portfolio Landing Page using flexible layouts and purpose-built conversion sections. Kiosk delivers a customizable Angular landing page experience with semantic HTML5 markup and accessible components, ensuring your SEO-Optimized Angular Landing Page is fast, mobile-ready, and built for growth.

Built as a multipurpose Angular Landing Page Template, Kiosk includes ready-made demos for Angular Product Landing Page, Angular App Promotion Landing Page, and Angular Tech Company Landing Page scenarios. Whether you need a clean One-Page Angular Landing Page for product showcases or a full-featured Responsive Angular Landing Page for marketing and lead capture, Kiosk’s UI kit—shipped with modular components, responsive utilities, and easy theming—makes customization fast and intuitive for developers and marketers alike.

With performance-first patterns, SEO-friendly structure, and a Fast Angular Landing Page UI Kit, Kiosk is ideal for agencies and businesses launching high-converting pages. From Angular Business Landing Page and Angular Agency Landing Page demos to niche templates like Angular AI Startup Landing Page and Angular Product Showcase Template, Kiosk provides polished, developer-friendly templates that help you go live quickly while maintaining a modern, responsive, and SEO-optimized Angular Landing Page presence.

Why Use Kiosk for Angular App, SaaS & Portfolio Landing Pages?

Angular is one of the most powerful frameworks for building modern, scalable, and high-performance web applications. The Kiosk Angular Template stands out as a premium Angular Landing Page Template, offering startups, SaaS platforms, agencies, and product teams a complete solution for creating professional Angular landing pages with exceptional UI quality, responsiveness, and performance.

Speed and Efficiency

Kiosk is optimized for fast load times and smooth performance across all devices. Each Angular App Landing Page and Responsive Angular Landing Page prioritizes clean structure, minimal render-blocking components, and SEO-friendly layout—making it perfect for product launches, SaaS marketing websites, and Angular Portfolio Landing Pages .

Scalability and Flexibility

Kiosk adapts seamlessly to every kind of project — from a clean, minimal One-Page Angular Landing Page to a fully featured, multi-section Angular SaaS Landing Page or a complete product and service showcase. It's ideal for SaaS founders, agency owners, product marketers, and creative professionals.

Modular and Reusable Components

Powered by flexible, reusable Angular UI components, Kiosk enables fast creation of Angular Landing Page variations including Angular Product Landing Page, Angular Service Landing Page, and fully Customizable Angular Landing Page designs — all with consistent styling and clean maintainable code.

High-Quality User Interface

Every Kiosk demo features a polished, modern, and conversion-optimized UI. Modern Angular Landing Page designs ensure intuitive navigation, professional visual hierarchy, and engaging user journeys — making Kiosk an excellent choice for Angular Startup Landing Pages, business presentations, tech product showcases, and personal portfolios.

SEO-Optimized

Kiosk ensures every Angular Landing Page Template is crafted with clean, semantic HTML5, accessible components, and optimized metadata structure. Whether you’re launching an Angular App Landing Page, Angular Portfolio Landing Page, or a full Angular SaaS Landing Page, your project is built for higher search visibility and long-term organic growth.

Customization Flexibility

Kiosk offers a fully Customizable Angular Landing Page system with modular components, scalable styles, variable-driven theming, and flexible layout controls. Adjust branding, color palettes, feature blocks, pricing tables, and forms effortlessly—perfect for app promotions, product showcases, and Angular Startup Landing Page needs.

Cross-Platform Compatibility

Thanks to responsive Angular UI patterns, every Kiosk Responsive Angular Landing Page adapts seamlessly to desktops, tablets, and smartphones—ensuring your Angular Business Landing Page or SaaS website delivers an equally smooth experience on every device.

Pre-Built Sections for Startups & SaaS

Kiosk includes ready-to-use components like feature highlights, pricing tables, testimonials, product showcases, portfolio grids, blogs, and more—dramatically speeding up development for Angular Startup Landing Pages and Responsive Angular SaaS Templates.

Developer-Focused

Built with scalable architecture and clean code conventions, Kiosk helps developers and teams quickly deploy professional Angular landing pages and iterate efficiently—whether working solo or across a large product team.

Responsive Design

All Kiosk layouts are created as Responsive Angular Landing Pages, ensuring visual consistency, accessibility, and performance—from Angular Portfolio Landing Pages to one-page SaaS marketing sites—across all screen sizes.

Extensive Documentation

Kiosk provides clear, well-organized documentation to support every Angular Landing Page Template, helping developers quickly customize app landing pages, SaaS demos, product showcases, and creative portfolios.


Top Types of Kiosk Angular Templates

The Kiosk Angular Template provides a flexible foundation for startups, SaaS platforms, agencies, app creators, and personal brands. From One-Page Angular Landing Pages to complete Angular App Landing Page experiences, Kiosk ensures every site is fast, responsive, and conversion-ready.

Premium Kiosk Angular Landing Page Templates

For teams seeking an elevated digital presence, Kiosk delivers premium Angular Landing Page designs. These Modern Angular Landing Pages support fast launches, extensive customization, and polished UI— ideal for SaaS marketing, startup launchpads, and creative portfolios. Benefit from customizable Angular UI components and conversion-focused page layouts.

High-Quality Kiosk App, SaaS & Portfolio Templates

Whether building Angular App Landing Pages, Angular Portfolio Landing Pages, or Angular SaaS Landing Pages, Kiosk provides modern layouts with responsive grids and scalable elements. Launch faster with one-page or multi-section designs—all optimized for mobile and SEO.

Modern Kiosk UI & One-Page Designs

Kiosk’s Modern Angular Landing Page designs offer elegant sections, hero banners, app showcases, and visually striking typography. Each Responsive Angular Landing Page delivers a smooth browsing experience—ideal for startups and portfolios.

Getting Started with Kiosk

Review the included example pages in the Kiosk Angular Landing Page Template library. Each demo includes best practices to help you build your site faster—whether it’s a one-page landing, SaaS marketing site, or product showcase.

Thank You for Choosing Kiosk

Thank you for choosing Kiosk – App & SaaS Angular Landing Pages. Your support helps us continually improve. You receive lifetime updates and ongoing enhancements. Have feedback or feature requests? Contact our support team.

Support and Documentation

With Kiosk, you get complete documentation and dedicated support to ensure your Angular Landing Page Templates are easy to build, customize, and launch—whether for SaaS products, apps, agencies, or portfolio websites.


Dependencies

  • Node.js
  • Bootstrap
  • SaSS
  • Angular 20
  • Ng Bootstrap

Key Features of the Kiosk Angular Template

The Kiosk Angular Template is a modern and SEO-Optimized Angular Landing Page solution, designed to help you create stunning and high-performing digital experiences. Perfect for Angular landing pages across diverse needs like apps, SaaS, startups, agencies, portfolios, and tech companies. Whether you’re launching a new product, promoting your app, or building a business website, Kiosk serves as an ideal Angular Product Landing Page and Angular Startup Template.

Kiosk includes 10+ homepage variations tailored for every use case — from Angular App Landing Pages and Angular Marketing Landing Pages to Angular AI Startup Templates and Angular Product Showcase Templates. Each layout is designed to deliver a Modern Angular Landing Page Responsive experience with fast performance and Angular Landing Page Multipurpose flexibility.

Supporting pages extend the functionality with teams, team single, works, work single, blogs, and blog details, plus a complete set of authentication pages (login, register, forgot, recover, lockscreen). The Kiosk Angular Template also provides integrated 400, 404, and 500 error pages for a smooth and professional user experience throughout your Angular App Template or Angular Business Website.

Modern Angular UI & Rich Demo Collection

The Kiosk Angular Landing Page Template delivers over 10+ professionally designed homepages crafted for every modern digital experience—whether you need a powerful Angular App Landing Page, a high-converting Angular SaaS Template, a startup-focused Angular Startup Landing Page, or a creative Angular Portfolio Template. Each demo includes elegant sections, advanced UI elements, and flexible layouts, offering a visually stunning and Modern Angular Landing Page Responsive for any business or product showcase.

Comprehensive Supportive Pages

Kiosk is more than a landing page—it's a complete Angular Business Website solution. You’ll find ready-to-launch supportive pages such as teams, team single, works, work single, blogs, and blog details for storytelling and brand building. Whether you’re building an Angular Agency Landing Page or an Angular Service Landing Page, Kiosk provides everything to help you showcase your portfolio, present your team, and publish updates seamlessly within a single Angular Landing Page Multipurpose ecosystem.

Full Authentication Suite

Security and user experience are key priorities. The Kiosk Angular Template comes with polished authentication pages—including login, register, forgot password, recover, and lockscreen. Each page is built with clean design and easy integration, making it ideal for any Angular App Template or SaaS Angular Template that values a secure and seamless user flow.

Customizable, Fast, and SEO Friendly

Every page in Kiosk is developed using modular Angular components and SCSS variables, allowing full customization for colors, layouts, and elements. Each Angular Landing Page Fast demo is optimized for performance, SEO, and flawless mobile responsiveness—ensuring your SEO-Optimized Angular Landing Page delivers outstanding visibility and engagement.

Premium Angular SaaS Website Templates

Kiosk offers the best Angular Landing Page Template, providing Premium Angular Landing Pages with modern design and top-tier performance. These Angular SaaS Templates and Angular Product Landing Pages are built to drive conversions for startups, SaaS businesses, and tech companies using Angular Startup Templates. Optimize your marketing with SEO-focused meta content, strategic keywords, and structured markup for maximum visibility.

Responsive Angular Design

In a mobile-first world, Kiosk is crafted with Modern Angular Landing Page Responsive designs that adapt seamlessly to all screen sizes, ensuring high performance for Angular App Landing Pages and Angular SaaS Templates. This enhances user experience, SEO rankings, and accessibility across devices with Angular Landing Page Multipurpose layouts. Core Web Vitals optimization ensures excellent LCP, FID, and CLS scores for improved Google ranking signals.

Customizable Angular Templates

Kiosk offers a Customizable Angular Landing Page Template with advanced flexibility, allowing developers to adjust layouts, color schemes, and typography easily. These Angular Landing Page Templates enable brands to build unique Angular Business Websites that reflect their identity. Built using semantic HTML and Angular best practices, Kiosk ensures top accessibility and SEO performance.

Angular SaaS Landing Pages

Designed for SaaS companies, Kiosk provides Angular SaaS Templates with features like pricing tables, testimonials, and CTAs. These Angular App Templates turn landing pages into high-conversion tools for startups and tech products using Angular Startup Templates. Internal linking and keyword-rich anchor text help distribute page authority for better topical relevance.

Creative Angular Portfolio Templates

For freelancers and professionals, Kiosk offers elegant Angular Portfolio Templates to showcase work and creativity. With clean design and smooth transitions, these Premium Angular Landing Pages make a memorable impact. Add structured data (Portfolio or Person schema) and optimized image alt tags to boost organic visibility and attract the right audience.

Premium Angular Product Showcase Templates

Kiosk empowers businesses with Angular Product Showcase Templates that feature detailed product sections and strong CTAs. These Angular Landing Page Templates are perfect for SaaS apps, product launches, and startups using Angular Startup Templates. Implement product schema and optimize metadata to achieve better SERP positions and featured snippet visibility.

Best Angular One-Page Templates

Kiosk includes a One-Page Angular Landing Page setup, offering streamlined Angular App Landing Pages for focused, single-page experiences. Ideal for startups and agencies, these Angular Landing Page Fast designs enhance navigation and user flow. Use anchor-based navigation with descriptive text and target long-tail keywords for stronger search rankings.

Professional Angular Web Templates

Tailored for startups and consultancies, Kiosk provides a Responsive Angular SaaS Template that highlights professionalism through refined layouts and smooth navigation. These Angular Tech Company Landing Pages offer effortless access to services and products. Maintain an XML sitemap for improved crawling and ensure consistent visibility across search engines.

Blog, Marketing, and Portfolio Templates

Kiosk delivers an Angular Marketing Landing Page that supports Angular Portfolio Templates for blogs, promotions, and creative showcases. From Angular Product Landing Pages to Angular SaaS Templates, Kiosk caters to every professional use case. Publishing well-structured, keyword-optimized content and linking to relevant sections enhances topical authority and organic reach.

Comprehensive Documentation

Step-by-step setup guides and detailed documentation make it easy to configure Premium Angular Landing Pages quickly. Developers can easily customize Angular App Templates and deploy projects efficiently. Hosting documentation in a crawlable format and adding FAQ schema helps improve search appearance in rich results.

Cross-Browser Compatibility

Kiosk is engineered with Responsive Angular Landing Page designs that work seamlessly across all major browsers (Chrome, Firefox, Safari, Edge), ensuring consistent performance for Angular SaaS Landing Pages and Angular App Templates. Lazy loading, asset minification, and image optimization techniques boost page speed, reducing bounce rates and improving SEO rankings.


Other Features of the Kiosk Angular Template

Kiosk offers a Premium Angular Landing Page Template that enhances your website with modern design and powerful performance, delivering SEO-Optimized Angular Landing Pages for startups, SaaS businesses, portfolios, and tech companies. Explore its key strengths:

Feature Highlights

  • 10+ Homepage Demos for apps, SaaS, startups, portfolios, agencies, and more
  • All key supporting pages: teams, team single, works, work single, blogs, blog details
  • Authentication templates including login, register, forgot, recover, lockscreen
  • Error pages 400, 404, 500 with consistent Angular-based design
  • Multiple Calls-to-Action, pricing tables, testimonials, and feature grids
  • Hero sliders, modular components, and dynamic Angular Portfolio Templates
  • Responsive Angular SaaS Template layouts built with modern HTML5 and best SEO practices
  • Customizable Angular Landing Page architecture with detailed documentation for developers
  • Optimized for fast deployment—ideal for SaaS, startups, portfolios, agencies, creatives, and marketers.

Modern Angular UI Components

The Kiosk Angular Template comes equipped with a variety of Modern Angular Landing Page Responsive UI components, including:

  • Hero Sections
  • Pricing Tables
  • Team Member Cards
  • Service Sections
  • Testimonial Carousels
  • Portfolio Galleries

These flexible, reusable Angular components allow you to build Angular Agency Landing Pages, Angular Marketing Landing Pages, and Angular SaaS Landing Pages that are responsive, scalable, and conversion-focused.

Multipurpose Angular Design

The Kiosk Angular Landing Page Templates are highly versatile, suitable for industries such as:

  • Consultancies
  • Agencies
  • Startups
  • SaaS Businesses
  • Portfolios
  • Professional Websites
  • App Showcases
  • Tech Companies

This flexibility ensures Angular Agency Landing Pages, Angular Business Websites, and Angular Startup Templates meet diverse creative and professional needs.

Easy Angular Customization

Customization is effortless with the Kiosk Angular Template. Its modular Customizable Angular Landing Page design allows easy feature and layout adjustments without breaking components. Built on a robust Angular framework, these Premium Angular Landing Pages support seamless style modifications, ideal for creating Angular SaaS Templates, Angular Product Landing Pages, and Angular Startup Landing Pages that align perfectly with your brand.


Applications Across Multiple Industries

Kiosk empowers diverse industries with a Premium Angular Landing Page Template, crafted to deliver Responsive Angular Landing Pages that fit every business model. Its highly Customizable Angular Landing Page structure supports startups, SaaS businesses, portfolios, and consultancies, offering Modern Angular Landing Page Templates built for speed, performance, and SEO optimization.

Consultancy

Consultancy firms can rely on Kiosk’s Angular Business Landing Page Template to create professional, conversion-focused Angular Consultancy Landing Pages. With flexible layouts and reusable components, these Responsive Angular Landing Pages help showcase expertise, highlight services, and build trust with clients through SEO-friendly Angular SaaS Templates.

Agencies

Creative and digital agencies can leverage Kiosk’s Angular Portfolio Landing Page Template to design Premium Angular Landing Pages that beautifully display their projects. Its dynamic UI components and Customizable Angular Landing Page design make it easy to build responsive and visually appealing pages tailored for Angular Agency Landing Pages.

SaaS

SaaS companies benefit from Kiosk’s Angular SaaS Landing Page Template, optimized for showcasing products, managing subscriptions, and generating leads. These Responsive Angular SaaS Landing Pages deliver outstanding performance, enabling fast-loading Angular Product Landing Pages that enhance user engagement and conversions.

Startups

Startups can take advantage of Kiosk’s Angular Startup Templates to develop impactful Angular App Landing Pages and One-Page Angular Landing Pages. Each Premium Angular Landing Page includes modern UI blocks and smooth animations that help new brands stand out in competitive markets.

Personal Portfolios

Freelancers, designers, and developers can use Kiosk’s Angular Portfolio Landing Page Template to showcase their work professionally. These HTML5 Angular Landing Pages feature clean layouts, responsive sections, and SEO-ready design, ensuring that personal brands look polished across all devices.


Developer-Friendly Angular Codebase

Built with developers in mind, Kiosk provides a structured, maintainable, and scalable foundation for creating Premium Angular Landing Pages for startups, SaaS businesses, agencies, and portfolios. Its coding standards promote efficiency and long-term flexibility. Key developer advantages include:

  • Organized, modular folder structure for building Angular Landing Page Templates
  • SCSS-driven styling for effortless Customizable Angular Landing Page control
  • Reusable Angular components for dynamic Angular App Landing Pages
  • Semantic HTML integration for accessible, Responsive Angular Landing Pages
  • SEO-optimized markup for Angular SaaS Templates and Angular Portfolio Landing Pages

Performance & Optimization

Kiosk’s Angular Landing Page Template is engineered for top-tier performance and SEO excellence, ensuring your Responsive Angular Landing Pages load quickly and rank higher. Key optimization features include:

  • Lightweight Angular components and optimized assets for fast-loading Angular SaaS Templates
  • Responsive grid and layout system for flexible Angular App Landing Pages
  • Minified scripts and CSS for enhanced speed in Premium Angular Landing Pages
  • Clean, maintainable code for Angular Startup Templates and Angular Portfolio Templates
  • Integrated SEO best practices to boost visibility of your Angular Product Landing Pages

Conclusion

Kiosk stands out as one of the best Angular Landing Page Templates for creating Premium Angular Landing Pages tailored to startups, SaaS companies, portfolios, and tech businesses. Built on a flexible Angular Landing Page Template foundation, it provides Customizable Angular Landing Pages that adapt perfectly to diverse industries. Its seamless Angular integration ensures Responsive Angular Landing Page designs, making it ideal for Angular App Landing Pages, Angular Portfolio Templates, and SaaS Angular Landing Pages—the perfect choice for a modern, performance-driven online presence.

By leveraging Kiosk’s powerful capabilities, you can deliver engaging experiences through HTML5 Angular Landing Pages optimized for conversions and search visibility. With cutting-edge design, built-in SEO best practices, and modular Responsive Angular SaaS Template components, Kiosk becomes the go-to solution for Angular Startup Templates, Angular App Templates, and Angular One-Page Landing Pages. These SEO-Optimized Angular Landing Pages empower businesses to build high-performance websites that thrive in the competitive digital landscape.

Discover Kiosk Bootstrap App Landing Pages

Getting Started with Kiosk Angular Template

Getting started with Kiosk’s Angular Landing Page Template is simple and efficient, empowering startups, SaaS businesses, portfolios, and creative agencies to build Premium Angular Landing Pages. After downloading your preferred version—whether it’s the Customizable Angular Landing Page for Angular App Landing Pages or Angular Portfolio Landing Pages—you’ll be ready to launch within minutes.

Kiosk provides a modern, developer-friendly environment optimized for HTML5 Angular Landing Pages featuring Responsive Angular Landing Page layouts, SaaS Angular Landing Page modules, and flexible Angular SaaS Templates customization. Each demo—whether it’s an Angular App Landing Page, Angular Portfolio Template, or Angular Startup Template—is crafted for performance, SEO, and scalability. With its One-Page Angular Landing Page structure and clean architecture, Kiosk ensures a smooth development experience and faster deployment for every project.

Note: we recomonded you to please make your one own css file & one js files and add that in your page, so whenever the update of KIOSK comes it does not affect your code.
Download a Package Source From our Store.

Installing Angular Cli

npm install -g @angular/cli


Install Node.js From https://nodejs.org/en/download/

After that open command promt or any other terminal and go to Package Path.

cd [root] /


Npm is a default package manager for the JavaScript runtime environment Node.js. If you've already then update once.

npm install --global npm@latest

To check weather is node succesfully install or not.

npm --version

For yarn package manager.

npm install --global yarn

To check weather is yarn succesfully install or not.

yarn --version

Now, run the below command(This command will install the necessary libraries in node_modules folder which is generated by this command):

npm install

If vulnerabilities, run npm audit fix


Normally project will run on the localhost:3000 or it will take port accordingly and for run the project run the below command:

npm start


How to Install npm dependencies?

In your root folder enter the following command to install the project dependencies: npm install, this command will install all the template libraries inside the node_modules folder.


How to Install npm packages?

npm install packagename, this command will install the package in node modules.

Project Structure – Kiosk - Bootstrap App Landing Pages

Below is the folder structure you’ll find inside the kiosk-angular-app-landing-pages template. It’s organized for scalability and easy navigation.

  
  <app-header [navigations]="navigations" [classes]="'navbar-light'" [rightBar]="true" (loginClick)="openLoginModal(loginContent)"></app-header>
  <div appScrollspy [spiedTags]="['SECTION']" (sectionChange)="onSectionChange($event)">
    <!--Home Section-->
    <app-section-component-home1 [className]="'home-1 bg-blue mh-100vh'"/>
    <!--End Home Section-->
    
    <!--Features List-->
    <app-section-component-feature1 [featureClass]="'features-box'" [className]="'pt-100 pb-70'"/>
    <!--Features List End-->
  
    <!--Extra Features-->
    <app-section-component-extra-feature1 [className]="'section bg-light more-features pb-200'" [shapeObj]="shapeImg2"/>
    <!--End Extra Features-->
  
    <!--Video Section-->
    <app-section-component-video1 [className]="'section pt-0 video-one mt--100'" />
    <!--End Video Section-->
  
    <!--Pricing Section-->
      <app-section-component-pricing1 [className]="'pb-70 position-relative'" [shapeObj]="shapeImg" />
    <!--End Pricing Section-->
  
    <!--Faq Section-->
    <app-section-component-faq1 [className]="'section bg-light position-relative'" [shapeObj]="shapeImg3"/>
    <!--End Faq Section-->
  
    <!-- Client Section -->
    <app-section-component-client1 [className]="'section'"/>
    <!-- End Client Section -->
  </div>
  <app-footer></app-footer>
  
  <ng-template #loginContent let-c="close" let-loginModal="dismiss">
    <app-login-modal [componentRef]="registerContent" [closeModalClickRef]="loginModal"></app-login-modal>
  </ng-template>
  
  <ng-template #registerContent let-c="close" let-signupModal="dismiss">
    <app-signup-modal [componentRef]="loginContent"></app-signup-modal>
  </ng-template>
  

Theme Colors

$blue: #051242;
$primary: #1d42d9;
$secondary: #343f52;
$success: #45c4a0;
$danger: #dc3545;
$info: #54a8c7;
$warning: #fab758;
$light: #f5faff;
$dark: #343a40;
$muted: #98a6ad;

Customization Guide

Editing Components

Each section in the template is a separate component You can modify individual component such as:

  • Home Componnet
  • Services Componnet
  • Feature Componnet
  • Contact Form
  • Testimonials Componnet

Each component is modular, meaning you can add or remove component as needed by simply editing or adding new components.

Styling the Template

The template uses Bootstrap for styling, but you can also modify the global styles in src/styles. Here’s how you can customize styles:

  • Modify SCSS/CSS files in the public/scss folder.
  • Override Bootstrap's default styling by editing the custom SCSS files.
  • If you prefer CSS-in-JS, you can use styled-components for further customization.

Libraries (Dependencies)

  • @angular/animations: ^20.3.4
  • @angular/common: ^20.3.4
  • @angular/compiler: ^20.3.4
  • @angular/core: ^20.3.4
  • @angular/forms: ^20.3.4
  • @angular/localize: ^20.3.4
  • @angular/platform-browser: ^20.3.4
  • @angular/platform-server: ^20.3.4
  • @angular/router: ^20.3.4
  • @angular/ssr: ^20.3.5
  • @ng-bootstrap/ng-bootstrap: ^19.0.1
  • @popperjs/core: ^2.11.8
  • angular-remix-icon: ^8.1.0
  • aos: ^2.3.4
  • bootstrap: ^5.3.8
  • express: ^5.1.0
  • ngx-owl-carousel-o: ^20.0.1
  • photoswipe: ^5.4.4
  • rxjs: ^7.8.2
  • swiper: ^12.0.2
  • tslib: ^2.8.1
  • typewriter-effect: ^2.22.0
  • zone.js: ^0.15.1

Dev Dependencies

  • @angular/build: ^20.3.5
  • @angular/cli: ^20.3.5
  • @angular/compiler-cli: ^20.3.4
  • @types/aos: ^3.0.7
  • @types/express: ^5.0.3
  • @types/jasmine: ^5.1.9
  • @types/node: ^24.7.2
  • jasmine-core: ^5.12.0
  • karma: ^6.4.4
  • karma-chrome-launcher: ^3.2.0
  • karma-coverage: ^2.2.1
  • karma-jasmine: ^5.1.0
  • karma-jasmine-html-reporter: ^2.1.0
  • typescript: ^5.9.3
Change Log

2.0 - 15 November, 2025

  • Updated to Angular 20
  • Change to new Dart SaaS using @use & @forward
  • Added pre loader and scoll to top functionality
  • Removed @imports from SCSS
  • Change into Bootstrap version 5.3.6
  • Package Updates
  • Fix package vulnerabilities
  • Bug Fixes

1.0 - 01 January, 2021

  • Initial release

Support

We are committed to our customers and support is at up most priority. If you have any question, issue with Kiosk, please feel free to contact us via email support@lettstartdesign.com or generate ticket on our portal.

What's includes
  • Answering your questions or problems regarding the template.
  • Giving or Solving bugs report by you.
What's not includes
  • Customization Work
  • Support for third party plugins.
  • Support or guide how to integrate with backend technologies(like php, java, .net, etc).
Select Page