“Bentos - Personal Portfolio HTML Template ” Documentation by “Creativepersonal” v 1.0

---

Bentos - Personal Portfolio HTML Template

---

Table of Contents

1. Introduction
2. HTML Structure
3. CSS Files and Structure
4. JavaScripts
5. Fonts used
6. Sources and Credits
7. Faq
8. How to Edit The template

---

A) Introduction - top

Thank you so much for purchasing Bentos - Personal Portfolio HTML Template. Please feel free to contact us if you have question or problem about this template. We will do our best to provide you with the best possible assistance.

Template Features

• Bootstrap
• Clean and Professional Design
• Cross Browser Compatible
• Fully Responsive
• SEO Friendly
• Clean Code
• Google web fonts
• JavaScript with jQuery Library
• Valid HTML5 & CSS3
• Well Documented
• 24/7 Support

---

B) HTML Structure - top

HTML Files

• index.html - Home Page
• about.html - about Page
• work.html - work Page
• service.html - service Page
• contact.html - contact Page
• single-project.html - single project Page

General HTML structure

This template structure based on Bootstrap 5.0.1 Here is the sample structure.

---

C) CSS Files and Structure - top

Styles

All css files are separates for improving convenience to edit this template.

Some of stylesheets contain Table of content for easy navigation, for instance style.css:

/*
* ----------------------------------------------------------------------------------------
* 01.GLOBAL CSS STYLE
* 02.COMMON CSS STYLE
* 03.MENU CSS STYLE
* 04.HEADER CSS STYLE
* 05.ABOUT CSS STYLE
* 06.SERVICE CSS STYLE
* 07.SKILL CSS STYLE
* 08.RESUME CSS STYLE
* 09.PORTFOLIO CSS STYLE
* 10.TESTIMONIALS CSS STYLE
* 11.PRICING CSS STYLE
* 12.CLIENTS CSS STYLE
* 13.CONTACT CSS STYLE
* 14.FOOTER CSS STYLE
* 15.PRELOADER & BOUNCE CCS STYLE
* 16.BLOG CSS STYLE
* ----------------------------------------------------------------------------------------
*/

---

D) JavaScript - top

This theme imports Javascript files.

---

E) Fonts Used - top

I have used poppins font in this template.

1. poppins - Google Web Font



---

G) Sources and Credits - top

• Bootstrap
• jQuery
• modernizr min
• FontAwesome
• Wow Animation
• owlcarousel

---

---

H) FAQ - top

1) This template main color is - #eb5d3a. if you want to change this color. just replace it with your own color. you can change color from style.css file

---

I) How to edit the template - top

Prerequisites

Basic understanding of HTML
Text editor (e.g., Notepad, Visual Studio Code, sublime text)
Web browser



---

1) Download The html files

2) Open the html files using a code editor
for example: notepad++, Sublime text

3) Chnage the text by your own requrements

4) Save the modified HTML file using your text editor.

5) Upload the files to your hosting directory (public_html folder)

6) Congratulations Your website is LIVE



Once again, thank you so much for purchasing this template. I'd be glad to help you if you have any questions relating to this template. I'll do my best to assist.

Go To Table of Contents

---