<!DOCTYPE html>
<html lang="en" >
  <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>Smoke</title>
    <meta name="description" content="Smoke is the most complete jQuery Plugin and designed for use with Bootstrap 3" />
    <meta name="keywords" content="HTML, CSS, JS, JavaScript, JQuery, plugin, bootstrap, smokejs, smoke, front-end, frontend, web development, valida, validar, validacion, validate, formulario, formularios, form, mensajes, alertas, alerta, alert, alerts, notificacion, notificaciones, confirmacion, confirm, progressbar, barra de progreso, panel, paneles, pantalla completa, fullscreen, helpers, alfredobarron, alfredo barron, alfredo, barron" />
    <meta name="robots" content="index,follow,archive">
    <meta name="author" content="Alfredo Barron" />
    <link rel="shortcut icon" href="images/favicon.png">

    <!-- bower:css -->
    <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css" />
    <!-- endbower -->

    <!-- Smoke -->
    <link href="dist/css/smoke.min.css" rel="stylesheet">

    <!-- Styles -->
    <link href="css/styles.min.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body ng-app="appSmoke" ng-controller="MainCtrl" class="load">
    <state-loading-indicator></state-loading-indicator>
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#/">Smoke</a>
        </div><!-- /.navbar-header -->
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
          <ul class="nav navbar-nav">
            <li ui-sref-active="active"><a ui-sref="getting-started" ng-click="gettingStarted()">{{'GETTING-STARTED' | translate}}</a></li>
            <li ui-sref-active="active"><a ui-sref="validate" ng-click="validate()">{{'VALIDATE' | translate}}</a></li>
            <li ui-sref-active="active"><a ui-sref="notifications" ng-click="notifications()">{{'NOTIFICATIONS' | translate}}</a></li>
            <li ui-sref-active="active"><a ui-sref="progressbar" ng-click="btnProgressbar()">{{'PROGRESSBAR' | translate}}</a></li>
            <li ui-sref-active="active"><a ui-sref="fullscreen" ng-click="fullscreen()">{{'FULLSCREEN' | translate}}</a></li>
            <li ui-sref-active="active"><a ui-sref="panel" ng-click="panel()">{{'PANEL' | translate}}</a></li>
            <li ui-sref-active="active"><a ui-sref="helpers" ng-click="helpers()">{{'HELPERS' | translate}}</a></li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li class="dropdown">
              <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">{{lang}} <span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li><a href="" ng-click="changeLanguage('en')">{{'ENGLISH' | translate}}</a></li>
                <li class="divider"></li>
                <li><a href="" ng-click="changeLanguage('es')">{{'SPANISH' | translate}}</a></li>
                <li class="divider"></li>
                <li><a href="" ng-click="changeLanguage('de')">{{'DEUTSCH' | translate}}</a></li>
			  	      <li class="divider"></li>
                <li><a href="" ng-click="changeLanguage('pt_br')">{{'BRAZILIANPORTUGUESE' | translate}}</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </div><!-- /.container -->
    </nav>

    <section ui-view autoscroll='true'>

    </section>

    <footer>
        <div class="container text-center">
        <hr>
          <ul class="list-inline">
            <li><div class="g-plus" data-action="share" data-annotation="bubble" data-href="http://alfredobarron.github.io/smoke/#/"></div></li>

            <li><div class="fb-share-button" data-href="http://alfredobarron.github.io/smoke/#/" data-layout="button_count"></div></li>

            <li><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://alfredobarron.github.io/smoke/#/" data-via="AlfredoBarronC" data-related="AlfredoBarronC" data-hashtags="Smoke,JQuery,Plugin,Bootstrap,HechoEnMexico,OpenSource">Tweet</a></li>
          </ul>
          <p>{{'DESIGNED' | translate}} <a href="https://twitter.com/AlfredoBarronC" target="_blank">@AlfredoBarronC</a>, {{'TRANSLATED' | translate}} <a href="https://plus.google.com/+MisaelRojas" target="_blank">+MisaelRojas</a></p>

          <p>{{'LICENSE' | translate}} <a href="https://github.com/alfredobarron/smoke/blob/master/LICENSE">license LGPL</a></p>

          <p><a href="https://github.com/alfredobarron/smoke" target="_blank">GitHub</a> . <a href="http://alfredobarron.github.io/smoke/v1.0/" target="_blank">Smock v1.0</a> . <a href="https://github.com/alfredobarron/smoke/issues" target="_blank">{{'ISSUES' | translate}}</a> . <a href="https://github.com/alfredobarron/smoke/releases" target="_blank">{{'RELEASES'| translate}}</a></p>
        </div>
    </footer>

    <div class="loading">
      <div class="loader">Loading...</div>
    </div>

    <!-- bower:js -->
    <script src="bower_components/es5-shim/es5-shim.js"></script>
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/angular-ui-router/release/angular-ui-router.js"></script>
    <script src="bower_components/json3/lib/json3.js"></script>
    <script src="bower_components/angular-smoothscroll/dist/scripts/bb15da28.scripts.js"></script>
    <script src="bower_components/angular-gist/angular-gist.min.js"></script>
    <script src="bower_components/ngScrollSpy/dist/ngScrollSpy.js"></script>
    <script src="bower_components/angular-translate/angular-translate.js"></script>
    <script src="bower_components/angular-translate-loader-static-files/angular-translate-loader-static-files.js"></script>
    <script src="bower_components/angular-sanitize/angular-sanitize.js"></script>
    <!-- endbower -->

    <!-- Smoke -->
    <script src="dist/js/smoke.min.js"></script>
    <!-- Scripts -->
    <script src="js/scripts.min.js"></script>

    <!-- Twitter -->
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

    <!-- Google + -->
    <script src="https://apis.google.com/js/platform.js" async defer>
      {lang: 'en'}
    </script>

    <!-- Facebook -->
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=521651221243058&version=v2.0";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <!-- Analytics -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

      ga('create', 'UA-56460444-2', 'auto');
      ga('send', 'pageview');
    </script>

  </body>
</html>