anli\jango

Jango Theme for Yii 2.0

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist anli/yii2-jango "*"

or add

"anli/yii2-jango": "*"

to the require section of your composer.json file.

Download and unzip jango theme assets folder to the @web/jango/theme folder.

Copy the js folder to the @web/jango folder.

Add to the modules section of your config with:

'jango' => [
    'class' => 'anli\jango\Module',
    'headerPath' => '@app/views/layouts/_header',
    'footerPath' => '@app/views/layouts/_footer',
],

Usage

Add to your view file:

Yii::$app->controller->layout = '@vendor/anli/yii2-jango/views/layouts/main';

Or add to your controller file:

public $layout = '@vendor/anli/yii2-jango/views/layouts/main';

Revo Slider

use anli\jango\widgets\RevoSlider;
...
<?= RevoSlider::widget([
     'items' => [
        [
            'imageUrl' => '@web/jango/theme/assets/base/img/content/backgrounds/bg-19.jpg',
            'title' => 'Incredibly robust for any concept',
            'subTitle' => 'Lorem ipsum dolor sit amet, consectetuer elit sed<br>et nibh euismod aliquam sed',
            'actionTitle' => 'Explore',
            'actionUrl' => '#',
        ],
        [
            'imageUrl' => '@web/jango/theme/assets/base/img/content/backgrounds/bg-57.jpg',
            'title' => 'Beautiful HTML & CSS<br>Ready to launch',
            'actionTitle' => 'Purchase',
            'actionUrl' => '#',
        ],
    ]
]); ?>

Revo Slider 8

use anli\jango\widgets\RevoSlider8;
...
<?= RevoSlider8::widget([
     'items' => [
         [
             'imageUrl' => '@web/jango/theme/assets/base/img/content/backgrounds/bg-19.jpg',
             'title' => 'Incredibly robust for any concept',
             'subTitle' => 'Lorem ipsum dolor sit amet, consectetuer elit sed<br>et nibh euismod aliquam sed',
             'actionTitle' => 'Explore',
             'actionUrl' => '#',
             'fontSize' => 40,
         ],
         [
             'imageUrl' => '@web/jango/theme/assets/base/img/content/backgrounds/bg-57.jpg',
             'title' => 'Beautiful HTML & CSS<br>Ready to launch',
             'actionTitle' => 'Purchase',
             'actionUrl' => '#',
         ],
    ]
]); ?>

Header

Edit in your @app/layouts/_header.php with:

use anli\jango\widgets\Header;
...
<?= Header::widget(['imageUrl' => 'images/company-logo.png', 'items' => [
    ['url' => ['/user/dashboard'], 'label' => ' Sign In', 'icon' => 'icon-user'],
]]) ;?>

App Feature

Add to your view file:

use anli\jango\widgets\AppFeature;
...
<?= AppFeature::widget([
    'imageUrl' => Url::to(['@web/jango/theme/assets/base/img/content/backgrounds/bg-84.jpg']),
    'title' => 'Features',
    'items' => [
        ['title' => 'title 1', 'content' => 'content 1'],
        ['title' => 'title 2', 'content' => 'content 2'],
        ['title' => 'title 3', 'content' => 'content 3'],
        ['title' => 'title 4', 'content' => 'content 4'],
    ]
]); ?>

App Feature 2

Add to your view file:

use anli\jango\widgets\AppFeature2;
...
<?= AppFeature2::widget([
    'imageUrl' => Url::to(['@web/jango/theme/assets/base/img/content/backgrounds/bg-75.jpg']),
    'items' => [
        ['title' => 'title 1', 'content' => 'content 1'],
        ['title' => 'title 2', 'content' => 'content 2'],
        ['title' => 'UNLIMITED THEMED LAYOUTS', 'content' => "Lorem ipsum euismod dolor amet consetuer adipiscing elit sed diam nonummy euismod dolore"],
        ['imageUrl' => Url::to(['@web/jango/theme/assets/base/img/content/stock3/7.jpg']), 'title' => 'title 4'],
    ]
]); ?>

Pricing

Add to your view file:

use anli\jango\widgets\Pricing;
...
<?= Pricing::widget([
    'title' => 'Pricing Packages',
    'items' => [
        ['title' => 'Trial', 'price' => 'Free', 'unit' => '*', 'items' => ['Max 1 users', 'Limited features', '<sup>*</sup>Try for 7 days'], 'url' => Url::to(['register']), 'linkLabel' => 'Try It Free'],
        ['title' => 'promotion', 'price' => '125', 'isHighlight' => true, 'unit' => '/mo', 'items' => ['per 10 users', 'all features', 'Fully Supported'], 'url' => Url::to(['register']), 'linkLabel' => 'Puchase'],
        ['title' => 'standard', 'price' => '15', 'unit' => '/mo', 'items' => ['per user', 'All features', 'Fully Supported'], 'url' => Url::to(['register']), 'linkLabel' => 'Puchase'],
    ]
]); ?>

App Feature 3

Add to your view file:

use anli\jango\widgets\AppFeature3;
...
<?= AppFeature3::widget([
    'title' => 'Main Features',
    'subtitle' => 'Lorem ipsum dolor consetuer elit adipicing sed diam ticidut erat votpat dolore',
    'items' => [
        ['title' => '25 Totally Unique Homepages', 'content' => 'Lorem ipsum dolor consetuer adipicing sed diam ticidut erat votpat dolore', 'icon' => 'icon-trophy'],
        ['title' => 'Intuitive Code Structure', 'content' => 'Lorem ipsum dolor consetuer adipicing sed diam ticidut erat votpat dolore', 'icon' => 'icon-rocket'],
        ['title' => '10 Exclusive Slideshows', 'content' => 'Lorem ipsum dolor consetuer adipicing sed diam ticidut erat votpat dolore', 'icon' => 'icon-layers'],
        ['title' => 'Huge & Unlimited Updates', 'content' => 'Lorem ipsum dolor consetuer adipicing sed diam ticidut erat votpat dolore', 'icon' => 'icon-present'],

    ]
]); ?>

Footer

use anli\jango\widgets\Footer;
...
<?= Footer::widget([
    'title' => 'EUQ<span class="c-theme-font">OL</span>',
    'about' => 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy ad minim veniam quis nostrud exerci et tation diam nisl ut aliquip exit commodo consequat euismod tincidunt ut laoreet dolore magna aluam.',
    'social' => "<li>
        <a href='#'><i class='icon-social-twitter'></i></a>
    </li>
    <li>
        <a href='#'><i class='icon-social-facebook'></i></a>
    </li>",
    'contact' => "25, Lorem Lis Street, Orange C, California, US<br>
    Phone: 800 123 3456<br>
    Fax: 800 123 3456<br>
    Skype: jango.inc",
]); ?>