Documentation | Gull bootstrap 4 Laravel admin template

Getting Started

Make sure you have Nodejs, NPM and gulp installed on your computer.

Download node https://nodejs.org/en/download

Install gulp: Open terminal and run npm install -g gulp

HTML Version: Serve and build

Use terminal and navigate to project root.

Then run npm install

Development server

Run gulp for a dev server. Navigate to http://localhost:3000/dashboard.v1.html. The app will automatically reload if you change any of the source files.

Build

Run gulp build to build the project. The build artifacts will be stored in the dist/ directory.

Side Navigation

Main menu item html markup. data-item defines a parent menu item

            
            <li class="nav-item" data-item="uikits">
                <a class="nav-item-hold" href="#">
                    <i class="nav-icon i-Library"></i>
                    <span class="nav-text">UI kits</span>
                </a>
                <div class="triangle"></div>
            </li>

Secondary/child menu html markup. data-parent identifies it's parent menu item.

            
                <ul class="childNav" data-parent="uikits">
                    <li class="nav-item">
                        <a href="alerts.html">
                            <i class="nav-icon i-Bell1"></i>
                            <span class="item-name">Alerts</span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a href="accordion.html">
                            <i class="nav-icon i-Split-Horizontal-2-Window"></i>
                            <span class="item-name">Accordion</span>
                        </a>
                    </li>
                </ul>

SASS/CSS & Theming Guide

Root style files:

lite-purple
lite-blue

These files are located in src/assets/styles/sass/themes

Open lite-purple.scss (Location: src/assets/styles/sass/themes/lite-purple.scss) and and change the color variables

Sass files are compiled and strored in src/assets/styles/css

Color variables

primary
secondary
success
warning
info
danger
light
dark

For more about theming, visit these links

Creating new bootstrap theme.

Common CSS Classes

Background color

.bg-primary
.bg-success
.bg-warning
.bg-danger
.bg-light
.bg-dark

Color

.text-primary
.text-success
.text-warning
.text-danger
.text-light
.text-dark

Margins

.m-0
.m-0
.mt-1
.mr-1
.mb-1
.ml-1
.mb-05

Paddings

.pt-1
.pr-1
.pb-1
.pl-1
.p-0

View all Classes

Laravel Installation

Gull Laravel Version

If you want to build your next Project Using Laravel, Then Gull-laravel Version Is Good Choice For you. There is Two Laravel Version included (1.Laravel starter kit and 2.Laravel full Verison) . You can start with what ever you prefer and get all the features available in the Gull Html Version .Its Fresh and Updated Laravel version(Laravel 5.7) with all features and assets. You can either take the parts you want and integrate them into your current project Or You can follow these stpes to make the Gull-Laravel working.

Server Requirement

The Laravel framework has a few system requirements. Of course, all of these requirements are satisfied by the Laravel Homestead virtual machine, so it's highly recommended that you use Homestead as your local Laravel development environment.

However, if you are not using Homestead, you will need to make sure your server meets the following requirements:

PHP >= 7.1.3
OpenSSL PHP Extension
PDO PHP Extension
Mbstring PHP Extension
Tokenizer PHP Extension
XML PHP Extension
Ctype PHP Extension
JSON PHP Extension
BCMath PHP Extension

Installation Steps:

composer install
npm install

Now Need Rename the .env.example to .env

php artisan key:generate

Now Need some Laravel Commands

php artisan serve
Serves your project
npm run watch
Watches your files and compiles your assets on the fly (also auto reloads your browser)
npm run dev
Compiles your assets
npm run prod
Compiles and prepares your assets for production