Overview and Introduction

Template Name: Canva Bootstrap Landing Pages

Version: 2.0.0

Created On: 04 March 2022

Updated On: 25 June 2025

Author: Lettstart Design

Email: support@lettstartdesign.com

In today’s dynamic digital world, a visually appealing, functional, and responsive Bootstrap landing page is vital for businesses, especially in portfolios, SaaS, agencies, and startups. The Canva Bootstrap Landing Page Template stands out as one of the best Bootstrap templates, offering a powerful solution for crafting professional Bootstrap landing pages. In this article, we’ll explore the features, benefits, and reasons why Canva is a top choice for creating stunning Bootstrap landing pages that elevate your online presence.

Canva is a sleek, responsive Bootstrap landing pages are designed specifically for saas, portfolios, agencies, and startups. Powered by Bootstrap 5, HTML, CSS, and jQuery, this Bootstrap Landing Page Template delivers a clean, customizable, and high-performance solution. Whether you’re building a Bootstrap SaaS landing page for a tech startup, a portfolio for a digital agency, or a landing page for a personal firm, Canva’s professional Bootstrap landing pages ensure a seamless, mobile-friendly experience. With its robust grid system and pre-designed components, the Canva SaaS landing page Bootstrap template enables developers to create captivating Bootstrap 5 landing pages quickly, optimized for SEO and user engagement.

What is Canva - Bootstrap Templates?

Canva Bootstrap Templates are high-quality, responsive website templates built using the Bootstrap 5 framework, designed to cater to a wide range of industries, including SaaS, startups, agencies, consultancies, and personal portfolios. These Bootstrap 5 Templates combine the flexibility and robustness of Bootstrap 5 with Canva’s user-friendly design ecosystem, enabling businesses and individuals to create visually appealing, functional, and SEO-optimized websites with minimal effort. Whether you're launching a Bootstrap 5 Landing Page, a Bootstrap SaaS Landing Page, or a Bootstrap Portfolio Landing Page, Canva’s templates provide a seamless solution for creating professional-grade websites.

Bootstrap 5 is the latest iteration of the popular front-end framework, offering enhanced features like improved responsiveness, modern design components, and a utility-first approach. Canva leverages these capabilities to deliver Bootstrap Landing Pages that are not only aesthetically pleasing but also highly customizable and developer-friendly. These templates are ideal for creating One-Page Bootstrap Landing Pages, Multipurpose Bootstrap Templates, or even Bootstrap Resume Landing Pages, catering to diverse needs from corporate websites to personal branding.

The integration of Canva’s design tools with Bootstrap 5 ensures that users, regardless of their coding expertise, can customize layouts, colors, and content effortlessly. This makes Canva Bootstrap Templates a go-to choice for startups, agencies, and freelancers looking to establish a strong online presence with High-Quality Bootstrap Landing Pages. The templates are optimized for performance, cross-browser compatibility, and mobile responsiveness, ensuring a seamless user experience across devices.

Additionally, Canva’s templates are built with scalability in mind, allowing businesses to adapt them for future growth. From small startups to established enterprises, these templates provide a foundation that supports both simple and complex website requirements, making them a versatile choice for any project.

Why Choose Canva Landing Pages for Portfolios?

For creatives, freelancers, and professionals, a portfolio website is a critical tool for showcasing skills and attracting clients. Canva Bootstrap Portfolio Landing Pages stand out as an excellent choice for building professional portfolios due to their sleek design, ease of customization, and SEO-friendly structure. Here’s why you should consider Bootstrap Portfolio Landing Page Templates from Canva:

Modern and Minimal Design

Canva’s Minimal Bootstrap 5 Landing Pages offer clean, distraction-free layouts that highlight your work effectively. The minimalist aesthetic ensures that your portfolio stands out without overwhelming visitors.

Responsive and Mobile-Friendly

Built with Bootstrap 5, these templates are fully responsive, ensuring your Bootstrap Portfolio Landing Pages look stunning on desktops, tablets, and mobile devices.

