### Doc Navigation

- Getting Started
  - What's Included
  - How to Install Bootstrap Website Templates
- Template Structures
  - HTML Structure
  - CSS Files and Structure
  - Javascript Files
- Change Contents
  - Changing Images
  - Changing Brand Logo
  - Changing Colors
- Sources and Credits
- Youtube Channel
- Change Log
- Support

# Bostami Documentation

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

##### Working with Doc

You can any work by following our docs

##### Formatting Content

Our content is more formating for your website

##### Perfect Responsive

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

##### W3 Validated

The tamplates all HTML markup already checked with W3C Validator website

##### Fast Loading Speed

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

##### 24 Support System

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

## Getting Started

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

Bootstrap is a clean new modern HTML template for NFT Marketplace. Bootstrap – a unique & trendy template for websites like NFT marketplaces, digital assets, non-fungible tokens & more. Bootstrap is built with modern technologies like HTML5, CSS3, jQuery, Bootstrap 5, SCSS. You can create, sell & collect NFT’s or digital assets through this website. It is very nicely designed with better UX and modern features also coded with the latest technology.

## What's Included

After purchasing Bootstrap template on templateforest.net with your Envato account, go to your Download page. You can choose to download Bootstrap template only or the entire Bootstrap template package which contains the following files:

1. Bootstrap template: A .zip file with all .html files with all necessary assets.
2. Documentation: An HTML format documentation.
3. Licensing.

## How to Install Bootstrap Website Templates

Installing a Bootstrap template is not like WordPress or CMS theme installation, actually, installation keyword does not go with Bootstrap template. Why? because you don’t install anything, yes Bootstrap or HTML templates are automatically rendered by the browser.

#### 1. Editing Bootstrap Template

Before all that you have to edit your template and place your own contents by replacing old demo contents, in this case, you will need a code editor such as – VScode, Sublime Text, etc. When template editing is done using editor, save the files and folder and go ahead to upload template files on live server.

#### 2. With your Purchase:

First of all, If you don’t have your template on your computer, download Bootstrap template to get started, when download/purchase complete you will get a package like this screenshot (after unzip).

#### 3. Package comes with documentation unzip the download package, you’ll found a folder with all template files, like above screenshot.

#### 4. Now, login to your hosting control panel or FTP client, such as: FileZilla, CyberDuck etc. and upload template files on your server root.

#### 5. Once all files are uploaded, go to www.yoursite.com/index.html you can see your the homepage, make sure the initial page is named as index.html

## Template Structures

#### Articles

- HTML Structure
- CSS Files and Structure
- JavaScript Files

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

#### CSS Files and Structure

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

#### 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:

## Change Contents

- Changing Images
- Changing Brand Logo
- Changing Email Settings of the Contact Form

#### 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:

#### 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 person-img.jpg
3. Replace the file with your image
4. Make sure that the file name does not change.

##### Note

Images seen in the live preview are only set for preview purposes. They are not included in the download files.

#### Changing Brand Logo

###### 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 for change your logo:

#### Changing Colors

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

- Changing default template colors

#### Changing default template colors

1. Open the css folder from assets > main.css 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:

#### Sources and Credits

We've used the following fonts, free icons and plugins as listed:

- Google Fonts
- Remixicons Icon fonts
- Youtube Player
- jQuery
- Waypoints Js
- Isotop
- Counter Up
- Fancybox
- Masonry Activation

#### Contact Form

For Working Contact Form you can follow this screenshot go this site https://formspree.io/. Create a account you will found action link. The link you past your contact form action attribute. that's it! YouTube Link

Working contact form

## Change Log

Ib-Themes Team never stops Improving, bug fixes, and improvements. See What's New. We recommend you to read the changelog for every update.

###### 25 January 2023

Initial release

1.2.0

NewInitial release

###### Support? elitethemes24@gmail.com

If you like our product. Please Rate Us

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