Doob Documentation

Welcome to Doob ! Get familiar with the Stripe products and explore their features:

Doob
Working with Doc

You can any work by following our docs

Doob
Formatting Content

Our content is more formating for your website

Doob
Perfect Responsive

Our Template is full Perfect for all device. You can visit our template all device easily.

Doob
Sass Available

The tamplate has Sass available for css. You can Change css by sass

Doob
Fast Loading Speed

Doob is faster loading speed.Doob create your template so much faster

Doob
24 Support System

We are provide 24 hours support for all clients.You can purchase without hesitation.

Getting Started

Welcome to Doob ! Get familiar with the Stripe products and explore their features:

To use Doob For Next-gen all-in-one Business & Consulting HTML5 Template, Portfolio, and Corporate Multi-Purpose Template. It comes with HTML5 and Bootstrap5. We created with component-based and developer-friendly modern. It comes with modern design and a faster loading HTML template. It has available Business Consulting, Business Consulting 02, Corporate, Business, Digital Agency, Finance, Company, Marketing Agency, Travel Agency, Consulting, SEO Agency, Personal Portfolio, Event Conference,Creative Portfolio, Freelancer, International Consulting, Startup, Web Agency, and other needed inner or details pages availability

Template Structures

Articles

HTML Structure

This template is a fixed layout with four columns. The main contents are inside the 'body' tag divided into differt section (i.e. header, banner, services,... footer etc.). The general template structure is the same throughout the template. Here is the general structure.

Images

CSS Files and Structure

We are using one customed CSS files (style.css) and several vendor css files. CSS file structure is as follows:

HTML Images

JavaScript Files

There is a custom .js file named main.js and are several vendor js files as plugins. We are using jQuery(a javascript library) instead of vanilla javascript. Our file structure is a follows:

HTML Images

Change Contents

Changing Images

To change any images of the website

  1. Carefully collect the source name of the image (i.e. banner-img.jpg)
  2. Open the file called images.
  3. Find the particular image file.
  4. Replace the file with your image.
  5. Make sure that the file name does not change.The file name should be the same.

Example: Suppose you want to change the following image file:

HTML Images

You have to do the following to change this image with your own image:

  1. Open the file called images.
  2. Find the particular image file called banner-img.jpg
  3. Replace the file with your image
  4. Make sure that the file name does not change.

Changing Colors

We have used scss for this project to write css. If you are familiar with scss you should customize only the .scss files. Please make sure you compile the style.scss file after you have made changes in any of the .scss files.

Changing default template colors

  1. Open the variable.scss file from assets > scss > defaults folder with a text-editor.
  2. Change the right-side values of the variables to change any default colors of your site.
  3. Save your file.

Have a look at the following image for a visual description:

Images

Changing Email Settings of the Contact Form

  1. Go to main folder
  2. Open mail.php
  3. Go to line number 15
  4. Follow instructions in image below:
Images

Youtube Channel

While it's always better to host your videos on a video sharing website, but we provided a sample for you to include local videos in your pages.

preview

Support

Thank you for purchasing my template.
If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our Support forum

If you need the template customization or custom development services please contact us.

Email Us