Customization Flexibility

Canva’s intuitive design interface allows you to tweak colors, fonts, and layouts without touching the code, making it ideal for non-developers. For coders, the Developer-Friendly Codebase ensures easy modifications.

SEO-Optimized

Canva’s Bootstrap Landing Pages are designed with SEO best practices, helping your portfolio rank higher on search engines for keywords like Bootstrap Portfolio Landing Pages or Bootstrap Resume Landing Pages.

Scalability and Flexibility

Whether you’re a designer, photographer, or web developer, Canva’s Bootstrap Portfolio Landing Page Templates offer layouts that cater to various creative niches, ensuring your work is presented in the best light.

Modular and Reusable Components

The Canva agency landing page templates and portfolio landing page templates are built with a modular architecture, featuring reusable and customizable Bootstrap components. This makes it easy to create various types of Bootstrap landing pages, including SaaS landing page Bootstrap designs and consultancy websites.

High-Quality User Interface

A standout feature of Canva is its high-quality user interface. Designed with modern web design principles, the professional Bootstrap landing pages incorporate the latest UI trends, offering a smooth and intuitive browsing experience for Bootstrap saas landing pages and personal websites.

Cross-Platform Compatibility

Thanks to Bootstrap’s responsive grid system, Canva’s responsive Bootstrap landing page designs ensure seamless functionality across devices, including desktops, tablets, and smartphones, making Bootstrap agency landing pages universally accessible.

Pre-Built Sections for Agencies and SaaS

The Canva SaaS landing page templates include pre-built sections for portfolio and agency businesses, such as service showcases, client testimonials, and portfolio galleries, enabling rapid deployment of Bootstrap SaaS landing page solutions.

Developer-Focused

The Canva Bootstrap Template is structured with clean, well-documented code, following best practices for scalability and maintainability. This developer-friendly approach simplifies the creation of professional Bootstrap landing pages for solo developers or teams.

Extensive Documentation

Canva includes comprehensive documentation for its agencies landing page templates, complete with setup instructions, code samples, customization guides, and troubleshooting tips, enabling developers to quickly build Bootstrap landing pages with ease.

By choosing Canva, you gain access to High-Quality Bootstrap Landing Pages that combine Bootstrap’s robust framework with Canva’s design prowess, making it easier to create a portfolio that resonates with your target audience. The templates also support integration with analytics tools, enabling you to track visitor behavior and optimize your portfolio for better engagement.


Top Types of Canva - Resume Bootstrap Templates and SaaS Landing Pages

Canva offers a diverse range of Bootstrap 5 Templates tailored for specific use cases, with Bootstrap Resume Landing Pages and Bootstrap SaaS Landing Pages being among the most popular. Below are the top types of templates in these categories:

Bootstrap Resume Landing Pages

Bootstrap Resume Landing Page Templates are designed for professionals looking to create an online presence that showcases their skills, experience, and achievements. These templates are ideal for freelancers, developers, designers, and consultants. Key features include:

  • Minimal Bootstrap 5 Landing Pages: Clean, uncluttered designs that focus on your resume content, ensuring a professional look.
  • Portfolio Integration: Many templates include sections to display projects, making them perfect for Bootstrap Portfolio Landing Pages as well.
  • Call-to-Action (CTA) Buttons: Strategically placed CTAs encourage potential employers or clients to contact you.
  • Customizable Sections: Easily add or edit sections for skills, education, work history, and testimonials.

Examples include templates like ProCode from Canva, which offers a minimalist layout for web developers and designers, and Primo, a Bootstrap Resume Landing Page Template tailored for creative professionals like content writers and specialists.

Bootstrap SaaS Landing Pages

Bootstrap SaaS Landing Page Templates are crafted for software-as-a-service businesses, startups, and tech companies looking to promote their products or services. These templates are optimized for conversions, with features like:

  • Hero Sections: Bold, eye-catching hero sections that highlight your SaaS product’s value proposition.
  • Pricing Tables: Clear, customizable pricing sections to showcase subscription plans.
  • Testimonial Sliders: Build trust with customer reviews and case studies.
  • Integration with Forms: Working contact forms and subscription fields to capture leads.

