Getting started

Start developing with Framework Y

Starting


You can start with file below, download it, place in root directory and insert content you want:

Download blank page

Second method is by a empty file. You need only to do two steps before starting:


1. Include these scripts in the <head> object:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link rel="stylesheet" href="../../scripts/bootstrap/css/bootstrap.css">
<script src="../../script.js"></script>
<link rel="stylesheet" href="style.css">

Order is important, maintain this order of loading.


2. Include in the <footer> the following scripts and styles

<link rel="stylesheet" href="scripts/font-awesome/css/font-awesome.min.css">
<script src="scripts/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/animations.css">
<script src="scripts/imagesloaded.min.js"></script>

Style animations.css and script imagesloaded.min.js are not required but raccommended in most cases.


HTML empty file example

You can use this code of a empty content HTML page for start your first website page:

<!DOCTYPE html>
<!--[if lt IE 10]> <html lang="en" class="iex"> <![endif]-->
<!--[if (gt IE 10)|!(IE)]><!-->
<html lang="en">
    <!--<![endif]-->
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>Page title</title>
            <meta name="description" content="Here is a description of the page content">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
            <link rel="stylesheet" href="../../scripts/bootstrap/css/bootstrap.css">
            <script src="../../script.js"></script>
            <link rel="stylesheet" href="style.css">
        </head>
        <body>
            <div id="preloader"></div>
            <header>
                ...
            </header>
            <div class="section-empty">
                <div class="container content">
                    ...
                </div>   
            </div>
            <footer>
                <div class="content">
                    <div class="container">
                        ...
                    </div>
                </div>
                <link async rel="stylesheet" href="scripts/font-awesome/css/font-awesome.min.css">
                <script async src="scripts/bootstrap/js/bootstrap.min.js"></script>
                <link rel="stylesheet" href="css/animations.css">
                <script src="scripts/imagesloaded.min.js"></script>
            </footer>
        </body>
</html>

Most of CSS files must be inserted in header, before theme.css file.

You not need to do nothing, download the product and you are done, demos and all contents are included. It's exactly like all others ThemeForest templates, but customization is realy better: more simple, more fast, more powerful.


Themes and demos



1. Include file theme.css in theme folder into header object of every page as last item.

File theme.css must be the last css file included.


2. Replace theme's colors by edit first block of CSS code: THEME GLOBAL STYLES.


Important informations


Before starting you should also understand the basic features of the framework and of Bootstrap, this will save you much time in future.


Go to components base documentation Bootstrap official website