Documentation for BentoMan Resume Tailwind CSS

Getting Started

Welcome to BentoMan TailwindCSS Template Documentation! We would like to thank you for choosing our template - BentoMan.

BentoMan - Tailwind CSS Personal 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	:	BentoMan - Tailwind CSS Personal Resume Template
Version	:	1.1
Author	:	ThemeArray
Support	:	themearray@gmail.com

Prerequisites : How to edit tailwindcss on your machine

There are system requirements in order to install and setup BentoMan template and its components properly. Make sure that you are installed node.js. and you're using latest version of npm.

Verify NPM

Open a command prompt (or PowerShell), and enter the following:

node -v

The system should display the Node.js version installed on your system. You can do the same for NPM:

npn -v

How to edit tailwindcss on your own machine

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 in the project root directory
Run the install command to install all node module package:
```
npm install
```
To build css run the command in your terminal
```
npm run watch
```

After successfully done the above steps, you can run the following commands on terminal/command prompt from the root directory ( InPro-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 install
To build css run the command in your terminal npm run watch

What's Included

After purchasing BentoMan template on templateforest.net with your Envato account, go to your Download page.
You can choose to download BentoMan template contains the following files:

Folder Structure:

BentoMan
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.
  - Img
    Contains images, svg icons, logo and all other media files stored that are used in template.
  - JS
    Template script.js and other js library
  - fonts
    Contains FontAwesome web fonts
- src
  TailwindCSS Main Source File
  - tailwind.css
- contact-form.php
- package.json
- package-lock.json
- tailwind.config.js
- postcss.config.js

HTML Structure:

CSS Structure:

JS Structure:

Template Installation - FTP Upload

To Install the Template on your FTP, please follow the instruction below:

Open up your FTP manager and connect to your hosting
Browse to required directory (Normally public_html)
Upload the file inside BentoMan-resume zip folder.
Extract the BentoMan-resume zip folder.

Background and Color Mode

BentoMan has available Light and Dark Color modes and its super easy to change in your template.

By default bentoMan designed for light version and to change the UI to dark is simple. Just add a class to the dark. Ex- <html class="dark">.

Change Site Title & Favicon

To change your Site title and Favicon open the BentoMan in your editor and go to the location by following screenshot which are given bellow.

Change logo and customize Main menu

To change Site logo image and Customize site navigation menu open the BentoMan in your editor and go to the marked section by following screenshot given bellow.

Customize About Page

Customize Service Page

Customize Projects Page

Customize Blog Page

You can update blog thumbnail, title, description and meta information according to the screenshot below.

Change Contact Infomation

Change Contact form

Change Contact email [contact-form.php]

Sources & Credits

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 @themearray

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).

Changelogs


    -----------------------------------------------------
    Version 1.1 - 20 January 2025
    -----------------------------------------------------
    - Overall design quality updated
    - Sidebar and widgets added for wp support
    - Dropdown menu support on Header
    - Masonry and sticky features added to blog post
    - 404 page added
    - Content not found page / design addeds

    -----------------------------------------------------
    Version 1.0 - 10 December 2024
    -----------------------------------------------------
    - Initial Release BentoMan-Portfolio Resume
    - Upadate all plugins
    - Improve site speed and image optimization
    - Improve Responsive issues
    - Product design quality enhanced

NAVIGATION