High-Quality Canva Bootstrap 5 Agency and SaaS Templates

Canva’s Bootstrap 5 Landing Page templates deliver High-Quality Bootstrap Landing Pages with modern design trends, dynamic layouts, and seamless functionality. Built for scalability, these Agency Bootstrap Landing Pages and Bootstrap SaaS Landing Pages support businesses from startups to large agencies, ideal for creating Bootstrap Portfolio Landing Pages or Bootstrap Resume Landing Pages with ease.

Modern Canva Bootstrap 5 UI Templates

For a website with an intuitive, contemporary interface, Canva’s Bootstrap 5 Templates offer clean, functional UI elements like forms, buttons, and typography. These responsive Bootstrap 5 Landing Pages ensure a seamless user experience across devices, perfect for Bootstrap Startups Landing Pages, Bootstrap SaaS Landing Page Templates, and portfolio sites, delivering visually appealing and SEO-optimized Bootstrap Landing Pages.

Getting Started with Canva Bootstrap Templates

Before diving into Canva’s Bootstrap 5 Landing Page Templates, explore the bundled example pages, which include quick tips for using components to create One-Page Bootstrap Landing Pages or Multipurpose Bootstrap Templates on the fly. These resources streamline development for your Bootstrap SaaS Landing Page or Bootstrap Portfolio Landing Page, ensuring a swift setup process.

Thank You for Choosing Canva

We greatly appreciate your purchase of Canva’s Bootstrap 5 Landing Page Templates. Your feedback and ratings are invaluable. With your purchase, you receive full support from our team, including regular updates to the best Bootstrap Landing Page Templates. For future enhancements or new Bootstrap Portfolio Landing Page Templates, we’d love to hear your ideas. If you have questions beyond this documentation, raise a ticket at the support portal.

Support and Documentation for Bootstrap 5

By purchasing Canva’s Bootstrap 5 Templates, you gain access to detailed documentation and 1 Year Premium Support from our dedicated team, ensuring your High-Quality Bootstrap Landing Pages are built with ease and optimized for success across startups, agencies, SaaS, and portfolios, including Minimal Bootstrap 5 Landing Pages and Bootstrap Resume Landing Page Templates.

Popular examples include Hugo, a Bootstrap 5 SaaS Landing Page with a refreshing design, and Butterfly, an ultra-complete template for SaaS and software solutions with sub-pages for services, portfolios, and testimonials. These templates are designed to drive conversions and enhance user engagement.

Both categories of templates are built to be highly customizable, allowing users to tailor them to specific branding needs. They also incorporate modern design trends, such as gradient backgrounds and micro-interactions, to create a polished and professional appearance.


Dependencies

  • Node.js
  • Bootstrap
  • SaSS
  • jQuery

Key Features of Canva - Bootstrap Templates

Canva’s Bootstrap 5 Templates are packed with features that make them stand out in the crowded world of web design. Here are the key features that make Canva Bootstrap Landing Pages a top choice:

Modern Bootstrap 5 UI Templates

Canva’s Bootstrap 5 Landing Page templates deliver sleek, modern UI designs, creating visually stunning Bootstrap Landing Pages. Optimized for user experience, these responsive Bootstrap 5 Landing Pages adapt seamlessly to desktops, tablets, and mobiles, enhancing accessibility for Agency Bootstrap Landing Pages and Bootstrap SaaS Landing Pages. Perfect for startups and portfolios, they ensure a professional look.

Multipurpose Bootstrap 5 Templates

Designed for versatility, Canva’s Bootstrap 5 Templates offer Multipurpose Bootstrap Templates for industries like SaaS, agencies, and consultancies. Whether building a Bootstrap Portfolio Landing Page, a Bootstrap SaaS Landing Page, or a startup website, these Bootstrap Landing Pages provide flexible, customizable solutions to launch your project efficiently.

Premium Bootstrap 5 Website Templates

