“Rubi| Creative portfolio template” Documentation by “Dreambuzz” v 1.0

Rubi| Creative portfolio template

Created:24/07/2019
Updated: 24/07/2019
By: Dreambuzz
Email: dreambuzz71@gmail.com

Thank you for purchasing Rubi. If you have any questions that are beyond the scope of this help file, please feel free to email via profile page contact form or mail me to dreambuzz71@gmail.com

Table of Contents

  1. Introduction
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScripts
  5. Navigation and Logos
  6. Fonts used
  7. FAQs
  8. Contact Form
  9. Sources and Credits

A) Introduction - top

Rubi is a Clean Look, professional HTML5 Portfolio template that is specially designed for agency and personal portfolio websites. It is very content rich and tells the visitors everything they need to know about your company. This HTML5 Template also features Twitter Bootstrap3 Framework, CD word Slider, Flex Slider to ensure a better template. We can assure that this template will be a reliable, trustworthy business template for you.

Template Features

B) HTML Structure - top

HTML Files

General HTML structure

This template structure based on Twitter Bootstrap 3. 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:



/* Table of Content
==================================================
1.  Global Styles
2.  Typography
3.  Common styles
4.  Navigation
5.  HEADER AREA
6.  SECTION ABOUT
7.  SECTION SERVICES
8.  SECTION Blog
9.  SECTION FEATURES
10. SECTION TESTIMONIAL
11. SECTION CONTACT
12. SECTION FOOTER


*/

D) JavaScript - top

Below is the list of Javascript files.
If you face any difficulites to find source then please knock me to themeturn@gmail.com

Header Logo

As you can see the logo is : Image based (by default) and you can make it text based if you want.

Navigation Menu

The page navigation links such as Home, Blog, Contacts etc are included.

G) Fonts Used - top

I have used Roboto as body font and Roboto Slab as heading font in this template.

  1. Literata - Google Web Font
  2. Open Sans - Google Web Font

H) FAQs - top

Want to change slider as per you want ?

You can copy other html and css as slider section to change the section.

I)Contact Form Customization - top

Open up the mail.php file and put the email $mail_to section

You can see the screenshot to check.

That's it is.

J) Sources and Credits - top

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.

Dreambuzz, dreambuzz71@gmail.com

Go To Table of Contents