Monst
Tailwind v2 CSS Saas Landing Page
DOCUMENTATION
- Doc version: 2.1
- Created: 30 October 2021
- Last update: 28 May 2022
OVERVIEW
Monst A great collection of flexible & creative landing page templates to promote your Software, App, SaaS, Startup or business projects.
Moreover, our HTML solution provides a set of features designed to make your website more sustainable:
- W3C valid coding;
- SEO-ready layout;
- Google Fonts & Google Maps;
- Cross-browser support;
- SCSS source files.
Monst s built with Tailwind CSS version 2, HTML5, CSS3 & Jquery. It is Responsive, Retina ready & Multi-Device supported. All code is beautifully written & W3C Validated.
We have a dedicated support center for all of your support needs. It includes our Documentation and Ticket system for any questions you have.
A quick way to integrate the Forms into your project. Get Monst today and be setup in minutes!
Main Features
Creative Design: Monst is a bold theme that organizing content to follow natural eyes, striking balance between beautiful and visual hierarchy.
05 home landing pages
18 creative inner pages
Fully Responsive: The theme passed Mobile-Friendly Test – by Google. We also tested carefully the theme on almost devices: laptop, tablet, and phone. All elements are 100% responsive and ready for all devices.
SEO Optimised Page Layouts
Pixel Perfect Design
Clean & Ultra Modern Design
W3C Validated Code
Tailwind CSS version 2 used
Compatible Browsers: IE8+, Firefox, Safari, Opera, Chrome
Well documentation included
Ticket System Support
Note
- All images are just used for Preview Purpose Only. They are not part of the template and NOT included in the final purchase files.
- This is not a WordPress theme, It is a HTML5 template
Change log
VERSION 2.1
- Fixed the vulnerabilities issues.
VERSION 2.0
- Tailwind CSS Version 2
- Work with Jit (purge)
- Improved visual interface
- Build with NodeJS
- PostCSS
- autoprefixer
VERSION 1.0
- First release.
STRUCTURE
Source Code Structures
Dependencies
"autoprefixer": "^10.4.0",
"postcss": "^8.3.11",
"postcss-cli": "^9.0.1",
"tailwindcss": "^2.2.17"
Frontend Files Structures
HTML Structure
All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of main page (index.html).
Monst - Tailwind CSS Saas Landing Page
Monst
CSS Structure
These are the css files that are loaded into templates in Head Section.
Import google fonts
@import url("https://fonts.googleapis.com/css2?family=Montserrat:[email protected];500;600;700&family=Poppins:[email protected];500;600;700&display=swap");
Import third party CSS library
JS Structure
These are the list of Javascript files that are loaded into templates in end of the Body Section.
UPDATE
Important Note:
- Backup your website and theme folders completely to make sure you have a restore point in case of any complications.
Update using FTP
- Download the latest version of the theme to your device.
- Connect to your hosting via FTP software
- Upload the theme folder you unzipped to your site folder
- You should be asked to confirm overwriting of this folder and its contents. Confirm the overwrite.
SOURCES & CREDITS
THANK YOU
Thank you so much for using this template.
- AliThemes Team -