Canva’s Bootstrap 5 Templates are among the best Bootstrap Landing Page Templates, offering High-Quality Bootstrap Landing Pages with superior design and functionality. These premium Agency Bootstrap Landing Pages and Bootstrap Startups Landing Pages engage users and drive conversions for SaaS businesses and agencies.

Responsive Bootstrap 5 Design

In a mobile-first world, Canva’s responsive Bootstrap 5 Landing Pages automatically adjust to all screen sizes, ensuring optimal performance for Bootstrap SaaS Landing Pages and Bootstrap Portfolio Landing Pages. This enhances user experience, SEO rankings, and accessibility across devices for startups and consultancies.

Customizable Bootstrap 5 Templates

Canva’s Bootstrap 5 Landing Page Templates offer extensive customization, enabling developers to tweak layouts, colors, and typography. These Bootstrap Portfolio Landing Page Templates and Bootstrap Resume Landing Page Templates empower businesses to create unique Bootstrap Landing Pages tailored to their brand identity.

Bootstrap 5 SaaS Landing Page Templates

Tailored for SaaS businesses, Canva’s Bootstrap 5 SaaS Landing Page templates include pricing tables, testimonials, and call-to-action buttons. These Bootstrap SaaS Landing Page Templates transform Bootstrap Landing Pages into conversion-driven tools for startups and tech companies.

Creative Bootstrap Portfolio Templates

For freelancers and creatives, Canva offers Bootstrap Portfolio Landing Page Templates to showcase work with modern design elements and smooth animations. These High-Quality Bootstrap Landing Pages create a lasting impression for Bootstrap Resume Landing Pages and portfolios.

Premium Bootstrap 5 Product Showcase Templates

Canva’s Bootstrap 5 Templates provide clean, detailed product pages for businesses. These Startup Landing Page Bootstrap 5 templates feature clear CTAs, ideal for Agency Bootstrap Landing Pages and SaaS product displays, driving engagement and conversions.

One-Page Bootstrap 5 Templates

Canva’s One-Page Bootstrap Landing Pages offer streamlined designs for single-page experiences. Perfect for Bootstrap Startups Landing Pages and portfolios, these Minimal Bootstrap 5 Landing Pages focus users on core business aspects with clean layouts.

Professional Bootstrap 5 Web Templates

For agencies and consultancies, Canva’s Bootstrap 5 Templates highlight expertise with elegant designs and smooth navigation. These Bootstrap SaaS Landing Page Templates ensure visitors access information effortlessly, enhancing user engagement.

Blog, Marketing, and Portfolio Bootstrap Templates

Canva’s Multipurpose Bootstrap Templates include Bootstrap Portfolio Landing Pages for blogs, marketing, and portfolios. From Agency Bootstrap Landing Pages to Bootstrap Resume Landing Pages, these templates support creative and professional needs.

Comprehensive Documentation for Bootstrap 5

Canva provides step-by-step guides and detailed documentation to simplify setup for High-Quality Bootstrap Landing Pages. Developers can configure Bootstrap 5 Landing Pages efficiently, ensuring quick deployment for startups and agencies.

Cross-Browser Compatibility

Canva’s responsive Bootstrap 5 Landing Pages work seamlessly across modern browsers (Chrome, Firefox, Safari, Edge), ensuring consistent performance for Bootstrap SaaS Landing Pages and Bootstrap Portfolio Landing Page Templates.

These features make Canva Bootstrap Templates suitable for a wide range of applications, from Startup Landing Page Bootstrap 5 to Agency Bootstrap Landing Pages. The templates also support integration with third-party tools like Google Analytics and email marketing platforms, enhancing their functionality for business use.


Other Features of Canva Agency Landing Pages

