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 Flask and Bootstrap 5. We created it with a component-based and developer-friendly modern approach. It comes with a modern design and a faster loading Flask 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 Flask Templates
1.Download and Extract the Zip File:
Download the zip file containing all files integrated with Flask. Extract the contents of the zip file to your desired location.
2. Install Python and Flask:
Make sure Python (We recommend version 3.12.3) and Flask (We recommend version 3.0) are installed on your machine. If not already installed, you can download and install Python from the official website. To install Flask, you can use pip:
3. Running the Flask Application:
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.
4. Editing TrydoTemplate
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 Structures
Articles
Flask 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.
06 August 2025
Init release
