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
                
    
                
    
                  
    
                    
    
                      
    
                        
    
                          
    
                            Blog Image 120 February
                          
    
                          
                          
    
                            
    
                              It's blow your mind! Meet Neural Networks
                            
    
                            
    
                              Captivate audiences and drive meaningful
                              connections
                            
    
                          
    
                          
                        
    
                        
                      
    
                      
    
                        
    
                          
    
                            Blog Image 220 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