Canva Agency Bootstrap Landing Pages are specifically designed for digital agencies, marketing firms, and creative studios. These templates go beyond standard features to offer specialized components that cater to agency needs:

  • Portfolio Showcases: Dedicated sections to display projects, case studies, or client work, making them ideal for Bootstrap Portfolio Landing Pages.
  • Team Sections: Highlight your agency’s team members with professional bios and images, enhancing credibility.
  • Service Listings: Clearly organized sections to showcase services like SEO, web development, or branding.
  • Interactive Elements: Features like sliders, hover effects, and parallax backgrounds create an engaging user experience.
  • Call-to-Action Optimization: Strategically placed CTAs drive conversions, whether for booking consultations or signing up for newsletters.
  • Blog Integration: Some templates include blog sections for content marketing, helping agencies rank for keywords like Agency Bootstrap Landing Pages.

Templates like Visible and Invent from Canva are perfect examples, offering modular layouts and bold designs tailored for creative agencies and startups. These templates also include support for animations and scroll effects, adding a dynamic feel to the user experience.

Multipurpose Bootstrap Design

The Canva best Bootstrap landing page templates are versatile, catering to industries like:

  • Consultancies
  • Agencies
  • Startups
  • SaaS Businesses
  • Portfolios
  • Professional Websites

This flexibility ensures Bootstrap agency landing pages, Bootstrap consultancy landing pages, and SaaS landing page Bootstrap designs meet diverse business needs.

Easy Bootstrap Customization

Customization is seamless with the Canva Bootstrap Landing Page Template. Its modular agency landing page templates and consultancies landing page templates allow easy feature adjustments without disrupting layouts. Built with Bootstrap’s framework, these professional Bootstrap landing pages support effortless styling tweaks for a tailored Bootstrap landing pages experience.


Use Cases of Canva - HTML Templates

Canva Bootstrap 5 Templates are versatile and can be applied to a wide range of use cases, making them ideal for various industries and purposes:

  • SaaS and Software Companies: Bootstrap SaaS Landing Page Templates like SoftLand and Appi are perfect for promoting software products, apps, or subscription-based services. They include pricing tables, feature lists, and lead capture forms.
  • Startups: Bootstrap Startups Landing Pages cater to new businesses looking to establish an online presence. Templates like eStartup and QuickStart offer modern designs for startups in tech, finance, or consulting.
  • Freelancers and Portfolios: Bootstrap Portfolio Landing Page Templates and Bootstrap Resume Landing Page Templates are ideal for freelancers, designers, and photographers. Templates like iPortfolio and Primo provide clean layouts for showcasing work.
  • Agencies: Agency Bootstrap Landing Pages are tailored for digital marketing, SEO, and creative agencies. Templates like Agencio and Creative include portfolio sections, team bios, and service listings.
  • Corporate Websites: Multipurpose Bootstrap Templates like BizLand and Dewi are suitable for corporate businesses, offering multi-page layouts for services, about pages, and blogs.
  • Personal Websites: Templates like Ronaldo and Laura are designed for individuals looking to create personal branding sites or resumes.

These use cases demonstrate the flexibility of Canva Bootstrap Landing Pages, making them suitable for virtually any project requiring a professional online presence. The templates are also designed to support multilingual websites, making them ideal for global businesses targeting diverse audiences.


Developer-Friendly Codebase

One of the standout features of Canva Bootstrap 5 Templates is their developer-friendly codebase, which makes them accessible to both novice and experienced developers:

  • Clean and Commented Code: The HTML, CSS, and JavaScript code is well-structured and thoroughly commented, making it easy to understand and modify.
  • Modular Design: Templates are built with reusable components, allowing developers to mix and match sections to create custom layouts.
  • Bootstrap 5 Utilities: Leveraging Bootstrap 5’s utility classes (e.g., py-, mb-), developers can make quick adjustments without writing extensive custom CSS.
  • No jQuery Dependency: Many templates, like Sevi, are free from jQuery dependencies, reducing load times and improving performance.
  • SCSS and Pug Support: Some templates include SCSS and Pug files for advanced customization, enabling developers to streamline workflows.
  • Easy Integration: Templates support integration with modern tools and frameworks, making them compatible with React, Angular, or WordPress in some cases.

