# Birost. - Consulting, Digital Agency HTML5 Template

## Welcome To Birost. UI Kit - Consulting, Digital Agency HTML5 Template Documentation.

Firstly, thanks for purchasing Birost. We really appriceate your support.

In this document, we have tried to cover all the things related to this template. Here, you will find the full installation guide and how do you will use this anywhere and some common issues with its solution - read this document minutely if you are experiencing any difficulties. If you need any help that are beyond the scope of this document, you can reach us at,

- `userthemes@gmail.com`

## Template Features

- Clean & Simple Design
- HTML5 & CSS3
- Modern Animations
- Awesome Landing Pages
- Fully Responsive Design
- All files are well commented
- Cross Browser Compatible with Brave, Firefox, Safari, Opera, Chrome, Edge
- Extensive Documentation

# Birost. - Consulting, Digital Agency HTML5 Template

## Installing Template.

1. After unzip the download pack, you'll found a Template Folder with all the files.
2. You can view this Template in any browser, you can display or edit the Template without an internet connection.(May not work fonts and google map).
3. Now go to your cpanel or open your FTP Client (like Filezilla) and upload the content of the Template on your server root.
4. Once the files are done uploading go to www.yourdomainname.com/index.html

## Template Structure

All information within the main content area is nested within a body tag. The general template structure is pretty the same throughout the template. Here is the general structure of main page (index.html).

## CSS Files and Structure

These are the css files that are loaded into templates in Head Section.

## Google & Other Web Fonts

By default, the template loads this font from Google Web Font Services, you can change the font in style.css file with the one that suits you best.

    						/*=== Google Fonts ===*/
    @import url(https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap);

    /*=== Custom Fonts ===*/
    @font-face {
      font-family: 'Sterling Heights';
      src: url('../fonts/SterlingHeights/SterlingHeights.woff2') format('woff2'),
        url('../fonts/SterlingHeights/SterlingHeights.woff') format('woff');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
    }

Remember to change the font into style.css

## Placing Form or Template

For better work progress, we've added a code snippet here. Suppose, you want to place a section to different HTML template; So, here's the example of how you will do that.
Note: Any step you copy must be placed inside #scroll-content div

###

##

#####

#####

                            Consultancy

                          Creative Digital Agency

                            Product design and development agency. We help
                            entrepreneurs and forward-looking companies to transform
                            their ideas

                      View More

                                20 February

                                  It's blow your mind! Meet Neural Networks

                                  Captivate audiences and drive meaningful
                                  connections

                                20 February

                                  Queen parrot fish black prickle back moss

                                  Captivate audiences and drive meaningful
                                  connections

## Javascript Files and Structure

These are the list of Javascript files that are loaded into templates in end of the Body Section.

## Source and Credit

- jQuery
- Font Awesome
- Bootstrap 5 Framework
- Tilt
- Wow
- Slick Slider

## Copyright

Thanks to all our UI Experts and the Developers. Birost. made with ❤️ by User Themes | Copyright ©️2021-2025