“Liam - Creative Portfolio Showcase Template ” Documentation by “creativepersonal” v 1.0

---

Liam - Creative Portfolio Showcase 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 Liam - Creative Portfolio Showcase 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

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 Syne and Inter font in this template.

1. Poppins - Google Web Font
2. Inter - 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 - #E8C83E. if you want to change this color. just replace it with your own color. you can change color from style.css file

2) If you want to change contact mail id, just open "contact.php" and you see the mail address. just change it with your own mail address.

---

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

---