This developer-friendly approach ensures that Bootstrap 5 Landing Pages from Canva can be customized quickly, whether for a Startup Landing Page Bootstrap 5 or a Bootstrap SaaS Landing Page. The codebase also supports version control systems like Git, making it easier for teams to collaborate on projects.


Performance & Optimization of Canva Bootstrap 5 Templates

Performance is a critical factor for any website, and Canva Bootstrap 5 Templates are designed with optimization in mind:

  • Fast Load Times: Templates are built with clean code and minimal dependencies, ensuring quick load times for High-Quality Bootstrap Landing Pages.
  • Responsive Design: Using Bootstrap 5’s grid system, templates adapt seamlessly to all screen sizes, from mobile to desktop.
  • SEO-Friendly Structure: Semantic HTML and optimized metadata improve search engine rankings for keywords like Bootstrap SaaS Landing Pages and Bootstrap Startups Landing Pages.
  • Image Optimization: Canva templates use compressed images and lazy loading to reduce page weight and improve performance.
  • Cross-Browser Compatibility: Templates are tested across major browsers to ensure consistent performance and appearance.
  • Minified CSS and JS: Minified files reduce file sizes, further enhancing load times for One-Page Bootstrap Landing Pages.
  • CDN Integration: Many templates support CDN-hosted assets, improving global accessibility and speed.
  • Performance Monitoring: Templates are compatible with tools like Google Lighthouse, allowing developers to monitor and optimize performance metrics.

For example, templates like AppLab and SaaSpal are optimized for high conversion rates, with lightweight code and responsive designs that enhance user experience. The templates also support modern web standards like HTML5 and CSS3, ensuring future-proof performance.


Conclusion

Canva Bootstrap 5 Templates offer a powerful, versatile, and user-friendly solution for creating professional websites across various industries. Whether you’re building a Bootstrap 5 SaaS Landing Page, a Bootstrap Portfolio Landing Page, or a Bootstrap Resume Landing Page, Canva’s templates provide the perfect blend of design flexibility, performance optimization, and developer-friendly code. With features like responsive layouts, SEO optimization, and customizable sections, these Bootstrap Landing Pages cater to startups, agencies, freelancers, and corporate businesses alike.

The ability to create High-Quality Bootstrap Landing Pages with minimal effort makes Canva an excellent choice for anyone looking to establish a strong online presence. From Minimal Bootstrap 5 Landing Pages to Multipurpose Bootstrap Templates, Canva’s offerings are designed to meet diverse needs while ensuring fast load times, cross-browser compatibility, and SEO performance. Whether you’re a developer seeking a Developer-Friendly Codebase or a non-coder looking for easy customization, Canva Bootstrap Templates deliver exceptional value, making them a top choice for modern web development in 2025.

By leveraging Canva’s design tools and Bootstrap 5’s robust framework, users can create websites that not only look stunning but also perform exceptionally well in search engine rankings and user engagement. The templates’ scalability, multilingual support, and integration with modern tools make them a future-proof solution for businesses and individuals aiming to make a lasting impact online.

Getting Started with Canva Bootstrap SaaS and Portfolio Templates

Getting started with Canva Bootstrap 5 Templates is quick and efficient—ideal for building high-converting Bootstrap SaaS landing pages and professional Portfolio Bootstrap Landing Pages. Whether you're launching a Startup Landing Page Bootstrap 5 or showcasing your work with Bootstrap Portfolio Landing Page Templates, Canva offers responsive and SEO-optimized designs. Download your preferred Bootstrap Landing Page variant—such as those crafted for agencies, consultancies, or SaaS startups—and enjoy a seamless development experience. Each High-Quality Bootstrap Landing Page includes modern layouts, Minimal Bootstrap 5 Landing Pages styling, and performance-first coding practices. These Bootstrap 5 SaaS Landing Page Templates and Multipurpose Bootstrap Templates support fast setup, customization, and scale, making them ideal for any business or creative project.

After download a source package From our Store.

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] / code /

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

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

gulp watch or 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.


How to Edit the Canva Bootstrap Landing Page Templates?

