Intoduction


img

Masco - Saas Software Startup Tailwind Template

Created : 18-Aug-2025
By : Parv Infotech
E-mail : sup.parvinfotech@gmail.com
Last Update : 18-Aug-2025
Version : 1.0.0

Thank you for purchasing Masco - Saas Software Startup Tailwind Template. If you have any questions that are beyond the scope of this help file, please feel free to email, via my user page contact form or put a ticket at Support Center .
Thank you so much!

Getting Started


  • Install PHP
    • If you're using XAMPP, WAMP, or MAMP, PHP should already be included. Make sure your server environment (Apache, Nginx, etc.) is configured to work with PHP. If PHP is not installed, you can download it from the official PHP website.

  • Download and Extract the Zip File:
    • Download the zip file containing all files integrated with Weiboo. Extract the contents of the zip file to your desired location.

  • Editing Masco Template
    • Start your PHP server. If you're using XAMPP, WAMP, or MAMP, start Apache. Navigate to localhost in your web browser and specify the port number if necessary (e.g.,http://localhost:{{PORT}}).

Tailwind File Configuration


You can customize/ configuration fonts, color, screen, plugins etc from tailwind.config.js file. For more details Visit Tailwind Configuration Document

image html

Folder Structure


    PHP Folder
        masco/
        ├─ assets/
        │  ├─ css/
        │  │  ├─ all CSS files
        │  ├─ fonts/
        │  │  ├─ all Fonts files
        │  ├─ img/
        │  │  ├─ all Images files
        │  ├─ js/
        │  │  ├─ all JavaScript files
        ├─ src/
        │  ├─ tailwind.css
        ├─ partials/
        │  ├─ breadcrumb.php
        │  ├─ footer.php
        │  ├─ head.php
        │  ├─ header.php
        │  ├─ script.php
        ├─ .prettierrc
        ├─ all PHP file
        ├─ package.json
        ├─ tailwind.config.js
    

PHP Structure


The html template uses Latest Tailwind 3 with valid HTML5 tags. This theme is a responsive layout. All of the information in content area is nested within a class and comes with predefined classes.

image html


Output


image html

Tailwind Files and Structure


Mainly 2 main CSS files are used in this theme. The first one tailwind.css in src folder to generate style.css file into the assets/css folder, second one is custom.css to control the layouts.


image html

JavaScript


This theme imports 2 types of Javascript files. All of these free from jquery dependency.

  • main.js
  • vendors/clients JavaScript plugins



image html

Contact form Structure


image html


Output


image html

Required File


Required Css


image html


Required Js


image html

Logo Structure


image html

Blog Structure


image html

Widget Structure


image html

Sources and Credits


Fonts Used in the template are google fonts

Fonts Used are :


Image Used:


Sliders Used Are :

Swiper Slider ( Swiper Slider )


Every Code is properly commented for Editing Ease.

Support


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have any queries, please feel free to contact us at

sup.parvinfotech@gmail.com

Email Us at : Parv Infotech