Rotors - HTML Template

Welcome To Rotors - HTML Template Documentation.

Firstly, a huge thanks for purchasing this template, your support is truly appreciated!

This document covers the installation and use of this template and often reveals answers to common problems and issues - read this document thoroughly if you are experiencing any difficulties. If you have any questions that are beyond the scope of this document, feel free to email at help@merkulov.design Thank you so much!

Template Features

Clean & Simple Design
HTML5 & CSS3
Fully Responsive Design
All files are well commented
Cross Browser Compatible with Firefox, Safari, Opera, Chrome
Extensive Documentation

Rotors - HTML Template

Installing Template.

After unzipping the downloaded pack, you'll find a Template Folder with all the files.
You can view this Template in any browser, you can display or edit the Template without an internet connection.(Fonts and Google Maps might not work without internet connection).
The only section that will not work is the Contact Section which contains PHP code and requires a server environment to send messages.
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).

                        <!DOCTYPE html>
                        <html lang="en">

                          <head>
                            <meta charset="utf-8">
                            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

                            <title>Rotors - HTML Template</title>
                            <link rel="shortcut icon" href="file location here/favorite_icon_01.png">

                            <link rel="stylesheet" type="text/css" href="file location here/bootstrap.min.css">
                            <link rel="stylesheet" type="text/css" href="file location here/style.css">
                          </head>

                          <body>
                            <header class="header_section clearfix">
                            ...
                            </header>

                            <main>

                              <section class="example_section clearfix">
                              ...
                              </section>

                            </main>

                            <footer class="footer_section clearfix">
                            ...
                            </footer>

                            <script src="file location here/jquery.min.js"></script>
                            <script src="file location here/popper.min.js"></script>
                            <script src="file location here/bootstrap.min.js"></script>
                            <script src="file location here/custom.js"></script>
                          </body>

                        </html>

CSS Files and Structure

These are the css files that are loaded into the Head Tag

Web Fonts

By default, the template loads the free Google fonts, you can change the font with the one that suits you best.

                        - Lato
                        - Goldman

Remember to change the font into style.css

Javascript Files and Structure

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