After unzip the downloaded pack, you'll get a SRC and DIST folder. DIST folder is compiled version of SRC. SRC is raw files using gulp you will generate the dist files. All the configuration of gulp will be in gulp file.

You can directly use the compiled DIST and ready-to-use the version of the template. But in case you plan to customize the template extensively the template allows you to do so. You need to edit in SRC files by the help of gulp it convert the SRC files into DIST files and You will able to see the changes.

You can view this Template in any browser, you can display or edit the Template without an internet connection.(May not works fonts).

After change in any files or you add any assets like javascript, css, images. You need to upload on the server. To upload file on server open your cpanel/controlpanel or open filezilla and upload the content/assets of the Template on your server's root directory.

Once the files are done uploading go to www.yourdomainname.com/index.html

Project Structure – Canva Bootstrap Landing Page Templates

Below is the folder structure you’ll find inside the canva template. It’s organized for scalability and easy navigation.

canva-build/
├──	src/
│	│
│	├── assets/  # Static Files (images, js)
│	│   ├── js/                     # App JS Files
│	│   ├── php                     # Contact PHP file
│	│   └── scss/**/*.scss          # Global & Stylesheets
│	│
│	├── partials/  # shared html files (header, footer, title, head)
│	└── HTML files                         # GULP HTML files (file includes)
│	│
├──	dist/
│	├── assets/  # Static Files (images, js)
│	│   ├── css/                    # App minified CSS Files
│	│   ├── images/                 # Images
│	│   ├── lib/                    # Third Party CSS & JS
│	│   ├── vendors/icons           # Icons
│	│   ├── php/                    # Contact PHP file
│	│   └── js/                     # App minified JS Files
│	└── HTML files           # Compiled HTML files
├──	documentation/
│	
├── gulpfile.js                  # Main gulp file
└── tsconfig.js                  # typescipt config
└── webpack.config.js            # webpack config
└── package.json                 # package json
                    

Theme Colors

$pink: #e60072;
$purple: #7644ff;
$primary: #fd4766;
$secondary: #1765ec;
$success: #3eb75e;
$danger: #e90508;
$info: #1ba2db;
$warning: #ff8f3c;
$light: #fbfbfb;
$dark: #171717;

Button Types

Class Results
.btn .btn-primary
.btn .btn-outline-primary
.btn .btn-gred-primary
.btn .btn-gred-primary .effect-2
.btn .btn-gred-primary-2
.btn .btn-gred-primary-2 .effect-2
.more-link Navigation Link

Background

Class Results
.bg-gred
Grediant BG From Top to Bottom
.bg-gred-right
Grediant BG From Left to Right
.bg-gred-2
Grediant BG From Top to Bottom
.bg-gred-2-right
Grediant BG From Left to Right
.bg-light-gred
Light BG Gred
.bg-light-gred-rev
Reverse of Light BG Gred

Customization Guide

Editing Components

Each section in the template is built using Bootstrap. You can modify individual sections such as:

  • Hero Section
  • Services Section
  • About Section
  • Contact Form
  • Testimonials Section

Each component is modular, meaning you can add or remove sections 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)

  • animate.css
  • aos
  • bootstrap
  • jarallax
  • jquery
  • just-validate
  • magnific-popup
  • npm
  • owl.carousel
  • particles.js
  • photoswipe
  • rellax
  • scrollit
  • shufflejs
  • smooth-scrollbar
  • vanilla-tilt

Dev Dependencies

  • browser-sync
  • gulp
  • gulp-clean-css
  • gulp-concat
  • gulp-csso
  • gulp-file-include
  • gulp-rename
  • gulp-sass
  • gulp-sourcemaps
  • gulp-uglify-es
  • sass
Change Log

2.0 - 25 June, 2025

  • 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.5
  • Package Updates
  • Fix package vulnerabilities
  • Bug Fixes

1.0 - 04 March 2022

  • Initial release

Support

We are committed to our customers and support is at up most priority. If you have any question, issue with Canva, 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).