Welcome to iTTRAN HTML Template Documentation
iTTRAN - Tailwind CSS Personal Portfolio/Resume Template can be used for many purposes. It's a creative, minimal and clean design. Also It's suitable for Designer, Developer, Specialist, Content Writer, Instructor, Photographer, Freelancer, Software Engineer, Teacher or others expert who Show their professional projects and services in digital way. It's 100% responsive and Ultra Super Fast beacause it's made with Latest Tailwind CSS.
Please feel free to get back to us in case if you are having any question or feedback.
Template name | : | iTTRAN - Tailwind CSS Personal Portfolio/Resume Template |
Version | : | 1.0.0 |
Author | : | ThemesTransmit |
Support | : | support@themestransmit.com |
This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly.
Key Features:
- Build with Latest Tailwind CSS v3
- Dark, LightDemos
- Fully Responsive HTML5
- Page Transitions
- CSS3 Animations
- SEO optimized
- Mobile Navigations
- Fully Responsive to all devices
- Developer Friendly Coding
- W3C Validated HTML Pages
- Awesome Preloader
- Lifetime Free Updates
Important! This is a static HTML template and not a WordPress theme! It doesn't have any admin/back-end panel and it is created for the developers or person who knows the HTML. If this is not you have intended to buy, you can ask for a refund.
Getting Started
Before dive into code, we want to explain how the template is structured and organized, what support is included, what tools did we have used, etc. Do not directly upload the zip file you downloaded from Themeforest. To begin, unzip the ThemeForest file you just downloaded.
Folder Structure:
-
ittran-resume
Main (root) folder with index HTML files, assets and src folder with configuration files.
-
assets
Template resource files are stored in assets folder
-
CSS
Template
style.css
and other plugins CSS files. -
Fonts
FontAwesome icons Support fonts
-
Media
Contains images, svg icons, logo and all other media files stored that are used in template.
-
JS
Template
script.js
and other plugins
-
CSS
-
src
TailwindCSS Main Source File
- tailwind.css
- contact-form.php
- package.json
- package-lock.json
- tailwind.config.js
-
assets
HTML Structure:
CSS Structure:
JS Structure:
Prerequisites : How to edit tailwind css on your computer
To use Tailwind CSS on your computer, you will need to install it as a development dependency in your project. Here are the steps you can follow to do this:
- Make sure to have Node.js installed & running on your computer. If you already have installed Node on your computer, you can skip this step if your existing node version is greater than 18. We suggest you to use LTS version of Node.js.
- Open project on your editor
- Open the terminal as a root directory
-
Run the command to install node module package:
npm i
-
To build css run the command in your terminal
npm run dev
After you finished with the above steps, you can run the following commands into the terminal/command prompt from the root directory ( ittran-resume ) of the project to run the project locally or build for production use:
- Open project on your editor
-
Open the terminal as a root directory and run the command
npm i
-
To build css run the command in your terminal
npm run dev
Template Customization
Backgrounds and schemes
iTTRAN has 2 Background schemes: Light (default) and Dark. Both templates are unique design and All Browsers compatible.


To get the Dark color schemes is simply add class="dark"
attribute to html
element. That's simple.
Changing Brand Logo/Image
Customizing Menu
Mobile Bottom fixed Menu
Change Hero Infomation
Change About Information
Change What I Do Information
Fun Facts and Clients Logo
Change Service information
Change Portfolio Items information
Change Blog
Customize Contact Form
To modify the contact page please open the index.html
file in your code editor and go to last section [Contact]. Now customize the feild as you wish.
Remember that the form action value set to contact-form.php
. You should replace your domain email webmaster_email
address to get an email from the customer. Please contact the support team to get support for any inconvenience.
Sources & Credits
Change Log
----------------------------------------------------------------------------------------- Version 1.0.0 - 26 April 2023 ----------------------------------------------------------------------------------------- - Initial Release iTTRAN - Upadate all plugins - Improve site speed and image optimization - Improve Responsive issues - Product design quality enhanced
Clients Support Desk
Please remember you have purchased a very affordable template and you have not paid for a full-time web design agency. Occasionally we will help with small tweaks, but these requests will be put on a higher priority due to their nature. Support is also 100% optional and we provide it for your connivence, so please be patient, polite and respectful. However We will be more than happy to assist you.
Please visit our profile page or ask question @ThemesTransmit
Support for our items includes:
- Responding to questions or problems regarding the item and its features
- Fixing bugs and reported issues
- Providing updates to ensure compatibility with new software versions
Before seeking support, please...
- Make sure your question is a valid Template Issue and not a customization request.
- Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
- Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
- If you have customized your Template and now have an issue, back-track to make sure you didn't make a mistake. If you have made changes and can't find the issue, please provide us with your changelog.
- Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
- Make sure to state the name of the Template you are having issues with when requesting support via ThemeForest.
Refund Policy
Read this Article before asking for a refund.
The refund request will not be accepted in the following cases by the article:
- You don't want it after you've downloaded it
- The item did not meet your expectations or you feel the item is of low quality
- You simply change your mind
- You bought an item by mistake
- You do not have sufficient expertise to use the item
- You claim that you are entitled to a refund but do not provide sufficient information as to why you are entitled to a refund
- You can no longer access the item because it has been removed or the author who previously provided the item is no longer active on our platform (we advise you to download items as soon as you have purchased them to avoid this situation).
Customization Service
Customization services starts from only $29. You can contact via our email
Copyright & License
This Template released under MIT License.
For more information about copyright and license check www.themestransmit.com