







<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        <title>my MOVIE GURU </title>
        <link rel="stylesheet" href="/assets/metronic/bootstrap-3.3.4/css/bootstrap.min.css">


        
            <!-- 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]-->

        <link rel="stylesheet" media="screen" href="/assets/chosen_v1.4.2/chosen.min.css">
        <link rel="stylesheet" media="screen" href="/assets/stylesheets/main.min.css">
        <link rel="shortcut icon" type="image/png" href="/assets/images/favicon.png?v=1">

        <style>
                #myguruid ul.nav a:hover {
                    background-color: #215667;
                    color: #fff !important;
                }

                /* tried to add border for menu, when dropdown is clicked, no success so far
                #myguruid ul.dropdown-menu > li.active > a:hover {
                    background: #419641 !important;
                }

                #myguruid ul.dropdown-menu > li.active > a {
                    background: #51AB51 !important;
                } */

                .dropdown-menu {
                    left: 0;
                    right: initial !important;
                }
        </style>
    </head>
    <body>
        <div class="container">
            
            

    <div class="row">
        <div class="col-md-12">
            <img src="/assets/images/movie_guru_logo_main.png" class="img-responsive logo center-block" alt="my MOVIE GURU">
        </div>
    </div>

    

     

<form action="/" method="POST" class="form" novalidate="novalidate">
    
        <h3 class="text-center">Login</h3>

        <div class="row">
            <div class="col-md-4 col-md-offset-4">
                









<div class="form-group  ">
    <label for="username" class="control-label" style="color: white; width: 120px;">username</label>
    
    <input type="text" id="username" name="username" value="" placeholder="Username"/>

    
</div>



                







<div class="form-group  ">
    <label for="password" class="control-label" style="color: white; width: 120px;">password</label>
    
    <input type="password" id="password" name="password" placeholder="Password"/>

    
</div>



            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <button type="submit" class="btn button center-block">Login</button>
            </div>
        </div>
    
</form>


        </div>



        <div class="footer col-xs-6 col-xs-offset-3 mainfooter" >
            <div class="row well well-sm">
                <div class="col-xs-4">
                    Distribution:  mymovie-guru-ssl
                </div>
                <div class="col-xs-4 text-center">PROD: true</div>
                <div class="col-xs-4 text-right">
                    Version: 2.2.7.1
                </div>
            </div>
        </div>

            <!-- BEGIN JAVASCRIPTS -->
        <script src="/javascriptRoutes"></script>
        <script src="/assets/metronic/js/jquery-1.11.2.min.js"></script>
        <script src="/assets/metronic/js/jquery-migrate-1.2.1.min.js"></script>
        <script src="/assets/metronic/bootstrap-3.3.4/js/bootstrap.min.js"></script>
        <script src="/assets/javascripts/mmg-commons.js"></script>
        <script src="/assets/chosen_v1.4.2/chosen.jquery.min.js"></script>
        

        <script>
                jQuery(document).ready(function () {
                    
                });
        </script>
            <!-- END JAVASCRIPTS -->
    </body>
</html>

