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
- src
  TailwindCSS Main Source File
  - tailwind.css
- contact-form.php
- package.json
- package-lock.json
- tailwind.config.js

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

HTML Template Documentation

Navigation