Monst

Tailwind v2 CSS Saas Landing Page

DOCUMENTATION

  • Doc version: 2.0
  • Created: 30 October 2021
  • Last update: 30 October 2021

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.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

  • /public
    • /assets
      • /css
      • /imgs
      • /js
  • /src
  • /package.json
  • /package-lock.json
  • /postcss.config.js
  • /tailwind.config.js

Dependencies

  "autoprefixer": "^10.4.0",
  "postcss": "^8.3.11",
  "postcss-cli": "^9.0.1",
  "tailwindcss": "^2.2.17"
                                

Frontend Files Structures

  • /assets
    • /css
      • /animate.min.css
      • /slick.css
      • /tailwind-built.css
    • /imgs
      • /backgrounds
      • /elements
      • /icons
      • /illustrations
      • /logos
      • /placeholders
    • /js
      • /vendor
      • /main.js
  • /index.html
  • /index-2.html
  • /index-3.html
  • /index-4.html
  • /index-5.html
  • /about.html
  • /blog.html
  • /contact.html
  • /faqs.html
  • /.........

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
                          
                          
                          
                          
                          
                          
                          
                          
                          
                          
                        
                        
                          

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

  1. Download the latest version of the theme to your device.
  2. Connect to your hosting via FTP software
  3. Upload the theme folder you unzipped to your site folder
  4. 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 -