<!-- RIBBON -->
<div id="ribbon">

				<span class="ribbon-button-alignment"> 
					<span id="refresh" class="btn btn-ribbon" data-action="resetWidgets" data-title="refresh"  rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> Warning! This will reset all your widget settings." data-html="true">
						<i class="fa fa-refresh"></i>
					</span> 
				</span>

    <!-- breadcrumb -->
    <ol class="breadcrumb">
        <li>Home</li><li>SmartAdmin Intel</li><li>Different Versions</li>
    </ol>
    <!-- end breadcrumb -->

    <!-- You can also add more buttons to the
    ribbon for further usability

    Example below:

    <span class="ribbon-button-alignment pull-right">
    <span id="search" class="btn btn-ribbon hidden-xs" data-title="search"><i class="fa-grid"></i> Change Grid</span>
    <span id="add" class="btn btn-ribbon hidden-xs" data-title="add"><i class="fa-plus"></i> Add</span>
    <span id="search" class="btn btn-ribbon" data-title="search"><i class="fa-search"></i> <span class="hidden-mobile">Search</span></span>
    </span> -->

</div>
<!-- END RIBBON -->



<!-- MAIN CONTENT -->
<div id="content">

    <!-- row -->
    <div class="row">

        <!-- col -->
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
            <h1 class="page-title txt-color-blueDark text-center">

                <!-- PAGE HEADER -->
                SmartAdmin Different Versions<br>
                <small class="text-success"><strong>When you buy SmartAdmin you will gain access to all the versions below!</strong></small>
            </h1>

        </div>
        <!-- end col -->

    </div>
    <!-- end row -->

    <!--
        The ID "widget-grid" will start to initialize all widgets below
        You do not need to use widgets if you dont want to. Simply remove
        the <section></section> and you can use wells or panels instead
        -->

    <!-- widget grid -->
    <section id="widget-grid" class="">

        <!-- row -->

        <div class="row">

            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                <!-- your contents here -->

                <div class="jumbotron padding-10 text-center bg-color-white">
                    <img src="/public/pandora/img/versions/ajaxversion.png" alt="Ajax Version" style="margin-left:-40px; width: 150px; margin-top:20px">
                    <h1 style="font-size: 30px;">Jquery AJAX version</h1>
                    <h5 class="text-left padding-5" style="min-height:250px">

                        AJAX version uses robust scripts to lazyload pages, components and plugins - to act as a single page app.
                        Its built to run smoothly in all devices. Highly recommended for small scale projects as it is easily manageable.
                        <br>
                        <br>
                        This is our favorite out of all versions, mostly because it's easy to build with, customize
                        and keep things into perspective.
                    </h5>
                    <a href="http://192.241.236.31/themes/preview/smartadmin/1.5/ajaxversion/" class="btn btn-default btn-lg btn-block btn-primary disabled txt-color-white">AJAX Demo</a>
                </div>

            </div>

            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                <!-- your contents here -->
                <div class="jumbotron padding-10 text-center bg-color-white">
                    <img src="/public/pandora/img/versions/angularversion.png" alt="AngularJS Version" style="margin-left:-40px; width: 150px; margin-top:20px">
                    <h1 style="font-size: 30px;">AngularJS version</h1>
                    <h5 class="text-left padding-5" style="min-height:250px">
                        The AngularJS version of SmartAdmin is a fusion of two worlds. AJAX and AngularJS working together in harmony.
                        It uses lazyload ajax method to load scripts, custom directives for navigation, message Board
                        and angular UI components. Has basic localization (e.g language change demo) with ngRoute, while
                        keeping all BootstrapJS compatibility intact. Highly recommended for large scale projects!
                        <br><br>
                        This would be an ideal choise for your next AngularJS project! See the demo by clicking the link below.
                    </h5>
                    <a href="http://192.241.236.31/themes/preview/smartadmin/1.5/angularjs" target="_blank" class="btn btn-default btn-lg btn-block btn-danger">Angular Demo <i class="fa fa-long-arrow-right"></i></a>
                </div>

            </div>

            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                <!-- your contents here -->
                <div class="jumbotron padding-10 text-center bg-color-white">
                    <img src="/public/pandora/img/versions/htmlversion.png" alt="HTML Version" style="margin-left:-40px; width: 150px; margin-top:20px">
                    <h1 style="font-size: 30px;">HTML version</h1>
                    <h5 class="text-left padding-5" style="min-height:250px">
										<span class="air air-top-right" style="padding:15px 30px 0 0">
											<i class="fa fa-check-circle fa-3x text-primary"></i>
										</span>
                        HTML Version gives you the flexibility to go in any direction. It comes with clean and pure HTML5
                        validated codes, with no loss of design or UI integrity from other verions. Use this version of
                        SmartAdmin as a stand point to start in any platform you wish. Whether it is .Net, PHP, reactJS,
                        Django or any other platforms out there, this version would be the ideal choice to go with.
                        <br><br>
                        <strong>Please note</strong> : This demo is not currently available on our live site.
                    </h5>
                    <button class="btn btn-default btn-lg btn-block btn-warning" disabled>Currently viewing...</button>
                </div>

            </div>

            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                <!-- your contents here -->
                <div class="jumbotron padding-10 text-center bg-color-white">
                    <img src="/public/pandora/img/versions/phpversion.png" alt="PHP Version" style="margin-left:-40px; width: 150px; margin-top:20px">
                    <h1 style="font-size: 30px;">PHP/HTML version</h1>
                    <h5 class="text-left padding-5" style="min-height:250px">
                        PHP version comes in two forms, <a href="javascript:void(0);">PHP HTML</a> and  <a href="javascript:void(0);">PHP AJAX</a> - they both come with a number of built in
                        PHP classes to help you get a boost in your project and save you maybe months of work.
                        <br>
                        <br>
                        Just to name a few of the custom classes available off the bat are datatable, widgets, button,
                        accordion and multiple Smart Form Classes.
                        <br>
                        <br>
                        Please click the link below to check out the list of our PHP classes. You will not be disappointed!
                    </h5>
                    <a href="http://myorange.ca/themes/preview/smartadmin/1.5/phpversion/" target="_blank" class="btn btn-default btn-lg btn-block btn-primary">PHP Demo <i class="fa fa-long-arrow-right"></i></a>
                </div>

            </div>

            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                <!-- your contents here -->
                <div class="jumbotron padding-10 text-center bg-color-white">
                    <img src="/public/pandora/img/versions/dotnetversion.png" alt="PHP Version" style="margin-left:-40px; width: 150px; margin-top:20px">
                    <h1 style="font-size: 30px;">ASP.Net MVC5 version</h1>
                    <h5 class="text-left padding-5" style="min-height:250px">
                        The MVC version of SmartAdmin finally brings this wonderful theme into the world of .NET. It uses the very latest version of ASP.NET MVC 5 to showcase all of its great features. The MVC version comes complete with built-in ASP.NET Identity and bundling configured to ensure an even more streamlined user experience.
                        <br>
                        <br>
                        You can use this project as the basis or extend on-top of it using the familiar MVC structure without any concessions whatsoever! The project comes with a built-in customizable setting manager to toggle functionality on and off without writing any additional code!
                        <br><br>
                        <strong>We welcome you to explore this brand new version and experience the theme hands-on!</strong>
                    </h5>
                    <a href="http://mvc.myorange.ca/" target="_blank" class="btn btn-default btn-lg btn-block bg-color-purple txt-color-white">MVC Demo <i class="fa fa-long-arrow-right"></i></a>
                </div>

            </div>

            <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
                <!-- your contents here -->
                <div class="jumbotron padding-10 text-center bg-color-white">
                    <img src="/public/pandora/img/versions/reactversion.png" alt="PHP Version" style="margin-left:-40px; width: 150px; margin-top:20px">
                    <h1 style="font-size: 30px;">REACTJS version</h1>
                    <h5 class="text-left padding-5" style="min-height:250px">
                        This version is not yet available. Please follow us on twitter @bootstraphunt to be notified of future updates.
                    </h5>
                    <a href="javascript:void(0);" target="_blank" class="btn btn-default disabled btn-lg btn-block bg-color-darken txt-color-white">coming soon...</a>
                </div>

            </div>

        </div>

        <!-- end row -->

    </section>
    <!-- end widget grid -->

</div>
<!-- END MAIN CONTENT -->