Single-page responsive layout with a mobile-first design
HTMLCorporate Website
landify-landing-page-template — HTML Business Template
By fatmakiraz
A single-page responsive landing page template built with HTML and SCSS, using a mobile-first design and BEM naming, with LiquidJS as the template engine.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
CSS naming follows the BEM methodology
Uses LiquidJS as the template engine, with template files in the views directory
SCSS is organized into pages and components directories, imported centrally by main.scss
Includes sections such as Hero, brand logo slider, Features, Testimonials, achievements counter, content sections, and CTA
Provides a gulp development server and a gulp dist production build process
Template Details
Landify Landing Page Template is a single-page responsive website template built with a mobile-first design, and its CSS naming follows the BEM methodology. The page consists of several fixed sections: Hero, a brand logo wall with a slider, Features, Testimonials, an achievements counter, content sections, and a Call to Action block.
For styling, css/main.css is compiled from main.scss in the scss directory. main.scss imports the other SCSS files, and the styles for the index page are placed in the scss/pages and scss/components directories. The template engine uses LiquidJS, and the template files are located in the views directory.
The build process relies on npm (or yarn) to install dependencies, uses gulp to start a local development server (localhost:3000), and uses gulp dist to generate production files into the /dist directory. When deploying to Vercel, the build command is gulp dist and the output directory is dist. The project is MIT licensed, and the design is sourced from the Landify Landing Page UI Kit in the Figma community.
HTMLCorporate Website
Is it right for your project?
Use Cases
- Building a single-page landing page for product introductions or service promotion
- A corporate website homepage that requires a mobile-first responsive layout
- A front-end static page project that wants to organize styles with SCSS and BEM
- A showcase website that needs to be deployed to static hosting platforms such as Vercel
Suitable For
- Front-end developers familiar with HTML, SCSS, and the gulp build process
- Individuals or teams that need to quickly build a single-page marketing landing page
- Showcase website projects that are primarily static pages and do not rely on back-end rendering
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, run npm install or yarn install to install dependencies
- 2
Run gulp to start the local server and preview at localhost:3000
- 3
Run gulp dist to generate production files into the /dist directory
- 4
When deploying to Vercel, use gulp dist as the build command and set the output directory to dist
- 5
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- The template's visual design comes from the Landify Landing Page UI Kit in the Figma community (by Aravind Little Jack). That design resource is not covered by the MIT code license, and its license terms must be checked independently before commercial use.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses; they cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
https://github.com/fatmakiraz/landify-landing-page-template/blob/master/LICENCEhttps://github.com/fatmakiraz/landify-landing-page-template/blob/master/readme.mdDesign: [Landify - Landing Page UI Kit by Aravind Little Jack](https://www.figma.com/community/file/894552273937682724)
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 72 / 100
- Technologies
- HTML
- Website type
- Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2021-04-19
- Screenshot last checked
- 2026-10-03
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies HTML as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 0407166be0bdfedb55c1214731ac5f5d07be737f48fd692d636599c804161c53
2026-10-03T00:05:20.807Z
Source file / repository# Landify Landing Page Template This Landing Page is a one-page responsive website template which has been created mobile-first design. BEM methodology has been used as a CSS naming method. The sections of the template are as follows: **Sections** - Hero - Logos of brands with slider - Features - Testimonials - Achievement counters - Content areas, - Call to action sections ## [Demo website](https://landify-landing-page-template.vercel.app/) # Project Structure css/main.css file is created from main.scss file which is inside the scss folder. main.scss file is used to import the other scss files. CSS codes of the index page are included in the scss/pages and scss/components folders. LiquidJS is used as a template engine. Files of the template are in the views folder. ## Installation ```bash git clone https://github.com/hey-fk/landify-landing-page-template cd landify-landing-page-template npm install or yarn install ``` ## Start the server ```bash gulp ``` Now enter [`localhost:3000`](http://localhost:3000) in the address bar of your browser. ## Dist Folder ```bash gulp dist ``` Production files will be prepared in /dist folder. ## Deploy Vercel Build Command ```bash gulp dist ``` Output Directory ```bash dist ``` ## Contributing Did you found a bug or got an idea for a new feature? Feel free to use the [issue tracker](https://github.com/hey-fk/landify-landing-page-template/issues) to let me know. Or make directly a [pull request](https://github.com/hey-fk/landify-landing-page-template/pulls). ## Credits Design: [Landify - Landing Page UI Kit by Aravind Little Jack](https://www.figma.com/community/file/894552273937682724) ## License This template is released under the MIT License.
Explore similar templates
Compare previews and descriptions within the same stack and category.
mazer
Mazer is a free and open-source Bootstrap 5 admin dashboard and landing page template that does not depend on jQuery. It provides prebuilt releases, source builds, and CDN inclusion, and includes dark mode, perfect-scrollbar, and ApexCharts examples.
HTML · Admin dashboard
Freelancer
A bright, single-page Bootstrap portfolio template for freelancers, designers, and small studios. It includes a responsive portfolio grid with modal detail windows and an SB Forms contact form that requires an API token.
HTML · Portfolio
Creative
A single-page marketing template by Start Bootstrap for creative agencies and product services, built on Bootstrap with SCSS, featuring a portfolio grid and call-to-action sections. It includes pre-set SB Forms markers for form integration and npm build scripts for source customization.
HTML · Corporate Website
startbootstrap-agency
Agency is a one-page Bootstrap portfolio theme from Start Bootstrap, MIT licensed. It includes a responsive portfolio grid with modal details and a preconfigured SB Forms contact form that requires an API token.
HTML · Corporate Website
startbootstrap-landing-page
A general-purpose Bootstrap landing page template from Start Bootstrap, MIT licensed, with a Pug/SCSS/npm build pipeline.
HTML · Corporate Website
Landing-Page
A general-purpose landing page HTML template maintained by Tailwind Toolbox, written in pure HTML and loading the complete Tailwind CSS via CDN.
HTML · Corporate Website