Trydo Documentation
Welcome to Trydo ! Get familiar with the Stripe products and explore
their features:
Getting Started
Welcome to Trydo ! Get familiar with the Stripe products and explore
their features:
To use Trydo for Creative Agency, Portfolio, and Corporate Multi-Purpose Template. It comes with PHP and Bootstrap 5. We created it with component-based and developer-friendly modern structure. It comes with modern design and a faster loading PHP template. It has available Creative Agency, Creative Agency Landing, Personal Portfolio, Personal Portfolio Landing, Minimal Portfolio, Home Particles, Digital Agency, Business, Home Parallax, Startup, Studio Agency, Freelancer, Minimal Portfolio Parallax, and other needed inner or details pages availability.
How to Install Trydo PHP Template
1. 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.
2. Download and Extract the Zip File:
Download the zip file containing all files integrated with Trydo. Extract the contents of the zip file to your desired location.
3. Running the PHP Application:
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}}).
4. Editing Trydo Template:
Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text etc.
Template Structure
Articles
PHP Structure
This template is a fixed layout with four columns. The main contents are
inside the 'body' tag divided into differt section (i.e. header, banner,
services,... footer etc.). The general template structure is the same
throughout the template. Here is the general structure.
CSS Files and Structure
We are using one customed CSS files (style.css) and several vendor css files.
CSS file structure is as follows:
JavaScript Files
There is a custom .js file named main.js and are several vendor js files as
plugins. We are using jQuery(a javascript library) instead of vanilla
javascript. Our file structure is a follows:
Change Contents
Changing Images
To change any images of the website
- Carefully collect the source name of the image (i.e. banner-img.jpg)
- Open the file called images.
- Find the particular image file.
- Replace the file with your image.
- Make sure that the file name does not change.The file name should be
the same.
Example: Suppose you want to change the following image
file:
You have to do the following to change this image with
your own image:
- Open the file called images.
- Find the particular image file called banner-img.jpg
- Replace the file with your image
- Make sure that the file name does not change.
Changing Brand Logo
To change any images of the website
- Carefully collect the source name of the image (i.e.
banner-img.jpg)
- Open the file called images.
- Find the particular image file.
- Replace the file with your image.
- Make sure that the file name does not change.The file name
should be the same.
Example: Suppose you want to change the following
image file for change your logo:
Changing Colors
We have used scss for this project to write css. If
you are familiar with scss you should customize
only the .scss files. Please make sure you compile
the style.scss file after you have made changes in
any of the .scss files.
Changing default template
colors
- Open the variable.scss file from assets > scss >
defaults folder with a text-editor.
- Change the right-side values of the variables to change any default colors of your
site.
- Save your file.
Have a look at the following image for a visual description:
Sources and Credits
We've used the following fonts, free icons and plugins as listed:
Support
Thank you for purchasing my template.
If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our Support forum
Change Log
Our team never stops Improving, bug fixes, and improvements. See What's New. We recommend you to read the changelog for every update.
25 November 2025
Init release
